|
||||||||||||||||||||
|
||||||||||||||||||||
|
||||||||||||||||||||
Designing with Progressive Enhancement
und über 1 Million weitere Bücher verfügbar für Amazon Kindle .
Erfahren Sie mehr
| |||||||||||||||
Wird oft zusammen gekauft
Produktinformation
Möchten Sie die Produktinformationen aktualisieren oder Feedback zu den Produktabbildungen geben?
Ist der Verkauf dieses Produkts für Sie nicht akzeptabel? |
Produktbeschreibungen
Kurzbeschreibung
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. It's both a practical guide to understanding the principles and benefits of progressive enhancement, and a detailed exploration of examples that will teach you--whether you're a designer or a developer--how, where, and when to implement the specific coding and scripting approaches that embody progressive enhancement. In this book, you'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 projects
Über den Autor
Todd Parker has over a dozen years of experience creating highly functional, accessible and intuitive interfaces that make the most of the technical and interface constraints of a broad range of devices, from wireless phones and Palm devices, to touch screen tablets, kiosks and Web sites. Prior to founding Filament Group, Todd worked at ZEFER Corporation and CSC Consulting as a principal experience designer. Todd's work has been recognized by Communication Arts magazine for design excellence. Scott Jehl is formally trained in graphic design, but his skills comfortably span both design and development. Prior to joining Filament Group, Scott worked for such clients as New England Journal of Medicine, Footjoy Golf, and Aspen Snowmass Resorts. In his spare time, Scott runs WriteMaps.com, an ajax Web application for building visual Web site sitemaps. He is also a member of the jQuery Design Team. Patty Toland is a founding partner at Filament Group, Inc. Patty brings to Filament more than twenty years consulting experience with corporate and institutional clients, with a focus on communicating complex messages across a range of media. Her expertise lies in developing robust information and communication strategies, including branding, constituent analysis, information architecture and system design, and writing. Prior to founding Filament Group, Patty worked at ZEFER Corp., US Peace Corps, Kohn Cruikshank Inc. and Harvard Business School. Maggie Costello Wachs is Filament Group's coding and production master -- she ensures the quality of everything that goes out the door. Maggie's brings deep expertise in front-end coding, with a particular focus on standards-compliant markup, CSS and scripting that works optimally with progressive enhancement. Prior to joining FIlament Group, Maggie worked at Monitor Group and ZEFER Corp.
Welche anderen Artikel kaufen Kunden, nachdem sie diesen Artikel angesehen haben?
Tags, die Kunden mit diesem Produkt verbinden(Was ist das?)Klicken Sie zum Suchen verwandter Artikel, Diskussionen oder Personen auf ein Tag.
|
Kundenrezensionen
Die hilfreichsten Kundenrezensionen
8 von 8 Kunden fanden die folgende Rezension hilfreich
Format:Taschenbuch
Vorab: Dies ist ein ganz hervorragendes Buch, aber nichts für Anfänger - man sollte über solide Kenntnisse in HTML, CSS und Javascript verfügen oder große Bereitschaft mitbringen, diese sich während der Lektüre anzueignen.
Das Buch beschreibt eine Vorgehensweise, visuell ansprechende, hochfunktionale Web-User-Interfaces zu schaffen - aber ständig unter Berücksichtigung von maximaler Zugänglichkeit für Screenreader, Tastatur-Unterstützung und Bereitstellung einer funktionsfähigen User-Experience für Browser, die unzureichende Unterstützung für moderne Javascript- und CSS-Techniken aufweisen (Mobilgeräte, ältere Browser, Javascript deaktiviert, ...). Dies wird unter dem Titel "Progressive Enhancement" subsummiert.
Zu diesem Zweck wird zunächst nach einer möglichst umfassenden Abbildung der Anforderungen in semantisch sinnvollem HTML gesucht, so dass bereits in dieser sogenannten "Basic experience" die Anwendung voll funktionsfähig ist. Anschließend wird das Zieldesign und -verhalten über fortgeschrittene CSS- und Javascript-Techniken auf das bestehende Markup draufgesetzt bwz. dieses teilweise ersetzt, wobei wie erwähnt großer Wert auf Barrierefreiheit gelegt wird; insbesondere durch Einsatz von WAI-ARIA Attributen und Berücksichtigung von Tastatur-Navigation. Diese "enhanced experience" wird nach einem Test durch eine von den Autoren entwickelte Javascript-Bibliothek zum Abprüfen von Browser-Fähigkeiten nur dann angewandt, wenn dieser Test erfolgreich war.
Das Buch gliedert sich in drei Bereiche:
1. Beschreibung der Methode des "progressive enhancement" und der verwendeten Test-Bibliothek.
2. Kurzer Überblick über die verwendeten Technologien (semantisches HTML, CSS und Javascript - hier v.a. JQuery). Dieser Teil bietet auch durchaus dem erfahrenen Frontend-Entwickler noch interessantes Futter; man hat zwar alles schon mal gehört, aber selten in dieser Präzision und Klarheit.
3. Zwölf Beispiele, in denen anhand häufig vorkommender UI-Elemente (gestylte Radiobuttons, Checkboxen, Selects, Buttons, Tree-Widget, Slider,...) beispielhaft die Methode von vorne bis hinten durchgespielt wird.
Insbesondere Teil 3 ist meiner Ansicht nach absolut vorbildlich: Jedes Beispiel ist unabhängig von den anderen nachvollziehbar und verständlich, die Beispiele sind nicht langatmig, sondern knapp aber präzise beschrieben, sinnvoll gegliedert und mit dem verwendeten HTML, CSS und Javascript Code anschaulich dokumentiert; dieser ist nicht zu ausführlich (keine Code-Wüsten wie leider viel zu oft in anderen Büchern), aber alles Relevante ist da. Nebenbei bemerkt: Das verwendete Javascript basiert auf JQuery, setzt aber keine tiefgehende Kenntnis dieses Frameworks voraus und sollte sich problemlos auf andere Bibliotheken portieren lassen; dito werden keine Kenntnisse in WAI-ARIA vorausgesetzt - die verwendeten Elemente werden erklärt.
Fazit: Man einiges schon mal gehört - aber ich hatte bislang kein Buch in den Fingern, das die Grundidee so strukturiert, nachvollziehbar und vorbildlich umgesetzt präsentiert, wie hier. Unbedingte Empfehlung für jeden, der sich mit Web-Frontends befasst und sich mit der Frage herumschlägt, wie man diese möglichst zugänglich, sauber und wartbar umsetzt.
Das Buch beschreibt eine Vorgehensweise, visuell ansprechende, hochfunktionale Web-User-Interfaces zu schaffen - aber ständig unter Berücksichtigung von maximaler Zugänglichkeit für Screenreader, Tastatur-Unterstützung und Bereitstellung einer funktionsfähigen User-Experience für Browser, die unzureichende Unterstützung für moderne Javascript- und CSS-Techniken aufweisen (Mobilgeräte, ältere Browser, Javascript deaktiviert, ...). Dies wird unter dem Titel "Progressive Enhancement" subsummiert.
Zu diesem Zweck wird zunächst nach einer möglichst umfassenden Abbildung der Anforderungen in semantisch sinnvollem HTML gesucht, so dass bereits in dieser sogenannten "Basic experience" die Anwendung voll funktionsfähig ist. Anschließend wird das Zieldesign und -verhalten über fortgeschrittene CSS- und Javascript-Techniken auf das bestehende Markup draufgesetzt bwz. dieses teilweise ersetzt, wobei wie erwähnt großer Wert auf Barrierefreiheit gelegt wird; insbesondere durch Einsatz von WAI-ARIA Attributen und Berücksichtigung von Tastatur-Navigation. Diese "enhanced experience" wird nach einem Test durch eine von den Autoren entwickelte Javascript-Bibliothek zum Abprüfen von Browser-Fähigkeiten nur dann angewandt, wenn dieser Test erfolgreich war.
Das Buch gliedert sich in drei Bereiche:
1. Beschreibung der Methode des "progressive enhancement" und der verwendeten Test-Bibliothek.
2. Kurzer Überblick über die verwendeten Technologien (semantisches HTML, CSS und Javascript - hier v.a. JQuery). Dieser Teil bietet auch durchaus dem erfahrenen Frontend-Entwickler noch interessantes Futter; man hat zwar alles schon mal gehört, aber selten in dieser Präzision und Klarheit.
3. Zwölf Beispiele, in denen anhand häufig vorkommender UI-Elemente (gestylte Radiobuttons, Checkboxen, Selects, Buttons, Tree-Widget, Slider,...) beispielhaft die Methode von vorne bis hinten durchgespielt wird.
Insbesondere Teil 3 ist meiner Ansicht nach absolut vorbildlich: Jedes Beispiel ist unabhängig von den anderen nachvollziehbar und verständlich, die Beispiele sind nicht langatmig, sondern knapp aber präzise beschrieben, sinnvoll gegliedert und mit dem verwendeten HTML, CSS und Javascript Code anschaulich dokumentiert; dieser ist nicht zu ausführlich (keine Code-Wüsten wie leider viel zu oft in anderen Büchern), aber alles Relevante ist da. Nebenbei bemerkt: Das verwendete Javascript basiert auf JQuery, setzt aber keine tiefgehende Kenntnis dieses Frameworks voraus und sollte sich problemlos auf andere Bibliotheken portieren lassen; dito werden keine Kenntnisse in WAI-ARIA vorausgesetzt - die verwendeten Elemente werden erklärt.
Fazit: Man einiges schon mal gehört - aber ich hatte bislang kein Buch in den Fingern, das die Grundidee so strukturiert, nachvollziehbar und vorbildlich umgesetzt präsentiert, wie hier. Unbedingte Empfehlung für jeden, der sich mit Web-Frontends befasst und sich mit der Frage herumschlägt, wie man diese möglichst zugänglich, sauber und wartbar umsetzt.
Die hilfreichsten Kundenrezensionen auf Amazon.com (beta)
Amazon.com:
10 Rezensionen
8 von 8 Kunden fanden die folgende Rezension hilfreich
Read and implement with caution
5. Juni 2010
Format:Taschenbuch|Von Amazon bestätigter Kauf
This book is easy to read and the fact that the website provides the examples and code is fabulous. The progressive enhancement approach should be used by everyone. However, make sure to test these implementations before integrating these solutions into your project. Most of the solutions rely on role="application" which is currently problematic for screen readers in particular. This role will hand over keyboard control to the application, leaving the screen reader user unable to use their standard web reading/interacting keyboard controls. This is a big problem for this user group unless you are also willing and able to implement an API. The solutions can also be problematic for low vision users who use their own color combination by changing settings in their browser and/or operating system. For example, visual cues indicating the presence of a drop-down component tend to go missing when the color settings are changed. I think there needs to be quite a bit more progress in regard to appropriate support by assistive technologies before some of these techniques should be used.
5 von 5 Kunden fanden die folgende Rezension hilfreich
Write less, do more with Progressive Enhancement
11. April 2010
Format:Taschenbuch
I highly recommend this book to anyone, at any level of web design skills.
I'm new to jQuery, and wanted the best book to get up and running quickly with it. This book caught my eye when I saw that Filament Group had contributed Themeroller to jQuery UI. I was sold when I saw how cleanly the book's site displayed on my Droid.
Using the book, I was able to quickly convert an ancient website into a beautiful jQuery-driven site, that thrilled my clients.
I came to this book having learned graceful degradation from Jeremy Keith's DOM Scripting. Progressive Enhancement starts there, and takes design to a new level.
The book Designing with Progressive Enhancement combines an analysis philosophy with real-world examples and code samples, to produce well-stuctured pages that are ARIA compliant, and will display as well as possible in any browser.
I'm new to jQuery, and wanted the best book to get up and running quickly with it. This book caught my eye when I saw that Filament Group had contributed Themeroller to jQuery UI. I was sold when I saw how cleanly the book's site displayed on my Droid.
Using the book, I was able to quickly convert an ancient website into a beautiful jQuery-driven site, that thrilled my clients.
I came to this book having learned graceful degradation from Jeremy Keith's DOM Scripting. Progressive Enhancement starts there, and takes design to a new level.
The book Designing with Progressive Enhancement combines an analysis philosophy with real-world examples and code samples, to produce well-stuctured pages that are ARIA compliant, and will display as well as possible in any browser.
4 von 4 Kunden fanden die folgende Rezension hilfreich
Essential reading for builders of web applications
21. März 2010
Format:Taschenbuch
While even someone working on relatively simple websites will benefit from reading this book, Designing with Progressive Enhancement is most useful for those developing application-like sites with rich user interaction. The authors present a rigorous, systematic approach to delivering highly functional sites to the broadest possible range of users - from mobile browsers to screen readers. Besides just offering their methodology, however, they also provide a number of concrete, practical techniques and downloadable, ready-to-use scripts.
Waren diese Rezensionen hilfreich?
Wir wollen von Ihnen hören.
Kunden diskutieren
|
Das Forum zu diesem Produkt
Fragen stellen, Meinungen austauschen, Einblicke gewinnen Aktive Diskussionen in ähnlichen Foren
Kundendiskussionen durchsuchen
|
Ähnliche Foren
|
||||||||||||||||||||||||||||||||||
Lieblingslisten
Ähnliche Artikel finden
Anhand des Sachgebietes nach ähnlichen Produkten suchen:
Ihr Kommentar
Möchten Sie die Produktinformationen aktualisieren oder Feedback zu den Produktabbildungen geben?
|
