Tag Archives: html5

Be Moved – HTML, CSS, JavaScript explained

Sony’s “Be Moved” website deconstructed

We all know that parallax websites are currently the most talked about topic in web design and development. This trend doesn’t show any signs of slowing down and plenty of great parallax websites are popping up like mushrooms after the rain.

The Be Moved page by Sony certainly stands out from the crowd.

View Site

Let’s have a closer look under the hood of this visually engaging site.

Continue reading

Mac Pro Deconstruction

Apple Mac Pro page deconstructed

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.

Continue reading

Harrys.com - deconstructed.

Harrys.com – Site Of The Day Deconstructed

Harry’s website by Gin Lane Media has been awarded site of the day by the prestigious AWWWARDS on the 13th May 2013.

Simple layout, beautiful product photography, and a few interactive elements makes this website stand out and rightly be awarded as a site of the day.

This website deconstruction might be useful for anyone who is wondering how some of the interactive elements were created. It is also a great way to learn new techniques and inspire your coding for the next project.

Now lets have a look at the effects and how they were created.

Continue reading