www.parallaxwebdesignbook.com
Parallax Web Design
Innovative Techniques for Your New Websites
Emad Morris Zedan
Shop Now
Book Projects In Action
Chapter3 Project
C1
Parallax Fixed Background Image with Animated Objects.

View Project »

Chapter4 Project
C2
Parallax with Fixed Article.

View Project »

Chapter5 Project
C3
Animated Intro & Outro of Objects with a Responsive Grid System.

View Project »

Chapter6 Project
C0
Parallax Navigation Menu.

View Project »

Chapter7 Project
C5
Parallax Scrolling with Multiple Angled Sections.

View Project »

Chapter7 Extra Project
C6
Parallax Scrolling with Multiple Angled Sections.

View Project »

Chapter8 Project
C7
Mix Vertical with Horizontal Parallax.

View Project »

Chapter9 Project1
C8
Readymade Spinning Preloader.

View Project »

Chapter9 Project2
C9
Percentage Preloader.

View Project »

Chapter9 Project3
C10
Custom Preloader.

View Project »

Brief History of Parallax Design

The Parallax technique was first used in the 1940’s to create an illusion of depth within 2D video games. Later on it grew in popularity in the 1980’s – with the rise of arcade games. Today the Parallax effect is seen as a part of the scrolling feature of a web page – where the background image would move slower than the foreground images. This trend is relatively new in web design – which makes it exciting and fun.

Sample Pages From The Book