Parallax A fairly recent design trend is called Parallax which involves (usually) full width page design with background images that scroll at a different rate than the surrounding text. Weaver Xtreme Plus now has the capability to easily generate beautiful … Continue reading →
The Weaver Xtreme free version (Version 3.1 or later) of the theme allows you to add a Video either in the Header Area or as a Background Parallax image on the Front Page only. Demo Page of Header Video as … Continue reading →
Making object sizes proportional to browser sizes This tutorial introduces you to two very powerfull and sometimes less known CSS features – Viewport units – Calc function Viewport Units allow you to express the size of an element as a … Continue reading →
In a parallax design, the background image of the parallax area is stretched to cover the whole browser area.
As a result, when the browser ratio differs from the image ratio, some cropping will occur (vertically or horizontally).
This Tutorial explains how to minimize cropping by using different Parallax images for Portrait and Landscape orientations