One of the latest web design trends popping up all over the internet is called Parallax Scrolling.
Parallax is a difference in the in the apparent position of an object viewed along different lines of sight. The Parallax effect or parallax scrolling in web design is the technique that features layered images that move around the website in different speeds/perspectives creating an interesting 3D illusion.
webdesignledger.com has put together an compilation of 21 great examples of parallax in web design - ranging from individual designer's portfolios to Nike.
Smashing Magazine also has a parallax scrolling tutorial that provides the HTML, CSS, and javascript you need to get starting designing a parallax website.
Happy scrolling!
I think that this scrolling is so intuitive and reminds me of the almost liquid movement one gets while using a touch tablet. It was interesting that some sites had automatic movement, while others had you click an arrow to move.
ReplyDelete