Book Image

Web Design Blueprints

Book Image

Web Design Blueprints

Overview of this book

The book delivers simple instructions on how to design and build modern Web using the latest trends in web development. You will learn how to design responsive websites, created with modern Flat User Interface design patterns, build deep-scrolling websites with parallax 3D effects, and roll-your-own single-page applications. Finally, you'll work through an awesome chapter that combines them all. Each chapter features actual lines of code that you can apply right away.
Table of Contents (12 chapters)
Web Design Blueprints
Credits
About the Author
About the Reviewer
www.PacktPub.com
Preface
Index

Object and function conventions


In your header file, there is a script tag with the clock script in it. Use that for now, and eventually this will grow into a few different scripts as it becomes bigger. Let's get it started in an organized way; there's no sense in creating a debt of disorganization to clean up later.

In the beginning of the script, add a variable object named home:

var home = {};
Then, prepend all variables and functions following this with home instead of leaving them as newly defined. This adds them to that home object. This will prevent confusion and collisions later on. This looks like the following: 
var home = {};
home.dayArray = ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"];
home.monthArray = ["January","February","March","April","May","June","July","August","September","October","November","December"];

home.getTime = function(){
var today=new Date();
var h=today.getHours();
var m=today.getMinutes();
var s=today.getSeconds();
var d=home...