Skip to content

Instantly share code, notes, and snippets.

@dvdrtrgn
Created November 1, 2009 17:23
Show Gist options
  • Save dvdrtrgn/223620 to your computer and use it in GitHub Desktop.
Save dvdrtrgn/223620 to your computer and use it in GitHub Desktop.
HTML5 starter kit

About

This is a description.

List

  1. code item git clone git://gist.github.com/223620.git gist-223620.
  2. code item git clone git://gist.github.com/223618.git gist-223618.
  3. code item git clone git@gist.github.com:3425cf512c33ae4b66f8.git gist-3425cf51.
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
/*** OR ***/
//<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
(function(){
if(!/*@cc_on!@*/0)return;
var e = "abbr article aside audio bb canvas datagrid datalist details dialog eventsource figure footer header hgroup mark menu meter nav output progress section time video".split(' ');
for(var i=0;i<e.length;i++){document.createElement(e[i])}}
)(); // For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/
header, nav, section, article, aside, footer, ETC {
display: block;
}
// These are notes
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
/*** OR ***/
//<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
(function(){
if(!/*@cc_on!@*/0)return;
var e = "abbr, article, aside, audio, bb, canvas, datagrid, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, output, progress, section, time, video".split(', ');
for(var i=0;i<e.length;i++){document.createElement(e[i])}}
)(); // For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/
file.reference.gist-223620-.git=.git
file.reference.gist-223620-nbproject=nbproject
file.reference.gitto-gist-223620=.
include.path=\
${php.global.include.path}:\
${file.reference.gist-223620-.git}:\
${file.reference.gist-223620-nbproject}
php.version=PHP_5
source.encoding=UTF-8
src.dir=.
tags.asp=false
tags.short=true
web.root=.
<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://www.netbeans.org/ns/project/1">
<type>org.netbeans.modules.php.project</type>
<configuration>
<data xmlns="http://www.netbeans.org/ns/php-project/1">
<name>gist-223620</name>
</data>
</configuration>
</project>
<!DOCTYPE html><!-- see :: http://jsbin.com/ovanu3/edit -->
<html>
<head>
<!--[if IE]>
<script type="text/javascript" src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
header, nav, section, article, aside, footer, ETC {
display: block;
}
</style>
</head>
<body>
<header>
<h1>My Site</h1>
</header>
<nav>
<ul>
<li>Home</li>
<li>About</li>
<li>Contact</li>
</ul>
</nav>
<section>
<h1>My Article</h1>
<article>
<time datetime="2010-01-01T00:00:00-06:00">Published Thu Dec 31 2009 18:00:00 GMT-0600 (CST)</time>
<p>... • &bull; &#8226; </p>
<dialog>
<dt> Costello </dt>
<dd> Look, you gotta first baseman? </dd>
<dt> Abbott </dt>
<dd> Certainly. </dd>
<dt> Costello </dt>
<dd> Who's playing first? </dd>
<dt> Abbott </dt>
<dd> That's right. </dd>
</dialog>
<hr>
<p>He later joined a large company, continuing on the same work.
<q>I love my job. People ask me what I do for fun when I'm not at work.
But I'm paid to do my hobby, so I never know what to answer.</q>
</p>
<aside>
<q>People ask me what I do for fun...</q>
</aside>
<p>Of course his work isn't his only passion.</p>
<hr>
<figure>
<legend>Using the HTML 5 Figure tag</legend>
<pre><code>
<figure>
<img src="http://upload.wikimedia.org/wikipedia/en/thumb/7/75/Tps_report.png/180px-Tps_report.png"
alt="TPS Report, July 2009">
<legend>July 2009 TPS Reports</legend>
</figure>
</code></pre>
</figure>
</article>
</section>
<footer>
<p>...</p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment