Learning Responsive Web Design
O'Reilly Media (Verlag)
978-1-4493-6294-2 (ISBN)
- Lieferbar (Termin unbekannt)
- Versandkostenfrei
- Auch auf Rechnung
- Artikel merken
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? |
aus dem Bereich