Designing with Progressive Enhancement

Designing with Progressive Enhancement

4.11 - 1251 ratings - Source

Progressive enhancement is an approach to web development that aims to deliver the best possible experience to the widest possible audience, and simplifies coding and testing as well. Whether users are viewing your sites on an iPhone, the latest and greatest high-end system, or even hearing them on a screen-reader, their experience should be easy to understand and use, and as fully-featured and functional as possible. Designing with Progressive Enhancement will show you how. Ita€™s both a practical guide to understanding the principles and benefits of progressive enhancement, and a detailed exploration of examples that will teach youa€”whether youa€™re a designer or a developera€”how, where, and when to implement the specific coding and scripting approaches that embody progressive enhancement. In this book, youa€™ll learn: Why common coding approaches leave users behind, and how progressive enhancement is a more inclusive and accessible alternative How to analyze complex interface designs, see the underlying semantic HTML experience that will work everywhere, and layer on advanced enhancements safely A unique browser capabilities testing suite that helps deliver enhancements only to devices that can handle them Real-world best practices for coding HTML, CSS, and JavaScript to work with progressive enhancement, and cases where forward-looking HTML5 and CSS3 techniques can be applied effectively today How to factor in accessibility features like WAI-ARIA and keyboard support to ensure universal access Detailed techniques to transform semantic HTML into interactive components like sliders, tabs, tree controls, and charts, along with downloadable jQuery-based widgets to apply directly in your projectsSee background images in budget calculator pie charts, Q as embedded external page content, 63a€”64 as ... for rating widget radio buttons, Q of tabs, 168a€”169, 173a€”174 inline elements, 73a€”75, m inline styles, 92a€”93, m Inman, ... input- based sliders, 339a€”342 input elements in budget calculator sliders, Q in budget calculators, 33a€”34 in checkout transaction pages, 30a€”31 for credit card validation, anbsp;...

Title:Designing with Progressive Enhancement
Author:Todd Parker, Scott Jehl, Maggie Costello Wachs, Patty Toland
Publisher:Pearson Education - 2010-04-26


You Must CONTINUE and create a free account to access unlimited downloads & streaming