Learning responsive Web design : a beginner's guide

Book 2014

Overview: 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 -...

Item Details & Discovery

Explore Topics & Themes:

CSS

HTML (Document markup language)

Web site development

Web sites Design

View technical details & catalog information

ISBN:

9781449362942
144936294X

Edition:

First edition

Description:

xiv, 396 pages : illustrations (chiefly color) ; 23 cm

Notes:

Includes bibliographical references and index

Contents:

Preface
Part 1. Foundations Of Responsive Design
What is responsive design?
Just the basics
Short history
Why responsive design
Summary
Responsive content
Content strategy
Managing content
Developing content
Content parity
Content governance
Adaptive content
Summary
Part 2. Creating Responsive Websites
HTML for responsive sites
Working with HTML
Basic page structure
Viewport
Structural elements
Creating a page
Clean and semantic HTML
Summary
CSS for responsive sites
How CSS works
Versions of CSS
Where CSS goes
Cascade
Using the cascade
Comments
Organizing your stylesheet
Box model
Display
Positioning
Float and clear
Basic styles
Summary
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
Images
Ways to display images
Alt text
Image file formats
Optimizing images
Content images
Background images
Responsive images
Summary
Part 3. Working Responsively
Responsive workflow
Strategy and planning
Content before layout
Thinking about layout
Prototypes
Visual design
Responsive design tools
Selling responsive design
Working with clients
Summary
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
Part 4. Designing Responsive Websites
Typography
Start with HTML
Typefaces
Using fonts
Sizing text
Line length
Whitespace
Margins and padding
Changing typeface for screen size
Summary
Navigation and header layout
Responsive navigation
Branding
Navigation links
Navigation patterns
Header
Summary
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
Index

LCCN:

2014498105

Control Number:

2647614

View in Classic Catalog