Referencias Importantes a HTML5

[cvander]

Colección de sitios importantes sobre HTML5 que recomiendo revisar:

Estándares (drafts)
- http://dev.w3.org/html5/spec/single-page.html
- http://developers.whatwg.org/
-- http://www.whatwg.org/specs/web-apps...work/complete/
- Plan 2014 para HTML5
- Logo HTML5

Libros
- http://diveintohtml5.info
- http://introducinghtml5.com
- http://mejorando.la/guia-html5/
- http://www.truthabouthtml5.com - La verdad sobre HTML5 (inglés) $9.99
- http://www.abookapart.com/products/h...-web-designers - HTML5 para diseñadores (inglés) $9.00
- http://www.abookapart.com/products/c...-web-designers - CSS3 para diseñadores (inglés) $9.00
- http://webdirections.org/downloads/H...rCreatives.pdf - Html5 para creativos (ingles, pdf)
- http://www.20thingsilearned.com/es-ES

Hojas de Referencia
- http://woorkup.com/2009/12/16/html5-...heet-reloaded/
- http://dl.dropbox.com/u/42449949/Inf...aHTML5Tags.pdf - JPG - http://i.imgur.com/nRISV.png

Compatibilidad y navegadores
- http://html5test.com/
- http://html5readiness.com/
- http://caniuse.com/
- http://mobilehtml5.org/
- http://remysharp.com/2009/01/07/html5-enabling-script/
- http://www.modernizr.com/
- http://addyosmani.com/polyfillthehtml5gaps/slides/

Plantillas / Arrancando
- http://html5boilerplate.com/
- http://html5boilerplate.com/mobile/
- http://www.initializr.com/
- http://twitter.github.com/bootstrap/
- http://www.toddmotto.com/html5blank/ Template para Wordpress

Drag & Drop
- http://worrydream.com/Tangle/

CSS3
- http://leaverou.me/css3-tools/
- http://selectivizr.com/
- http://css3pie.com/
- http://border-radius.com/
- http://www.colorzilla.com/gradient-editor/
- http://maddesigns.de/css3/css3-in-practice.html
- http://www.viget.com/uploads/file/boxshadows/
- http://css-tricks.com/examples/ShapesOfCSS/
- http://leaverou.me/css3patterns/

@font-face
- http://www.google.com/webfonts
- http://www.fontsquirrel.com/fontface
- http://fontdragr.com/

Javascript
- http://yepnopejs.com/
- http://labjs.com/

Formularios
- http://html5pattern.com/
- http://www.matiasmancini.com.ar/jque...ion-html5.html
- https://github.com/ryanseddon/H5F
- https://github.com/westonruter/webforms2

Listas
- http://listjs.com/

Video
- http://praegnanz.de/html5video/
- http://www.youtube.com/html5
- http://html5video.org/
- http://videojs.com/
- http://sublimevideo.net/

Desarrollo de Videojuegos
- http://impactjs.com/
- http://jfd.github.com/wpilot/
- http://www.kesiev.com/akihabara/

Vectores / Canvas / WebGL
- http://paperjs.org/
- http://kangax.github.com/fabric.js/
- https://github.com/evanw/lightgl.js/tree/
- http://codeflow.org/entries/2011/sep...or-the-future/
- Three.js --- https://github.com/mrdoob/three.js
- Three.js Reference --- http://threejs.org/io/s/
- Scene.js --- http://scenejs.org/
- Mozilla Developer Network WebGL --- https://developer.mozilla.org/en/WebGL
- Learning WebGL - Lecciones en vídeo --- http://learningwebgl.com/blog/?page_id=1217
- Learning WebGL - Cookbook --- http://learningwebgl.com/cookbook/index.php/Main_Page
- canvasdemos --- http://www.canvasdemos.com
- Canvas Tutorial --- http://billmill.org/static/canvastutorial/
- http://heartcode.robertpataki.com/canvasloader/

Animaciones
- https://github.com/daneden/animate.css

Soporte de Empresas / Showcase
- http://www.apple.com/html5/
- https://demos.mozilla.org/en-US/
- http://www.chromeexperiments.com/
- http://www.html5rocks.com/en/
- http://ie.microsoft.com/testdrive/
- http://beta.theexpressiveweb.com/


Varios
- http://sleekdesignstudio.com/html5poster/
- http://www.sitepoint.com/tag/html5-dev-center/


Se aceptan sugerencias. Este post estará en constante actualización.

Y si mandas spam te voy a matar la galletita del foro forever :P

[elias90]

Muchas gracias por las referencias que citaste, van para mis marcadores! :P

[cvander]

Update al principal con estos enlaces pensando en IE:

http://selectivizr.com/
http://css3pie.com/

[Carlangueitor]

Aquí otro con ejemplos (aun en construcción):

http://html5demo.fr/

[jhoweb]

excelente informacion muchas gracias

[cvander]

Agrego a CSS:

- http://maddesigns.de/css3/css3-in-practice.html
- http://www.viget.com/uploads/file/boxshadows/
- http://css-tricks.com/examples/ShapesOfCSS/
- http://leaverou.me/css3patterns/

[andres_aquino]

Ahí va mi colaboración

WebGL / Canvas:
- Three.js --- https://github.com/mrdoob/three.js
- Three.js Reference --- http://threejs.org/io/s/
- Scene.js --- http://scenejs.org/
- Mozilla Developer Network WebGL --- https://developer.mozilla.org/en/WebGL
- Learning WebGL - Lecciones en vídeo --- http://learningwebgl.com/blog/?page_id=1217
- Learning WebGL - Cookbook --- http://learningwebgl.com/cookbook/index.php/Main_Page
- canvasdemos --- http://www.canvasdemos.com
- Canvas Tutorial --- http://billmill.org/static/canvastutorial/

[cvander]

Hoy me preguntaban de retrocompatibilidad de formularios y descubrí varios proyectos para añadir a la lista donde ya tenía el proyecto de Mancini.
http://www.matiasmancini.com.ar/jque...ion-html5.html

- https://github.com/ryanseddon/H5F
- https://github.com/westonruter/webforms2

[Aijoona]

Para trabajar sobre canvas, recomiendo fabric.js, excelente libreria.

[rogertm]

Estoy leyendo este tutorial y me está ayudando mucho a entender el uso de la etiqueta <canvas> ...</canvas>, una de mis áreas flacas en HTML5...

https://developer.mozilla.org/en/Canvas_tutorial

Recomendado

[cvander]

Actualizo algunas referencias de libros y otros recursos.

[Aijoona]

Tabla comparativa de distintas librerias para canvas:

https://docs.google.com/spreadsheet/...nalV5ZlE#gid=0

[pzin]

HTML5Doctor (inglés)

Buenos artículos sobre semántica. Me extraña que no se haya puesto.

[Rafael]

Convertidores de video

Una lista y análisis de convertidores de video a formatos compatibles con html5.
http://www.forosdelweb.com/f3/conver...ratis-1052472/

[pzin]

Aunque el sitio no es nuevo, prácticamente todo lo que se pone últimamente y desde hace tiempo está relacionado con HTML5 y CSS"3".

http://thecodeplayer.com

[Rafael]

Recursos para animar, video, tipografía y cosas así.
http://www.jsdb.io/

[DoPeY-BBS]

http://www.html-5-tutorial.com/
http://cssdemos.tupence.co.uk/layouts/

[pzin]

Una tabla periódica de los elementos HTML(5):

http://joshduck.com/periodic-table.html

Tiene la particularidad de que cuenta los elementos de una página dada y se puede ver en la propia tabla, por ejemplo:

• Forosdelweb
• Maestrosdelweb