Learning Responsive Web Design - Clarissa Peterson

Learning Responsive Web Design

A Beginner's Guide
Buch | Softcover
416 Seiten
2014
O'Reilly Media (Verlag)
978-1-4493-6294-2 (ISBN)
35,90 inkl. MwSt
Learn how to design websites that are engaging and responsive no matter which device is used to access them. This guide teaches you responsive design, using HTML5 best practices, CSS techniques, design principles and considerations, and accessibility concerns. Author Clarissa Peterson approaches responsive design techniques as part of a core set of skills all designers should possess, rather than as an add-on skill for advanced web developers. This book is ideal for any website designer, UX professional, or frontend engineer.
Deliver an optimal user experience to all devices—including tablets, smartphones, feature phones, laptops, and large screens—by learning the basics of responsive web design. In this hands-on guide, UX designer Clarissa Peterson explains how responsive web design works, and takes you through a responsive workflow from project kickoff to site launch.

Ideal for anyone involved in the process of creating websites—not just developers—this book teaches you fundamental strategies and techniques for using HTML and CSS to design websites that not only adapt to any screen size, but also use progressive enhancement to provide a better user experience based on device capabilities such as touchscreens and retina displays.
  • Start with content strategy before creating a visual design
  • Learn why your default design should be for the narrowest screens
  • Explore the HTML elements and CSS properties essential for responsive web design
  • Use media queries to display different CSS styles based on a device’s viewport width
  • Handle elements such as images, typography, and navigation
  • Use performance optimization techniques to make your site lighter and faster

Clarissa Peterson is a freelance web/UX designer and front-end developer. Some of the things that she does: responsive design, mobile strategy, user experience analysis, content strategy, and talking about all of the above. Her background includes 10+ years experience in user experience design, web content strategy, project management, front-end development, and online marketing. Some of her previous gigs have included the Library of Congress, AARP, Fannie Mae, and the Leadership Conference on Civil & Human Rights. She has also worked for Ralph Nader.

Foundations of Responsive Design
Chapter 1 What Is Responsive Design?
Just the Basics
A Short History
Why Responsive Design
Summary
Chapter 2 Responsive Content
Content Strategy
Managing Content
Developing Content
Content Parity
Content Governance
Adaptive Content
Summary
Creating Responsive Websites
Chapter 3 HTML for Responsive Sites
Working with HTML
Basic Page Structure
Viewport
Structural Elements
Creating a Page
Clean and Semantic HTML
Summary
Chapter 4 CSS for Responsive Sites
How CSS Works
Versions of CSS
Where CSS Goes
The Cascade
Using the Cascade
Comments
Organizing Your Stylesheet
The Box Model
display
Positioning
float and clear
Basic Styles
Summary
Chapter 5 Media Queries
What’s a Media Query?
Media Query Structure
Using Media Queries in Stylesheet Links
Other Ways to Use Media Queries
What We Can Query
Browser Support
Breakpoints
Design Ranges
Designing Responsively
Using Media Queries
Two-Column Layout
Setting a Maximum Width
How to Choose Breakpoints
Summary
Chapter 6 Images
Ways to Display Images
Alt Text
Image File Formats
Optimizing Images
Content Images
Background Images
Responsive Images
Summary
Working Responsively
Chapter 7 Responsive Workflow
Strategy and Planning
Content Before Layout
Thinking About Layout
Prototypes
Visual Design
Responsive Design Tools
Selling Responsive Design
Working with Clients
Summary
Chapter 8 Mobile and Beyond
User Experience
Device-Agnostic Design
Focusing on Mobile First
Do What You Can
Types of Devices
Touch
Screen Size
Accessibility (Universal Design)
Deciding Which Devices to Support
Why Use Real Devices for Testing
Testing
Summary
Designing Responsive Websites
Chapter 9 Typography
Start with HTML
Typefaces
Using Fonts
Sizing Text
Line Length
Whitespace
Margins and Padding
Changing Typeface for Screen Size
Summary
Chapter 10 Navigation and Header Layout
Responsive Navigation
Branding
Navigation Links
Navigation Patterns
Header
Summary
Chapter 11 Performance
Why Performance Matters
Performance as Design
How Web Pages Are Loaded and Rendered
Measuring Performance
Cleaning Up Your Code
Minimizing HTTP Requests
Server Stuff
JavaScript
CSS
Hosting
Conditionally Loading Content
Reflows and Repaints
RESS
Summary

Erscheint lt. Verlag 22.7.2014
Zusatzinfo colour illustrations, figures
Verlagsort Sebastopol
Sprache englisch
Maße 152 x 229 mm
Gewicht 644 g
Einbandart Paperback
Themenwelt Informatik Software Entwicklung User Interfaces (HCI)
Informatik Web / Internet HTML / CSS
Informatik Web / Internet Web Design / Usability
Schlagworte Responsive Webdesign • Web-Design
ISBN-10 1-4493-6294-X / 144936294X
ISBN-13 978-1-4493-6294-2 / 9781449362942
Zustand Neuware
Haben Sie eine Frage zum Produkt?
Wie bewerten Sie den Artikel?
Bitte geben Sie Ihre Bewertung ein:
Bitte geben Sie Daten ein:
Mehr entdecken
aus dem Bereich
Aus- und Weiterbildung nach iSAQB-Standard zum Certified Professional …

von Mahbouba Gharbi; Arne Koschel; Andreas Rausch; Gernot Starke

Buch | Hardcover (2023)
dpunkt Verlag
34,90