Tag Archives: html

Happy holidays

I would like to take a minute and thank all my clients and YOU all my valuable readers for being a part of this amazing journey. You all made the 2013 a very special one.

I hope you enjoyed some of my posts, and a big thank you for leaving a comment or sharing on social networks. It makes a big difference and helps to create a better community of curious web developers and designers. A community where we learn by doing and where we share what we learn. This ultimately helps us to create a better websites for our clients and customers.

And now to the fun part of this festive season.

Continue reading →

How To Zoom Into An Image On Scroll

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.

Continue reading →

Parallax Scrolling Effect using Skrollr.js

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.

Continue reading →

How to hide Foundation Off Canvas menu in IE9

If you like the Foundation CSS framework, you probably know that a new version 5 came out a couple of weeks ago. One of the new features Offcanvas menu is a nice addition to the most advanced responsive front-end framework in the world. While it works like a charm straight out of the box, you might run into an issue in IE9.

Continue reading →

One Page Scroll with animations

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.

Continue reading →

Firefox Issue With Foundation And Vertical Alignment

While working on another theme for ClickFork, I came across this weird bug when trying to vertically align an image inside of a logo container.

Continue reading →

Apple iPhone 5C Page Deconstructed

The new iPhone 5C and 5S were released a couple of weeks ago and were mostly criticised for the lack of innovation and the new, colourful, flat iOS7.

Let’s forget the products and the new iOS for a moment and have a look under the hood of the Apple iPhone 5C/5S website.

Continue reading →

Tutorial: Create The Apple Mac Website Navigation Using Greensock [Part 2]

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.

Continue reading →