Category Archives: Web development

Apple shop navigation recreated using Greensock.

Tutorial: Create Apple Navigation Using Greensock

Apple’s website is always full of small innovative details and fancy CSS3 transitions. Designers talk about the clean and simple interface, while front-end developers wonder how some of these elements were created.

Today we will recreate the new Apple navigation using Greensock. If you look at it in a desktop browser, you will see a nice elastic animation between the two slides and that’s our goal for today.

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