Home Page Icon
Home Page
Table of Contents for
Cover Page
Close
Cover Page
by Aaron Gustafson
Adaptive Web Design: Crafting Rich Experiences with Progressive Enhancement, Second Edition
Title Page
Copyright Page
Dedication Page
Acknowledgments
About the Author
Contents
Foreword
Introduction
Chapter 1. Designing Experiences for People
Smart Code, Dumb Phones
When the Web Was Young
Technology vs. Experience
Lessons Learned at the Bleeding Edge
You Can’t Please Everyone
Support the Past, Optimize for the Future
Maintaining Your Sanity
Serving More for Less
Universal Accessibility
Thinking in Layers
This Is a Philosophy
Chapter 2. Content Is the Foundation
Avoid Zombie Copy
Design Meaningful Content
Craft the Conversation
Prepare for Problems
Plan for the Unknown
Write for Real People
Consider Content Beyond Copy
Conduct a Cost-Benefit Analysis
Avoid Trapping Content
Keep Data Entry Conversational
Don’t Fill Space
Let Content Lead the Way
Chapter 3. Markup Is an Enhancement
Learn from the Past
Illuminate Your Content
Mean What You Say
Avoid Introducing Fragility
Embrace Classification and Identification
Use Microformats to Empower Tools
Take It Further with RDFa and Microdata
Make Deliberate Markup Choices
Honor the Outline
Be Intentional with Source Order
Avoid Unnecessary Markup
Clarify Interfaces with ARIA
Understand Fault Tolerance
Markup Conveys Meaning
Chapter 4. Visual Design Is an Enhancement
Design Systems, Not Pages
Conduct a Design Audit
Explore Visual Language with Style Tiles
Create a Style Guide or a Pattern Library
Don’t Design Yourself Into a Corner
Design the Conversation
Find the Edges
Understand How CSS Works
Proximity Is Powerful
Specificity Trumps Proximity
Errors Create Opportunity
Example: Progressive Navigation
Start Small and Be Responsive
Support Everyone, Optimize for Some
Example: Growing a Layout
Embrace Fluidity
Focus on Standards
Design Defensively
Be Conservative in How You Apply Styles
Hide Content Responsibly
Techniques to Avoid
Techniques to Use Sparingly
The Best Way to Go
The Flip Side: Generated Content
Consider the Experience with Alternate Media and Inputs
Design the Printed Page
Embrace Alternative Interactions
Think Bigger
Embrace Default Styles
Altered Aesthetics
That OS Look and Feel
Embrace the Continuum
Chapter 5. Interaction Is an Enhancement
Get Familiar with Potential Issues So You Can Avoid Them
Understand Your Medium
Why No JavaScript?
Design a Baseline
Program Defensively
Look Before You Act
Test for Feature Support
Make Sure Libraries Are There
Establish Minimum Requirements for Enhancement
Cut Your Losses
Build What You Need
Describe What’s Going On
Write Code That Takes Declarative Instruction
Adapt the Interface
Consider Alternatives
Apply No Styles Before Their Time
Plant a Flag
Capitalize on ARIA
Enhance on Demand
Look Beyond the Mouse
Empower the Keyboard
Enhance for Touch
Don’t Depend on the Network
Store Things on the Client
Taking Offline Further
Wield Your Power Wisely
Chapter 6. Crafting a Continuum
Map the Experience
The Benefits of Ix Maps
Example: Lazy Loading Images
Example: Tabbed Interface
Learn From the Past, Look to the Future
Mobile Is the New Dial-Up
Small Is Big Again
Text-Only Is Back in a Big Way
Be Ready for Anything
Progressive Enhancement Checklist
Content
Markup
Design
Interaction
Further Reading
Understanding the Web
User Experience
Web Design Process
Content
Semantics and HTML
Visual Design and CSS
Interaction and JavaScript
Accessibility
Testing and Analytics
Index
Code Snippets
Search in book...
Toggle Font Controls
Playlists
Add To
Create new playlist
Name your new playlist
Playlist description (optional)
Cancel
Create playlist
Sign In
Email address
Password
Forgot Password?
Create account
Login
or
Continue with Facebook
Continue with Google
Sign Up
Full Name
Email address
Confirm Email Address
Password
Login
Create account
or
Continue with Facebook
Continue with Google
Next
Next Chapter
Title Page
Add Highlight
No Comment
..................Content has been hidden....................
You can't read the all page of ebook, please click
here
login for view all page.
Day Mode
Cloud Mode
Night Mode
Reset