El HTML5 ha sido un tema realmente interesante, que ha tomado mucha importancia en los últimos años en el desarrollo web. Ahora la mayoría de los navegadores modernos (Safari, Chrome, Firefox, IE10 y dispositivos móviles) soportan la mayoría de las características de este nuevo estándar web, aún cuando no está completa todavía.
Para ayudarte a hacer que tu migración a HTML5 sea más rápida y fácil, aquí he recopilado 23 sitios web útiles o herramientas que te ayudarán a entender y a empezar con HTML5.
1. HTML5 Boilerplate
Este sitio web te proporciona una plantilla base de HTML/CSS/JS con las últimas normas del HTML5, CSS3, normalización del CSS, JavaScript. Este sitio te proporciona varios tips y técnicas para empezar correctamente con el uso del HTML5.
2. Modernizr
Esta es una librería de JavaScript que te ayuda a implementar las nuevas ventajas del HTML5 y del CSS3.
3. Sprite.js
Sprite.js es una librería javascript que te permite realizar animaciones en tu sitio web sin la necesidad de Flash, utilizando la característica Canvas de HTML5.
4. Video.js
Esta es una librería en Javascript para reproducir video en HTML5 y que se vea igualmente en todos los navegadores. Trae también un reproductor en flash para los navegadores que no soporten la etiqueta <video> de HTML5.
5. Audio.js
Audio.js es una librería en Javascript con las misma características de Video.js, pero para la etiqueta <audio>. Compatibilidad entre navegadores de esta nueva función.
6. Lime.js
Este es un framework completo en Javascript que te ayudará a realizar juegos para escritorio, web o dispositivos móviles con la ayuda de HTML5.
7. 52framework
Framework que te ayuda a utilizar lo último de HTML5, CSS3 y Javascript.
8. HTML5 Reset
Framework para HTML5 que acumula las mejores prácticas y técnicas para empezar con este nuevo estándar.
9. G5 Framework
Otro framework para HTML5 que te sirve para comenzar con un nuevo sitio web.
10. JoApp
Este es un framework para desarrollar aplicaciones móviles utilizando HTML5.
11. PressWork
Framework en HTML5 que puedes utilizar para crear temas de WordPress.
12. Bones
Bones es un framework de HTML5 optimizado para crear nuevos temas para WordPress.
13. Roots
Roots es otro framework de HTML5 para temas en WordPress.
14. Reformed
Este sitio te ayudará a crear formularios para tu sitio web con las nuevas características del HTML5.
15. SwitchToHTML5
Este sitio te proporcionará algunas opciones para que tu puedas generar una plantilla base de HTML5 a tu gusto.
16. HTML5 Template Generator
Este sitio generará una plantilla base en HTML5 para que empieces a crear tu sitio web.
17. Initializr
Initilizr es un sitio que genera plantillas para HTML5. Te ofrece varias posibilidades: Descargar la plantilla por defecto, personalizar un poco tu plantilla o personalizar completamente todas las opciones de la plantilla.
18. HTML5 Visual Cheat Sheet
Este documento ofrece un vista simplificada y explicada de las nuevas características de HTML5.
19. HTML5 Pocket Book
Sitio web que te enseña lo más básico de las nuevas características de HTML5.
20. HTML5 Canvas Cheat Sheet
Este sitio te ofrece un documento con todo lo que necesitas saber para poder utilizar la función Canvas de HTML5.
21. Aloha Editor
Este sitio te proporciona un editor WYSIWYG completamente en HTML% para que lo incluyas en tu sitio web.
22. Deck.js
Con Deck.js podrás crear presentaciones como las de PowerPoint o Keynote pero totalmente realizadas en HTML5.
23. Wallaby
Con esta utilidad de Adobe podrás convertir tus animaciones en Flash (FLA) a HTML5.
dejar de roncar
Gracias por esta ralación, es hora de ponerse las pilas y adaptarnos al futuro.
James
Me pregunto por qué sería necesario un javascript para cuando con la misma etiqueta se puede especificar un ‘fall-back’ para la versión en Flash. No me queda clara la necesidad de eso.
Olmo Axayacatl
Muy buena recopilación de sitios útiles. Muchas gracias por las recomendaciones. Van para la librería de bookmarks.
Empresa páginas web Algeciras
Interesante artículo contiene información importante, gracias por informarnos sobre este tema.
Edu
Hola amig@s,
Yo acabo de terminar mi web html5 con css3, pueden visitarla en www.arananet.net, he comenzado utilizando fuentes reales para los headers por lo que ya no dependemos de cargar imagenes para tener un texto moderno, con las nuevas font-face se pueden hacer grandes cosas sin mayor esfuerzo, solo basta con exportar un ttf a todos los formatos (eot,svg, woff, etc).
Adicional a esto el fondo de la web es interactivo, puedes generar las imagenes y luego jugar con ellas.
Un saludo.
PD: buena recopilacion de webs.