What you will find in this book?
In this edition of the book, it has 10 projects which cover, most of the parallax web design styles from vertical scrolling to horizontal scrolling and much more.
You will find the HTML5 and CSS3 code along with the JQuery interactivity with no plug-ins at all, only in one project I use bootstrap framework only because it is famous and the need for a grid system solution to show how parallax web design can be responsive.
Why I wrote this book?
Actually, lately I was making a lot of interviews, and each time I go to interview the interviewers always as for parallax samples and need to make tests each time just to prove that the technical skills for the new employee if he/she fits for the position,
And I wanted to prove to everybody that I can do parallax websites and without plug-ins.
Who is this book for?
This book is a useful resource for web designer, front-end developers and web developers who wants to create websites using the parallax web design technology and who have basic knowledge in HTML5, CSS3 and JavaScript using jQuery.
I want to hear from you
Your satisfaction is my top priority and yours feedback my most valuable asset. please tell me what you think of this book at: emadzedan@gmail.com I will read every one of your comments and ideas. Thanks, in advance for your input!
Brief history of parallax designs
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.
Pros and cons of parallax designs
Pros of parallax designs- The movement of the designed pages allows us to create visually innovative storylines.
- Direct the site visitor’s attention.
- Increases of overall site traffic, and total time site visitors spend on the site.
- Isn’t SEO-friendly.
- Multiple image layers and animation cause slow load times.
- Current smart phones CPU, GPU and RAM cannot handle complicated parallax websites.
