forked from jonathantneal/diveintohtml5
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (72 loc) · 4.73 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
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<meta charset=utf-8>
<title>Dive Into HTML5</title>
<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 contributions from the community</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.
<p>
A new note about this project.
While Mark Pilgrim has ceased updating Dive Into HTML5, we wish for it to continue to grow.
We're not just patching old links and updating APIs.
We are actively maintaining it; refreshing, updating, and reflecting the relevant and current state of HTML5, just as it had been during Mark's tenure.
We attribute this work in the manner specified by Mark, we've purchased a similar domain, and we make modifications to the site's content.
We do not in any way suggest that he endorses us or our use of his work.
We hope you do.
<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=017884302975346027366:bgclqh8nvse><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");
});
});
window._gaq=[['_setAccount','UA-26147692-1'],['_setDomainName', 'diveintohtml5.info'],['_setAllowHash', false],['_trackPageview'],['_trackPageLoadTime']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'));
</script>