10 Herramientas online para ayudar y crear código HTML5
HTML5 cada vez es mas usado e integrado por aplicaciones online y sobre todo para dispositivos móviles. Ya hace tiempo escribí un par de artículos sobre algunos ejemplo y opiniones sobre HTML5. También expliqué como preparar una aplicación para identificar la geolocalización de un usuario mediante las API de HTML5 de Geolocalización.
Hoy indicaré 10 herramientas online para simplificar y ayudar a la creación de nuestro código html5, muy útiles para principiantes y como repaso para los que ya han hecho algo en HTML5.
Initializr
Es un generador de plantillas HTML5 con el que podrás crear nuevos proyectos web basados en HTML5 Boilerplate. Initializr generará una plantilla vacía y customizable lista para empezar a desarrollar tu aplicación.
Visitar: Initialzr
HTML5demos
Quieres saber si Firefox soporta el nuevo canvas de HTML5? o si en Safari funciona el cliente de chat de HTML5?
Desde el site de HTML5demos podrás saber al momento que propiedades o funcionalidades se pueden usar en cada navegador
Visitar: HTML5 demos
HTML5 Tracker
Quieres estar al tanto de que pasa con HTML5? Permanece pendiente de las últimas revisiones usando este tracker.
Vistar: HTML5 Tracker
HTML5 visual cheat sheet, Guía de referencia HTML5
Tener una guía de referencia de las etiquetas y atributos siempre ayuda y es algo que siempre deberíamos tener a mano por si acaso.
Otro formato adiccional lo he encontrado en flickr http://www.flickr.com/photos/antoniolupetti/3894233282/sizes/l/
Switch To HTML5
Switch To HTML5 es un generador de plantillas básico pero eficaz. Si estás empezando un nuevo proyecto desde 0, sin duda deberías probarlo antes de empezar y generar una plantilla que se adapta a lo que necesites y lo que ofrece esta herramienta.
Vistar: Switch To HTML5
Cross browser HTML5 forms
Los formularios son una parte muy importante de cualquier web. HTML5 ofrece calendarios, muestras de color,sliding widgets, validaciones del lado del cliente y muchas más herramientas, pero hay un problema: Muchos navegadores no soportan todas las funcionalidades de HTML5, con esta web podrás aprender como crear formularios HTML5 que son perfectamente compatibles entre los navegadores.
Visitar: Cross browser HTML5 forms
HTML5 Test
Tu navegador está preparado para HTML5? Con HTML5 Test lo sabrás. Esta herramienta te permitirá obtener un completo reporte de las diferentes funcionalidades que soporta tu navegador tipo, vídeo, audio, canvas, etc
Visita: HTML5 Test
HTML5 Canvas Guía de referencia
El elemento canvas es una parte muy importante e interesante de HTML5, ya te permite dibujar en la pantalla.Por lo tanto, es básicamente una lista de los atributos y los métodos del elemento canvas y el contexto de dibujo 2D.
Descargar: la guía de referencia HTML5 Canvas
Lime JS
LimeJS es un framework HTML5 para juegos, experiencia nativa de los juegos para todas las pantallas táctiles modernas y navegadores de escritorio.
Visitar: Lime JS
HTML5 Reset
HTML5 Reset es un conjunto de archivos (HTML, CSS, etc) diseñado para ayudarte a ahorrar tiempo al iniciar nuevos proyectos.
Vistar: HTML5 Reset