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?
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 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 |
|---|---|
1999![]() |
The Nightmare: A jumble of content, scripting and formatting information |
2002![]() |
The Advance: Formatting (CSS) is separated, but content (HTML) and scripting (e.g. JavaScript like 'onclick') are still tightly interwoven. |
2005![]() |
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.
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’ 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.
Instant Download!
This title available in Adobe PDF format only
All credit card transactions are processed by WorldPay.
Please direct all questions to our Customer Support Department.
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!
Buy ANY SitePoint Book — Get A PDF FREE!
That's right, order ‘DHTML Utopia: Modern Web Design Using JavaScript & DOM’ TODAY and grab ANY PDF you like — FREE!
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
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








