• Choose a category
• All
• Classic-Fiction

Acknowledgments

Earle Castledine

I’d like to thank the good folks at Agency Rainford for running Jelly (and getting me out of the house), Stuart Horton-Stephens for teaching me how to do Bézier Curves (and puppet shows), Andrew Tetlaw, Louis Simoneau, and Kelly Steele from SitePoint for turning pages of rambling nonsense into English, the Sydney web community (who do truly rock), the jQuery team (and related fellows) for being a JavaScript-fueled inspiration to us all, and finally, my awesome Mum and Dad for getting me a Spectravideo 318 instead of a Commodore 64—thus forcing me to read the manuals instead of playing games, all those years ago.

Craig Sharkie

Firstly, I’d like to thank Earle for bringing me onto the project and introducing me to the real SitePoint. I’d met some great SitePointers at Web Directions, but dealing with them professionally has been a real eye-opener. I’d also like to thank my wonderful wife Jennifer for understanding when I typed into the wee small hours, and my parents for letting me read into the wee small hours when I was only wee small. Lastly, I’d like to thank the web community that have inspired me—some have inspired me to reach their standard, some have inspired me to help them reach a higher standard.

Conventions Used in This Book

You’ll notice that we’ve used certain typographic and layout styles throughout the book to signify different types of information. Look out for the following items.

Code Samples

Code in this book will be displayed using a fixed-width font, like so:

A Perfect Summer's Day

It was a lovely day for a walk in the park. The birds

were singing and the kids were all back at school.

If the code is to be found in the book’s code archive, the name of the file will appear at the top of the program listing, like this:

example.css

.footer {

background-color: #CCC;

border-top: 1px solid #333;

}

If only part of the file is displayed, this is indicated by the word excerpt:

example.css (excerpt)

border-top: 1px solid #333;

If additional code is to be inserted into an existing example, the new code will be displayed in bold:

function animate() {

new_variable = "Hello";

}

Also, where existing code is required for context, rather than repeat all the code, a … will be displayed:

function animate() {

…

return new_variable;

}

Some lines of code are intended to be entered on one line, but we’ve had to wrap them because of page constraints. A ↵ indicates a line break that exists for formatting purposes only, and should be ignored:

URL.open("http://www.sitepoint.com/blogs/2007/05/28/user-style-she

↵ets-come-of-age/");

Tips, Notes, and Warnings

Tip: Hey, You!

Tips will give you helpful little pointers.

Note: Ahem, Excuse Me …

Notes are useful asides that are related—but not critical—to the topic at hand. Think of them as extra tidbits of information.

Important: Make Sure You Always …

… pay attention to these important points.

Warning: Watch Out!

Warnings will highlight any gotchas that are likely to trip you up along the way.

Chapter 1

Falling in Love with jQuery

So you have the coding chops to write lean, semantic HTML—and you can back it up with masterful CSS to transform your design ideas into gorgeous web sites that enthrall your visitors. But these days, you realize, inspiring designs and impeccable HTML alone fall short when you’re trying to create the next Facebook or Twitter. So, what’s the missing piece of the front-end puzzle?

It’s JavaScript. That rascally scripting language, cast as the black sheep of the web development family for so many years. JavaScript is how you add complex behaviors, sophisticated interactions, and extra pizazz to your site. To conquer the sleeping giant that is JavaScript, you just need to buckle down and spend the next few years learning about programming languages: functions, classes, design patterns, prototypes, closures ...

Or there’s a secret that some of