OReilly Learning Responsive Web Design (2014).pdf

(43240 KB) Pobierz
Learning Responsive
Web Design
A Beginner’s Guide
Clarissa Peterson
Beijing 
·
 Cambridge 
·
 Farnham 
·
 Köln 
·
 Sebastopol 
·
 Tokyo
Learning Responsive Web Design
by Clarissa Peterson
Printed in Canada.
Published by O’Reilly Media, Inc.,
1005 Gravenstein Highway North, Sebastopol, CA 95472.
O’Reilly books may be purchased for educational, business, or sales
promotional use. Online editions are also available for most titles (safari.
oreilly.com).
For more information, contact our corporate/institutional
sales department: (800) 998-9938 or
corporate@oreilly.com.
Editor:
Mary Treseler
Production Editor:
Kara Ebrahim
Copyeditor:
Jasmine Kwityn
Proofreader:
Rachel Head
Indexer:
Angela Howard
Cover Designer:
Randy Comer
Interior Designers:
Ron Bilodeau and
Monica Kamsvaag
Illustrator:
Rebecca Demarest
Compositor:
Kara Ebrahim
Copyright © 2014 Clarissa Peterson. All rights reserved.
June 2014: First Edition.
Revision History for the First Edition:
2014-05-30
First release
See
http://www.oreilly.com/catalog/errata.csp?isbn=0636920029199
for release details.
Nutshell Handbook, the Nutshell Handbook logo, and the O’Reilly logo
are registered trademarks of O’Reilly Media, Inc.
Learning Responsive Web
Design
and related trade dress are trademarks of O’Reilly Media, Inc.
Many of the designations used by manufacturers and sellers to distinguish
their products are claimed as trademarks. Where those designations
appear in this book, and O’Reilly Media, Inc., was aware of a trademark
claim, the designations have been printed in caps or initial caps.
Although the publisher and author have used reasonable care in preparing this
book, the information it contains is distributed “as is” and without warranties
of any kind. This book is not intended as legal or financial advice, and not
all of the recommendations may be suitable for your situation. Professional
legal and financial advisors should be consulted, as needed. Neither the
publisher nor the author shall be liable for any costs, expenses, or damages
resulting from use of or reliance on the information contained in this book.
ISBN: 978-1-4493-6294-2
[T]
[
Contents
]
Preface
Part I
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
ix
FOUNDatIONS OF rESPONSIVE DESIGN
Chapter 1
What Is Responsive Design?
. . . . . . . . . . . . . . . . . . . . . . . . . . . .
3
Just the Basics
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
3
A Short History
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
6
Why Responsive Design
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
14
Summary
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
17
Chapter 2
Responsive Content
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
19
Content Strategy
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
19
Managing Content
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
21
Developing Content
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
24
Content Parity
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
28
Content Governance
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
29
Adaptive Content
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
30
Summary
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
33
Part II
CrEatING rESPONSIVE WEBSItES
Chapter 3
HTML for Responsive Sites
. . . . . . . . . . . . . . . . . . . . . . . . . . . .
37
Working with HTML
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
38
Basic Page Structure
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
41
Viewport
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
45
Structural Elements
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
50
Creating a Page
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
54
Clean and Semantic HTML
. . . . . . . . . . . . . . . . . . . . . . . . . . .
58
Summary
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
60
iii
Zgłoś jeśli naruszono regulamin