You may have seen the Discovershadow.com site, where the initial header image zooms in and fades out once you scroll down the page.
Pretty slick effect would you say, huh? Today I’m going to show you how you can accomplish a similar effect on your next project.
I must admit, I am not the biggest fan of parallax websites, but it looks like it’s still a very popular effect for web designers. On my recent project for one of my clients, I was asked to create a simple parallax effect on the home page and actually quite enjoyed playing around with different settings and effects.
Today I’d like to share with you a simple demo of a few parallax effects created using Skrollr.js.
Pete R. introduced his One Page Scroll to the world a few weeks ago.
He did a great job on replicating the one page scrolling effect used on the new Apple iPhone 5S/5C websites.
I have looked at the animations briefly in my previous post – Apple iPhone 5C page decunstructed
Today I want to show you how these animations were created in a more detailed breakdown.
Another look under the hood of a popular website with a non-traditional layout. This time I am deconstructing the HTML and CSS of the most recent version of myspace.com.
In my opinion video is still a very under used element in web design, but the recent Awwwards.com winners (Mac Pro, L’Attrape Rêve or United Studios Live ) show that video is slowly becoming very popular among web designers and creative agencies.
In the first part of this tutorial we looked at the animateSlides function which does the heavy lifting and animates our slides left and right. Today we will cover the two remaining functions, updateNav and resetStage.
The Apple Worldwide Developers Conference (WWDC) held in San Francisco earlier this week introduced a few new Apple products and updates.
While the hugely expected iPhone 6 Nano with super narrow display hasn’t been revealed yet, the new iOS 7 caused a huge debate around the “flat” icons and updated UI design.
What stood out for me was the new Apple Mac Pro with its futuristic black design and a power house configuration. This futuristic product is also showcasing its features on a great looking website at www.apple.com/mac-pro/ which is full of interesting effects.
My first tutorial how to “Create Apple navigation using Greensock” was so popular among other front-end developers and designers, that I have decide to share another one with you today.