Design Trends - Parallax Designs

Written by | 01 May 2012 | Published in 2012 May
Over the past few weeks I've noticed a few more websites appearing online using parallax methods in their designs with some very impressive results.

"Parallax is a displacement or difference in the apparent position of an object viewed along two different lines of sight, and is measured by the angle or semi-angle of inclination between those two lines". - Wikipedia

In terms of the parallax scrolling or parallax design, this is the technique of moving or changing background elements on a website at a different speed to that of the foreground elements. This results in different website elements changing as a user scrolls or navigates through a website. It creates the illusion of perspective movement as the user moves with the website.

Examples of Parallax Scrolling in Web Design

This is a list of six websites that use parallax scrolling in no particular order. There is a huge amount of these websites out there, but in my research these are my favourites.

 parallax design biamar website

Biamar

parallax design netlash website

Netlash BSeen

parallax design new zealand website

New Zealand

parallax-tokio

TokioLab

parallax design whiteboard website

Whiteboard

parallax-ala

Ala

 

Benefits of Parallax Scrolling

  • Visually appealing and engaging to the users
  • Highly creative way of displaying content
  • Dynamic and responsive

Downsides to Parallax Scrolling

  • Complex implementation
  • Usually very large downloads and website file size
  • Slow loading
  • Issues with backwards compatibility
  • Expensive implementations

I've managed to find a few Joomla sites using some parallax techniques but nothing really as complex as some of these website examples. Will we see parallax scrolling in Joomla templates from template shops? We'll just have to wait and see.

If you have any other examples or know of some Joomla websites that make good use of parallax scrolling, please comment and share with the rest of the Joomla community.

 

Tagged under Designers
Peter Bui

Peter Bui

Host of the Joomla Beat Podcast - Podcast about designing, developing, marketing and managing your Joomla website. Also runs PB Web Development. Follow Peter Bui on  Google+

Follow @JoomlaBeat