Rockable.Press.Decoding.HTML5.2012, html

[ Pobierz całość w formacie PDF ]
© Rockable Press 2012
All rights reserved. No part of this publication may be
reproduced or redistributed in any form without
the prior written permission of the publishers.
3
Table of Contents
Contents
Introduction
8
What to Expect
8
Let’s Keep it Informal
9
What is HTML5?
9
Before We Begin
11
The History of HTML5
17
What’s the Difference Between the W3C, WHATWG, and
HTMLWG?
17
HTML vs. XHTML
18
Fight, Fight, Fight!
20
A Line in the Sand
22
The State of HTML5
28
Semantic Markup
35
What to Remove
35
HTML5ify
41
Inline Elements
59
What About New Browsers?
60
Easy Queries with the Selectors API
64
querySelector()
65
querySelectorAll()
66
A Couple Notes of Caution
69
Custom Data Attributes
73
Usage Options
73
Accessing Data Attributes with JavaScript
76
A Final Word of Caution
78
4
Table of Contents
Fun Fun Forms
80
Elements
80
Attributes
84
New Input Types
92
Final Project
103
Summary
116
The Essentials of Feature Detection
118
Input Types
118
Input Attributes
119
Elements
120
Local Storage
121
Various APIs
122
Automated Detection with Modernizr
124
Finally… Native Media
138
Back in the Day
138
What HTML5 Video is not Appropriate For
139
Usage
142
A Brief Overview of Codecs
151
Video Encoding Tools
152
What About Mom?
154
It Doesn’t End There
156
Controlling Video with JavaScript
156
The Full Screen API
181
Summary
183
Track that Sucka with Geolocation
185
What is Geolocation?
185
Crash Course
186
Testing
188
The Two Core Methods
188
Google Maps
192
Summary
209
5
Table of Contents
The Basics of Painting with Canvas
211
What is Canvas
212
Feature Detection
212
“Hello Canvas”
213
Paths
215
Animations
225
Generating Noise
232
101 Class Complete
235
Don’t Irritate Visitors — Use Web Storage
238
What is Local Storage?
239
Is Local Storage HTML5?
240
How Do I Use It?
240
Test What You’ve Learned —
Comment Form
243
How to Publish, or Announce Changes
250
Project 2 — Tasks
255
Form Data
262
Storing Objects
267
Summary
269
The History API
271
The
history
Interface
271
history.pushState
273
The
popstate
Event
274
Project
274
The Job Isn’t Finished
283
The File && Drag and Drop APIs
285
Feature Detection
286
Capturing File Information
288
Multiple Files
290
Drag and Drop
291
Reading Files
295
Reporting Progress
302
[ Pobierz całość w formacie PDF ]

Rockable.Press.Decoding.HTML5.2012, html

Tematy