forked from leobalter/diveintohtml5
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Mark Pilgrim
committed
Apr 14, 2010
1 parent
4d4ec30
commit ce99b34
Showing
53 changed files
with
7,109 additions
and
7,109 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
syntax: glob | ||
*.pyc | ||
build | ||
private | ||
syntax: glob | ||
*.pyc | ||
build | ||
private |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,6 +1,6 @@ | ||
FileETag MTime Size | ||
|
||
SetEnv dont-vary | ||
|
||
AddType text/cache-manifest .manifest | ||
AddType application/x-font-ttf .ttf | ||
FileETag MTime Size | ||
|
||
SetEnv dont-vary | ||
|
||
AddType text/cache-manifest .manifest | ||
AddType application/x-font-ttf .ttf |
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,67 +1,67 @@ | ||
Dive Into HTML 5 TODO list -*- mode: org; -*- | ||
* HTML 5 timeline | ||
....brief history of how HTML 5 came about | ||
* Installing an HTML 5-capable browser | ||
* Stop littering | ||
** new semantic elements | ||
** hgroup, header, footer, section, aside, mark | ||
** datagrid, datalist, details | ||
** progress, meter | ||
* TODO Let's Call It A Draw(ing Surface) | ||
** simple shapes; complex paths | ||
** transformations; compositing; shadows | ||
** drawing images; pixel manipulation | ||
** drawing text | ||
** getting data back out of a <canvas> | ||
** security model; same-origin restrictions | ||
** reusable widget libraries (Thunderhead) | ||
** ExCanvas: compatibility shim for IE | ||
** API reference | ||
* Multimedia in a flash | ||
** pitch: multimedia without plugins | ||
** explanation of video containers/codecs (see http://diveintomark.org/tags/give ) | ||
** patent issues around certain codecs | ||
** Windows/Mac/Linux tools for encoding video in Ogg Theora and audio in Ogg Vorbis | ||
** building a custom player UI | ||
** network states; ready states; handling errors | ||
** mv_embed: compatibility shim for IE | ||
* select * from browser where 5 > 2 | ||
** pitch: your browser (already) has a SQL database! | ||
** very brief SQL tutorial | ||
** synchronous database access | ||
** asynchronous database access | ||
** Gears vs. HTML 5 Web Storage | ||
** WSPL: wrapper library to let you use either Gears or native Web Storage | ||
** API reference | ||
* Thread the needle, thread the script | ||
** pitch: background Javascript processing | ||
** Gears vs. HTML 5 Web Workers | ||
** creating workers | ||
** importing scripts | ||
** message-passing | ||
** the storage mutex (for thread-safe cookie access) | ||
** same-origin restrictions | ||
** API reference | ||
* TODO Let's take this offline | ||
** pitch: turn off your network and use Gmail. Sync as soon as you reconnect. | ||
** HTML manifests | ||
** Case study: offline Gmail | ||
** optimizing performance | ||
** API reference | ||
* You are here (and so is everybody else) | ||
** pitch: opt-in mechanism to tell web pages where you are in the world | ||
** asking the user for their location | ||
** obtaining "high accuracy" locations | ||
** back-end providers | ||
** API reference | ||
* Web forms, reinvented | ||
** pitch: rich forms without scripting | ||
** spinners | ||
** sliders | ||
** date pickers | ||
** color pickers | ||
** client-side validation with patterns | ||
** autocomplete | ||
** API reference | ||
* Distributed extensibility | ||
Dive Into HTML 5 TODO list -*- mode: org; -*- | ||
* HTML 5 timeline | ||
....brief history of how HTML 5 came about | ||
|
||
* Installing an HTML 5-capable browser | ||
* Stop littering | ||
** new semantic elements | ||
** hgroup, header, footer, section, aside, mark | ||
** datagrid, datalist, details | ||
** progress, meter | ||
* TODO Let's Call It A Draw(ing Surface) | ||
** simple shapes; complex paths | ||
** transformations; compositing; shadows | ||
** drawing images; pixel manipulation | ||
** drawing text | ||
** getting data back out of a <canvas> | ||
** security model; same-origin restrictions | ||
** reusable widget libraries (Thunderhead) | ||
** ExCanvas: compatibility shim for IE | ||
** API reference | ||
* Multimedia in a flash | ||
** pitch: multimedia without plugins | ||
** explanation of video containers/codecs (see http://diveintomark.org/tags/give ) | ||
** patent issues around certain codecs | ||
** Windows/Mac/Linux tools for encoding video in Ogg Theora and audio in Ogg Vorbis | ||
** building a custom player UI | ||
** network states; ready states; handling errors | ||
** mv_embed: compatibility shim for IE | ||
* select * from browser where 5 > 2 | ||
** pitch: your browser (already) has a SQL database! | ||
** very brief SQL tutorial | ||
** synchronous database access | ||
** asynchronous database access | ||
** Gears vs. HTML 5 Web Storage | ||
** WSPL: wrapper library to let you use either Gears or native Web Storage | ||
** API reference | ||
* Thread the needle, thread the script | ||
** pitch: background Javascript processing | ||
** Gears vs. HTML 5 Web Workers | ||
** creating workers | ||
** importing scripts | ||
** message-passing | ||
** the storage mutex (for thread-safe cookie access) | ||
** same-origin restrictions | ||
** API reference | ||
* TODO Let's take this offline | ||
** pitch: turn off your network and use Gmail. Sync as soon as you reconnect. | ||
** HTML manifests | ||
** Case study: offline Gmail | ||
** optimizing performance | ||
** API reference | ||
* You are here (and so is everybody else) | ||
** pitch: opt-in mechanism to tell web pages where you are in the world | ||
** asking the user for their location | ||
** obtaining "high accuracy" locations | ||
** back-end providers | ||
** API reference | ||
* Web forms, reinvented | ||
** pitch: rich forms without scripting | ||
** spinners | ||
** sliders | ||
** date pickers | ||
** color pickers | ||
** client-side validation with patterns | ||
** autocomplete | ||
** API reference | ||
* Distributed extensibility |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,61 +1,61 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="robots" content="noindex" /> | ||
<title>About Mark Pilgrim</title> | ||
<!--[if IE]><script src="../j/html5.js"></script><![endif]--> | ||
<link rel="stylesheet" href="style-html5.css" /> | ||
</head> | ||
<body> | ||
<header> | ||
<hgroup> | ||
<h1>My Weblog</h1> | ||
<h2>A lot of effort went into making this effortless.</h2> | ||
</hgroup> | ||
<nav> | ||
<ul> | ||
<li><a href="../microdata.html">home</a></li> | ||
<li><a href="../microdata.html">blog</a></li> | ||
<li><a href="../microdata.html">gallery</a></li> | ||
<li><a href="../microdata.html">about</a></li> | ||
</ul> | ||
</nav> | ||
</header> | ||
<section itemscope itemtype="http://data-vocabulary.org/Person"> | ||
<img itemprop="photo" class="me" width="204" height="250" | ||
src="http://diveintohtml5.org/examples/2000_05_mark.jpg" | ||
alt="[Mark Pilgrim, circa 2000]"> | ||
|
||
<h1>Contact Information</h1> | ||
<dl> | ||
<dt>Name</dt> | ||
<dd itemprop="name">Mark Pilgrim</dd> | ||
|
||
<dt>Position</dt> | ||
<dd><span itemprop="title">Developer advocate</span> for | ||
<span itemprop="affiliation">Google, Inc.</span></dd> | ||
|
||
<dt>Mailing address</dt> | ||
<dd itemprop="address"> | ||
<span itemprop="street-address">100 Main Street</span><br> | ||
<span itemprop="locality">Anytown</span>, | ||
<span itemprop="region">PA</span> | ||
<span itemprop="postal-code">19999</span><br> | ||
<span itemprop="country-name">USA</span> | ||
</dd> | ||
</dl> | ||
<h1>My Digital Footprints</h1> | ||
<ul> | ||
<li><a href="http://diveintomark.org/" itemprop="url">weblog</a></li> | ||
<li><a href="http://www.google.com/profiles/pilgrim" itemprop="url">Google profile</a></li> | ||
<li><a href="http://www.reddit.com/user/MarkPilgrim" itemprop="url">Reddit.com profile</a></li> | ||
<li><a href="http://www.twitter.com/diveintomark" itemprop="url">Twitter</a></li> | ||
</ul> | ||
</section> | ||
<footer> | ||
<p>§</p> | ||
<p>© 2010 <a href="../microdata.html">Mark Pilgrim</a></p> | ||
</footer> | ||
</body> | ||
</html> | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="robots" content="noindex" /> | ||
<title>About Mark Pilgrim</title> | ||
<!--[if IE]><script src="../j/html5.js"></script><![endif]--> | ||
<link rel="stylesheet" href="style-html5.css" /> | ||
</head> | ||
<body> | ||
<header> | ||
<hgroup> | ||
<h1>My Weblog</h1> | ||
<h2>A lot of effort went into making this effortless.</h2> | ||
</hgroup> | ||
<nav> | ||
<ul> | ||
<li><a href="../microdata.html">home</a></li> | ||
<li><a href="../microdata.html">blog</a></li> | ||
<li><a href="../microdata.html">gallery</a></li> | ||
<li><a href="../microdata.html">about</a></li> | ||
</ul> | ||
</nav> | ||
</header> | ||
<section itemscope itemtype="http://data-vocabulary.org/Person"> | ||
<img itemprop="photo" class="me" width="204" height="250" | ||
src="http://diveintohtml5.org/examples/2000_05_mark.jpg" | ||
alt="[Mark Pilgrim, circa 2000]"> | ||
|
||
<h1>Contact Information</h1> | ||
<dl> | ||
<dt>Name</dt> | ||
<dd itemprop="name">Mark Pilgrim</dd> | ||
|
||
<dt>Position</dt> | ||
<dd><span itemprop="title">Developer advocate</span> for | ||
<span itemprop="affiliation">Google, Inc.</span></dd> | ||
|
||
<dt>Mailing address</dt> | ||
<dd itemprop="address"> | ||
<span itemprop="street-address">100 Main Street</span><br> | ||
<span itemprop="locality">Anytown</span>, | ||
<span itemprop="region">PA</span> | ||
<span itemprop="postal-code">19999</span><br> | ||
<span itemprop="country-name">USA</span> | ||
</dd> | ||
</dl> | ||
<h1>My Digital Footprints</h1> | ||
<ul> | ||
<li><a href="http://diveintomark.org/" itemprop="url">weblog</a></li> | ||
<li><a href="http://www.google.com/profiles/pilgrim" itemprop="url">Google profile</a></li> | ||
<li><a href="http://www.reddit.com/user/MarkPilgrim" itemprop="url">Reddit.com profile</a></li> | ||
<li><a href="http://www.twitter.com/diveintomark" itemprop="url">Twitter</a></li> | ||
</ul> | ||
</section> | ||
<footer> | ||
<p>§</p> | ||
<p>© 2010 <a href="../microdata.html">Mark Pilgrim</a></p> | ||
</footer> | ||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,58 +1,58 @@ | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="robots" content="noindex" /> | ||
<title>About Mark Pilgrim</title> | ||
<!--[if IE]><script src="../j/html5.js"></script><![endif]--> | ||
<link rel="stylesheet" href="style-html5.css" /> | ||
</head> | ||
<body> | ||
<header> | ||
<hgroup> | ||
<h1>My Weblog</h1> | ||
<h2>A lot of effort went into making this effortless.</h2> | ||
</hgroup> | ||
<nav> | ||
<ul> | ||
<li><a href="../microdata.html">home</a></li> | ||
<li><a href="../microdata.html">blog</a></li> | ||
<li><a href="../microdata.html">gallery</a></li> | ||
<li><a href="../microdata.html">about</a></li> | ||
</ul> | ||
</nav> | ||
</header> | ||
<section> | ||
<img class="me" width="204" height="250" | ||
src="http://diveintohtml5.org/examples/2000_05_mark.jpg" | ||
alt="[Mark Pilgrim, circa 2000]"> | ||
|
||
<h1>Contact Information</h1> | ||
<dl> | ||
<dt>Name</dt> | ||
<dd>Mark Pilgrim</dd> | ||
|
||
<dt>Position</dt> | ||
<dd>Developer advocate for Google, Inc.</dd> | ||
|
||
<dt>Mailing address</dt> | ||
<dd> | ||
100 Main Street<br> | ||
Anytown, PA 19999<br> | ||
USA | ||
</dd> | ||
</dl> | ||
<h1>My Digital Footprints</h1> | ||
<ul> | ||
<li><a href="http://diveintomark.org/">weblog</a></li> | ||
<li><a href="http://www.google.com/profiles/pilgrim">Google profile</a></li> | ||
<li><a href="http://www.reddit.com/user/MarkPilgrim">Reddit.com profile</a></li> | ||
<li><a href="http://www.twitter.com/diveintomark">Twitter</a></li> | ||
</ul> | ||
</section> | ||
<footer> | ||
<p>§</p> | ||
<p>© 2010 <a href="../microdata.html">Mark Pilgrim</a></p> | ||
</footer> | ||
</body> | ||
</html> | ||
<!DOCTYPE html> | ||
<html lang="en"> | ||
<head> | ||
<meta charset="utf-8" /> | ||
<meta name="robots" content="noindex" /> | ||
<title>About Mark Pilgrim</title> | ||
<!--[if IE]><script src="../j/html5.js"></script><![endif]--> | ||
<link rel="stylesheet" href="style-html5.css" /> | ||
</head> | ||
<body> | ||
<header> | ||
<hgroup> | ||
<h1>My Weblog</h1> | ||
<h2>A lot of effort went into making this effortless.</h2> | ||
</hgroup> | ||
<nav> | ||
<ul> | ||
<li><a href="../microdata.html">home</a></li> | ||
<li><a href="../microdata.html">blog</a></li> | ||
<li><a href="../microdata.html">gallery</a></li> | ||
<li><a href="../microdata.html">about</a></li> | ||
</ul> | ||
</nav> | ||
</header> | ||
<section> | ||
<img class="me" width="204" height="250" | ||
src="http://diveintohtml5.org/examples/2000_05_mark.jpg" | ||
alt="[Mark Pilgrim, circa 2000]"> | ||
|
||
<h1>Contact Information</h1> | ||
<dl> | ||
<dt>Name</dt> | ||
<dd>Mark Pilgrim</dd> | ||
|
||
<dt>Position</dt> | ||
<dd>Developer advocate for Google, Inc.</dd> | ||
|
||
<dt>Mailing address</dt> | ||
<dd> | ||
100 Main Street<br> | ||
Anytown, PA 19999<br> | ||
USA | ||
</dd> | ||
</dl> | ||
<h1>My Digital Footprints</h1> | ||
<ul> | ||
<li><a href="http://diveintomark.org/">weblog</a></li> | ||
<li><a href="http://www.google.com/profiles/pilgrim">Google profile</a></li> | ||
<li><a href="http://www.reddit.com/user/MarkPilgrim">Reddit.com profile</a></li> | ||
<li><a href="http://www.twitter.com/diveintomark">Twitter</a></li> | ||
</ul> | ||
</section> | ||
<footer> | ||
<p>§</p> | ||
<p>© 2010 <a href="../microdata.html">Mark Pilgrim</a></p> | ||
</footer> | ||
</body> | ||
</html> |
Oops, something went wrong.