23 sitios web útiles para empezar con HTML5


23 sitios web útiles para empezar con HTML5

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

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

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

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

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

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

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

52framework

Framework que te ayuda a utilizar lo último de HTML5, CSS3 y Javascript.

8. HTML5 Reset

HTML5 Reset

Framework para HTML5 que acumula las mejores prácticas y técnicas para empezar con este nuevo estándar.

9. G5 Framework

G5 Framework

Otro framework para HTML5 que te sirve para comenzar con un nuevo sitio web.

10. JoApp

JoApp HTML5 Mobile App Framework

Este es un framework para desarrollar aplicaciones móviles utilizando HTML5.

11. PressWork

PressWork

Framework en HTML5 que puedes utilizar para crear temas de WordPress.

12. Bones

Bones

Bones es un framework de HTML5 optimizado para crear nuevos temas para WordPress.

13. Roots

Roots

Roots es otro framework de HTML5 para temas en WordPress.

14. Reformed

Reformed

Este sitio te ayudará a crear formularios para tu sitio web con las nuevas características del HTML5.

15. SwitchToHTML5

SwitchToHTML5

Este sitio te proporcionará algunas opciones para que tu puedas generar una plantilla base de HTML5 a tu gusto.

16. HTML5 Template Generator

HTML5 Template Generator

Este sitio generará una plantilla base en HTML5 para que empieces a crear tu sitio web.

17. Initializr

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

HTML5 Visual Cheat Sheet

Este documento ofrece un vista simplificada y explicada de las nuevas características de HTML5.

19. HTML5 Pocket Book

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

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

Aloha Editor

Este sitio te proporciona un editor WYSIWYG completamente en HTML% para que lo incluyas en tu sitio web.

22. Deck.js

Deck.js

Con Deck.js podrás crear presentaciones como las de PowerPoint o Keynote pero totalmente realizadas en HTML5.

23. Wallaby

Wallaby

Con esta utilidad de Adobe podrás convertir tus animaciones en Flash (FLA) a HTML5.

0 Comentarios en “23 sitios web útiles para empezar con HTML5”

  • Gracias por esta ralación, es hora de ponerse las pilas y adaptarnos al futuro.

  • Pingback: Quieres empezar con HTML5? Aquí tienes 23 webs para empezar | Compunoticias - Noticias de informática y tecnología()

  • Pingback: 23 sitios web útiles para empezar con HTML5 | Sobre diseño en la web | Scoop.it()

  • 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.

  • Muy buena recopilación de sitios útiles. Muchas gracias por las recomendaciones. Van para la librería de bookmarks.

  • Interesante artículo contiene información importante, gracias por informarnos sobre este tema.

  • Edu

    Hola [email protected],

    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.