Parallax Scrolling and Its Usage in Web Design
• Design, Inspiration • April 30, 2012 • 7 Comments
Discover Bagigia
KRYSTALRAE
Anna Safroncik
Netlash
Activate
VW
Smart
Laurentius
Artofflight
Nike
Page 1 Page 2










Rachael May 1, 11:19 am
I think whilst as web designers we’re impressed by parallax and the powerful effect it can have, but I think it’s something which impresses us as designers more than it does the customer, because we can understand more the effort that is required to create something like that.
I think sites like Krystal Rae have got the right amount in, its a right amount that the customer and their consumers will be impressed by the techniques used, but a little more simple that there is not massive lag time waiting for the site and hundreds of images to load.
I’m looking forward to the day when it becomes a lot easier to do!
Logoswish May 1, 7:54 pm
Nice collection of parallax scrolling. Very creative and beautiful effect, but for me not usable in most cases. Discover Bagigia my favorite.
Raf May 2, 6:09 am
Thanks for the article. Would you have any examples of parallax sites that actually work on iPad? Neither of those you show does…
Dave Sep 20, 4:34 pm
Hi Raf,
http://www.one-potato.co.uk specifically optimised for iPad using HTML5 and hardware accelerated rendering to get super smooth touch-scroll.
Previously there were issues with the scroll being very jerky because it didn’t scroll until you removed your finger from the screen.
There are more details at http://aerian.com/portfolio/one-potato/one-potato-html5-website
wd May 26, 9:18 am
Really interesting stuff,a great collection. Some of the examples are so impressive.The parallax scrolling in web design has gained popularity over the past couple of years.Parallax scrolling effect could also help to create a virtual tour effect. Thanks for sharing such a nice post.
Deborah Jul 17, 9:00 pm
Great article – I love the simplicity of Parallax – it’s a very elegant way to draw attention to visuals. Another great site that uses parallax is the Microsoft Office Labs site – http://www.microsoft.com/office/labs/index.html Check it out!
Drew Feb 13, 10:42 pm
Hey Christian,
Great article, thanks for posting! Did you use any of the tuts to develop a parallax? If not, do you recommend one of the many tutorials you listed? As they all seem like great sources.
Thanks again!