forked from diveintomark/diveintohtml5
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
72 lines (64 loc) · 3.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
<!DOCTYPE html>
<meta charset=utf-8>
<title>Dive Into HTML5</title>
<link rel=icon href=favicon.ico>
<link rel=alternate type=application/atom+xml href=https://github.com/diveintomark/diveintohtml5/commits/master.atom>
<link rel=stylesheet href=screen.css>
<style>
h1:before{content:''}
h1,h2,h3{padding:0;margin:0;border:0;line-height:128px;text-align:center;clear:both}
h1{margin-top:128px;font-size:72px;text-transform:uppercase}
h2{font-size:48px}
ol{margin:1em 0 0 0;padding:0}
li{clear:both;width:100%;margin:0 0 1em 0;padding:0;overflow:hidden}
.title,.number{background:#fff}
.title{float:left;padding-right:3px}
.number{margin:0;float:right;padding-left:3px}
.f{margin-top:6.224em}
</style>
<link rel=stylesheet media='only screen and (max-device-width: 480px)' href=mobile.css>
<link rel=prefetch href=introduction.html>
<hgroup>
<h1>Dive Into HTML5</h1>
<h2>by<br>Mark Pilgrim</h2>
<h3>with illustrations from the Public Domain</h3>
</hgroup>
<p class=a>❧
<p class=f><img src=i/aoc-d.png alt=D width=104 height=105>ive Into <abbr>HTML5</abbr> seeks to elaborate on a hand-picked Selection of features from the <a href=http://www.whatwg.org/html5>HTML5</a> specification and other fine Standards. The final manuscript has been published on paper by O’Reilly, under the Google Press imprint. <a href="http://www.amazon.com/HTML5-Up-Running-Mark-Pilgrim/dp/0596806027?ie=UTF8&tag=diveintomark-20&creativeASIN=0596806027">Buy the printed Work</a> — artfully titled “HTML5: Up <i class=baa>&</i> Running” — and be the first in your Community to receive it. Your kind and sincere <a href=about.html>Feedback</a> is always welcome. The Work shall remain online under the <a rel=license href=http://creativecommons.org/licenses/by/3.0/>CC-BY-3.0</a> License.
<h3>Table of Contents</h3>
<!-- toc -->
<ol>
<li><a href=introduction.html>Introduction: Five Things You Should Know About <abbr>HTML5</abbr></a>
<li><a href=past.html>A Quite Biased History of <abbr>HTML5</abbr></a>
<li><a href=detect.html>Detecting <abbr>HTML5</abbr> Features: It’s Elementary, My Dear Watson</a>
<li><a href=semantics.html>What Does It All Mean?</a>
<li><a href=canvas.html>Let’s Call It a Draw(ing Surface)</a>
<li><a href=video.html>Video in a Flash (Without That Other Thing)</a>
<li><a href=geolocation.html>You Are Here (And So Is Everybody Else)</a>
<li><a href=storage.html>A Place To Put Your Stuff</a>
<li><a href=offline.html>Let’s Take This Offline</a>
<li><a href=forms.html>A Form of Madness</a>
<li><a href=extensibility.html>“Distributed,” “Extensibility,” And Other Fancy Words</a>
<li><a href=history.html>Manipulating History for Fun <i>&</i> Profit</a>
<li class=app><a href=everything.html>The All-In-One Almost-Alphabetical No-Bullshit Guide to Detecting Everything</a>
<li class=app><a href=peeks-pokes-and-pointers.html><abbr>HTML5</abbr> Peeks, Pokes and Pointers</a>
</ol>
<!-- /toc -->
<p class=a>❧
<p class=c>“If you’re good at something, never do it for free.” <span class=u>—</span><cite>The Joker</cite><br>(but that doesn’t mean you should keep it to yourself)
<p class=c>Copyright MMIX–MMXI <a href=about.html>Mark Pilgrim</a>
<form action=http://www.google.com/cse><div><input type=hidden name=cx value=014021643941856155761:6jgee_nxreo><input type=hidden name=ie value=UTF-8><input type=search name=q size=25 placeholder="powered by Google™"> <input type=submit name=sa value=Search></div></form>
<script src=j/jquery.js></script>
<script src=j/dih5.js></script>
<script>
$(function() {
$("ol").css("list-style", "none");
$("li").each(function(i) {
var num = i;
if ($(this).hasClass("app")) {
num = String.fromCharCode(53+num);
}
$(this).wrapInner('<span class=title></span>').append('<span class=number>'+num+'</span>').css("background", "#fff url(i/dot.png) repeat-x 0 0.8em");
});
});
</script>