Sambells / Gustafson AdvancED DOM Scripting

Dynamic Web Design Techniques
1. ed
ISBN: 978-1-4302-0298-1
Verlag: Apress
Format: PDF
Kopierschutz: 1 - PDF Watermark

E-Book, Englisch, 592 Seiten

DOM Scripting is a vital technique for web developers and designers to learn and master in order to add such dynamic web applications as animations, maps, drag and drop, and more. This book offers comprehensive coverage of advanced DOM Scripting techniques and reads like a wish list of must have dynamic web application features, including visual effects using JavaScript libraries, Ajax, Mashups using APIs, and much more. It follows in the footsteps of Jeremy Keith's acclaimed book, DOM Scripting (friends of ED: 1590595335, 2005), helping you master the next level with countless real world tutorials.

Jeffrey Sambells?is a graphic designer and self-taught web applications developer best known for his unique ability to merge the visual world of graphics with the mental realm of code. With a bachelor of technology degree in graphic communications management along with a minor in multimedia, Jeffrey was originally trained for the traditional paper-and-ink printing industry, but he soon realized the world of pixels and code was where his ideas would prosper. In late 1999, he cofounded We-Create, Inc., an Internet software company based in Waterloo, Ontario, which began many long nights of challenging and creative innovation. Currently, as director of research and development for We-Create, Jeffrey is responsible for investigating new and emerging Internet technologies and integrating them using web standards-compliant methods. In late 2005, he also became a Zend Certified Engineer. When not playing at the office, Jeffrey enjoys a variety of hobbies from photography to woodworking. When the opportunity arises, he also enjoys floating in a canoe on the lakes of Algonquin Provincial Park or going on an adventurous, map-free, drive with his wife. Jeffrey also maintains a personal website at JeffreySambells.com, where he shares thoughts, ideas, and opinions about web technologies, photography, design, and more. He lives in Ontario, Canada, eh, with his wife, Stephanie, his daughter, Addison, and their little dog, Milo.

Autoren/Hrsg.

Sambells, Jeffrey

Gustafson, Aaron

Inhaltsverzeichnis

1;CONTENTS AT A GLANCE;5
2;CONTENTS;7
3;ABOUT THE AUTHORS;16
4;ABOUT THE TECHNICAL REVIEWERS;17
5;ABOUT THE COVER IMAGE DESIGNER;18
6;ACKNOWLEDGMENTS;19
7;INTRODUCTION;20
7.1;Who this book is for;20
7.2;How this book is structured;21
7.3;Conventions;21
7.4;Prerequisites;23
7.5;Downloading the code;23
7.6;Contacting the authors;23
8;DOM SCRIPTING IN DETAIL;24
8.1;DO IT RIGHT WITH BEST PRACTICES;26
8.1.1;Unobtrusive and progressive enhancement;27
8.1.2;Putting JavaScript to work;28
8.1.3;Common gotchas in the JavaScript syntax;53
8.1.4;A practical example: WYSIWYG JavaScript rollover redux;63
8.1.5;Summary;71
8.2;CREATING YOUR OWN REUSABLE OBJECTS;74
8.2.1;What’s in an object?;75
8.2.2;Creating your own objects;83
8.2.3;What is this?;94
8.2.4;try { }, catch { }, and exceptions;99
8.2.5;A practical example: your own debugging log;101
8.2.6;Summary;110
8.3;UNDERSTANDING THE DOM2 CORE AND DOM2 HTML;112
8.3.1;The DOM, not JavaScript, is your document;113
8.3.2;Levels of the DOM;114
8.3.3;Creating a sample document;119
8.3.4;The DOM Core;123
8.3.5;DOM HTML;148
8.3.6;A practical example: converting hand- coded HTML to DOM code;150
8.3.7;Summary;169
8.4;RESPONDING TO USER ACTIONS AND EVENTS;172
8.4.1;DOM2 Events;173
8.4.2;Types of events;174
8.4.3;Controlling event flow and registering event listeners;189
8.4.4;Summary;224
8.5;DYNAMICALLY MODIFYING STYLE AND CASCADING STYLE SHEETS;226
8.5.1;The W3C DOM2 Style specification;226
8.5.2;When DOM scripting and style collide;229
8.5.3;Keeping style out of your DOM script;236
8.5.4;Accessing the computed style;260
8.5.5;The Microsoft filter property;262
8.5.6;Practical example: a simple transition effect;267
8.5.7;Summary;270
8.6;CASE STUDY: A PHOTO CROPPING AND RESIZING TOOL;272
8.6.1;The test files;273
8.6.2;The editor objects;277
8.6.3;Summary;304
9;COMMUNICATING OUTSIDE THE BROWSER;305
9.1;ADDING AJAX TO THE MIX;307
9.1.1;Merging technology;308
9.1.2;Why Ajax may break your site and how to fix it;327
9.1.3;Practical example: an Ajax- enhanced photo album;356
9.1.4;Summary;365
9.2;CASE STUDY: ENABLING ASYNCHRONOUS FILE UPLOADS WITH PROGRESS INDICATORS;367
9.2.1;A little life in the loading message;369
9.2.2;The starting point;373
9.2.3;Putting it all together: an upload progress indicator;374
9.2.4;Summary;394
10;SOME GREAT SOURCE;395
10.1;USING LIBRARIES TO INCREASE PRODUCTIVITY;397
10.1.1;Choosing the library that’s right for you;398
10.1.2;Enhancing the DOM;402
10.1.3;Handling events;413
10.1.4;Accessing and manipulating style;418
10.1.5;Communication;419
10.1.6;Summary;424
10.2;ADDING EFFECTS TO ENHANCE USER EXPERIENCE;426
10.2.1;Do it yourself;427
10.2.2;A few visual effects libraries;435
10.2.3;Some visual bling;436
10.2.4;Behavioral enhancements;458
10.2.5;Summary;473
10.3;MASHUPS GALORE! USING APIS TO ADD MAPS, SEARCHING, AND MUCH MORE;475
10.3.1;API keys;477
10.3.2;Client- side APIs: some JavaScript required;477
10.3.3;Server- side APIs: some proxy required;504
10.3.4;Summary;524
10.4;CASE STUDY: STYLE YOUR SELECT WITH THE DOM;526
10.4.1;That classic feeling;527
10.4.2;Building a better select;528
10.4.3;Strategy? We don’t need no stinkin’ strategy . . .;529
10.4.4;Generating life and other memorable events;541
10.4.5;Bling- bling for da form t’ing;546
10.4.6;Behavioral modifications;557
10.4.7;Knock, knock . . . housekeeping!;570
10.4.8;Further adventures in select replacement;571
10.4.9;Summary;572
11;INDEX;574