developers.whatwg.org/
diveintohtml5.org/
html5test.com/
HTML5-Visual-Cheat-Sheet1
html5boilerplate.com
initializr.com
twitter.github.com/bootstrap/
www.modernizr.com/
paperjs.org/
impactjs.com/
mobilehtml5.org/
caniuse.com/
praegnanz.de/html5video/
html5rocks.com
html5doctor.com/
demos.mozilla.org/es/#fligh t-of-the-navigator
ie.microsoft.com/testdrive/
chromeexperiments.com/
maestrosdelweb.com
DOCTYPE - - Normal <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>UntitledDocument</title> </head> <body> </body> </html>
DOCTYPE - - html5 <!DOCTYPE HTML> <html> <head> <title>Title of the document</title> </head> <body> </body> </html>
estructura de el html header NAV
article aside
section article2
footer
Nuevas etiquetas Video Audio Input Canvas Svg Nav footer
Propiedades de css3 Fontface Sombra bordes
fontface @font-face{
font-family:"chancho";
src: url("Plain_Black-webfont.eot"); src: local("®"), url("Plain_Black-webfont.woff") format("woff"), url("Plain_Black-webfont.ttf") format("truetype"), url("Plain_Black-webfont.svg") format("svg");}
sombra box-shadow:rgba(0,0,0,0.5) 0 5px 10px ; -o-box-shadow:rgba(0,0,0,0.5) 0 5px 10px ; webkit-box-shadow:rgba(0,0,0,0.5) 0 5px 10px ; -moz-box-shadow:rgba(0,0,0,0.5) 0 5px 10px;
Bordes con css3 border-radius: 1em; -o-border-radius: 1em; -webkit-border-radius:1em; -moz-border-radius:1em;
Animacion de html5
video en html5 <section> <video id="pelicula" width="640" height="360" controlspreload> <sourcesrc="big_buck_bunny.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'/> <source src="big_buck_bunny.ogv"
compatibilidad de video
geolocalizacion