Product Overview

DHTML Utopia:
Modern Web Design Using JavaScript & DOM

Author: Stuart Langridge
Technical editor: Simon Willison

“ Learn to harness the power of JavaScript and web standards to create usable, slick, and interactive Websites ”

  • Build fancy DHTML effects that can be instantly reused in any project.
  • Learn to code accessible JavaScript that won't trouble older browsers.
  • Make search engine friendly, multi-level, drop-down navigation menus.
  • Build dynamic Web applications using remote scripting techniques/AJAX.

Instant Download!
This title available in Adobe PDF format only

Overview

So, what’s in this book?
Demo: AJAX Drag'n'Drop File Manager

The book contains some fantastic working examples including this slick, AJAX-powered, drag'n'drop file manager from the browser.

View Working Demo

What do Flickr, Google Suggest, Google Maps, and GMail have in common?

They all take great advantage of some of the latest modern, unobtrusive DHTML techniques.

As users become more familiar with the Web, they demand more: more information, better usability, greater functionality and improved interactivity. If they don’t get it, they move on.

Client-side interactivity is the key to improving the user experience. DHTML Utopia: Modern Web Design Using JavaScript & DOM will teach you to create slick, interactive and usable Websites that work across all browsers and platforms.

DHTML, the marriage of HTML, CSS, JavaScript and the Document Object Model (DOM), can provide an amazing level of client-side interactivity, as many of today’s leading Websites have discovered. Amazon’s cool, new “Search Inside This Book” feature, Flickr, Google Suggest, Google Maps, and GMail are all examples of the modern, 'unobtrusive' DHTML techniques that are demonstrated and explained in this book – the first on the market to cover this technology.

DHTML Utopia really teaches you how to apply modern JavaScript and DOM, taking you by the hand and guiding you through the current Web Standards forest, explaining choices, showing current best practice solutions and leading you through the minefield of browser support inconsistencies.

Bobby van der SluisBobby van der Sluis
BobbyvanderSluis.com/

DHTML Utopia: Modern Web Design Using JavaScript & DOM doesn’t cover old-style, browser-specific DHTML. Modern DHTML, as presented in this book, utilizes Web standards, separates the code from the markup, and degrades gracefully.

So your code will enhance sites’ interactivity and usability in browsers that can handle it, but won’t break the functionality on those that can’t. You can use DHTML on any Website, without having to worry about causing problems for even a small percent of your visitors.

‘DHTML Utopia: Modern Web Design Using JavaScript & DOM’ shows you how to apply this valuable technology to benefit your sites now—and in the future.

What Will You Learn?

The Evolution of Modern Web Design
Year Coding style
19991999 - The Nightmare The Nightmare: A jumble of content, scripting and formatting information
20022002 - The Improvement The Advance: Formatting (CSS) is separated, but content (HTML) and scripting (e.g. JavaScript like 'onclick') are still tightly interwoven.
20052005 - Modern Web Design arrives The Future is Now: Behavior (JS), formatting (CSS) and content (HTML) are easily managed from entirely separate files.
  • BlueHTML
  • GreenCSS
  • OrangeJavaScript

This book will show you how to:

  • Gain an in-depth knowledge of the Document Object Model (DOM)
  • Make reusable modular image rollovers that keep your code separate from the content of the page
  • Discover how to use DOM Events to make your code respond to input from the user
  • Make tables more readable with dynamic highlighting
  • Learn how to use feature sniffing to determine the browser’s capabilities so that your scripts won’t trouble browsers that are incapable of handling them
  • Discover how animation can be used to improve usability
  • Create animated tooltips to guide visitors through your site
  • Discover how to validate form data using regular expressions, and give dynamic feedback to your users
  • Build self-suggesting dropdown lists that improve the usability of dropdown menus, just like Google Suggest
  • Discover the benefits of object-based programming
  • Develop a fully standards-compliant, cross-browser, customizable navigation menu
  • Get the lowdown on Remote Scripting techniques and AJAX
  • Create form fields with name resolution that will automatically resolve an email address from a nickname
  • Construct an AJAX signup form that can automatically let a user know that a username is taken without having to submit the whole form
  • Learn how to make your JavaScript communicate with the server
  • Develop a drag and drop file manager application (link to online version)
  • Use XML-RPC and the Blogger API to make a weblog post editor
  • Use XPath and JavaScript to parse RSS feeds
  • And a whole lot more..

DHTML Utopia is an excellent introduction to and exploration of responsible, modern JavaScript. It covers important concepts and best practices with ready-to-implement solutions with an eye towards the separation of behavior, structure, and presentation.

http://shauninman.com/plete/Shaun Inman
ShaunInman.com/

All the DHTML presented in this book will make your code cleaner, the user experience on your Website better, and best of all, it won’t negatively impact older browsers.

View the Table of Contents

Who Should Read This Book?

‘DHTML Utopia: Modern Web Design Using JavaScript & DOM’ is ideal for all Web developers who want to get to grips with the DOM, whether you are experienced with JavaScript or are a relative newcomer. All you need to get started is a solid understanding of HTML and Cascading Style Sheets.

The book is written in the usual SitePoint style: clear, fun to read, and with plenty of practical examples that you can apply immediately to your own Websites.

No-risk Money-back Guarantee

Of course we’re so confident that you’ll treasure this book for years to come that we’re happy, as always, for you to try it risk-free for 30 days. If you purchase a copy of DHTML Utopia: Modern Web Design Using JavaScript & DOM and you don’t think it’s everything you wanted, we would like you to have your money back.

Simply contact us and we will see to it that you get a prompt and courteous refund of the full purchase price.

What could be fairer than this?

How To Order This Book

DHTML Utopia:  Modern Web Design Using JavaScript & DOM

‘DHTML Utopia: Modern Web Design Using JavaScript & DOM’ is provided as a downloadable Adobe PDF, so you can begin reading it within minutes of making your purchase.

And of course, it's so easy to carry a whole library of PDFs with you (on a laptop or pen drive) that you'll never need to be caught without a solution to a problem again.

This title is not available in hard copy, printed format.

PDF Instant Download!
This title available in Adobe PDF format only

We accept Visa, Mastercard, American Express, Delta and PayPal

All credit card transactions are processed by WorldPay.

Please direct all questions to our Customer Support Department.

 

Quality SitePoint Books
Our promise to you... Order direct from sitepoint.com and receive:
  • The very latest editions of all our books
  • Exclusive offers only available to direct customers
  • Lightning-fast shipping world-wide
  • 30 day money-back guarantee
  • Shipping worldwide is free when you purchase more than one printed book!

Special Bonus

Bonus $9.95 JavaScript & DOM Poster!

FREE with every purchase of ‘DHTML Utopia: Modern Web Design Using JavaScript & DOM’ made through sitepoint.com

DOM Poster

Features:

  • Large, ‘speed-browse’, format (17" x 24")
  • Lists all the most commonly-used Core JavaScript, Style Properties and Browser Objects
  • Features an intuitive ‘Document Object Model’ diagram
  • Provides handy, reusable AJAX and Event Handling syntax
  • Is ONLY available while stocks last
Take a look »

SitePoint Books

  • Advocate best practice techniques
  • Lead you through practical examples
  • Provide working code for your web site
  • Make learning easy and fun

100% Money Back Guarantee