|
DHTML Utopia: Modern Web Design Using JavaScript & DOM
This is a unique book about using JavaScript, HTML and CSS together to create extremely usable, compliant and modern websites as well as updating your current designs to enhance the user experience. DHTML is no longer used for flashy but useless animations on web pages, but now to add subtle usability enhancements. In this book, readers will be introduced
to a variety of modern web design techniques including 'Fade In Fade Out Tool Tips', 'Client Side Form Validation' and 'Auto-Completion of Forms'. There is a thorough explanation of 'Browser Sniffing' and how to detect browser versions and what you can and cannot do with that version. A case study runs throughout the book and by the end, readers will have built a dynamic calendar for weblogs using JavaScript and CSS.
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..
|
