Categorías: Aplicaciones onlineComo se haceEducativasJuegosProgramación

Herramientas online para ayudar con HTML5

Hace ya algun tiempo que ha llegado la quinta versión de HTML y esta pegando fuerte. Si estas interesado en empezar un nuevo proyecto en HTML 5 quizá te interesen estas herramientas online para crear codigo HTML5, ya que sus importantes novedades nos permite un desarrollo hacia distintos campos como aplicaciones online, aplicaciones para móviles, incluso para aplicaciones en Windows 8.

Pues estas son las herramientas para ayudarnos a crear nuestro código HTML 5:

Initializr

Es un generador de plantillas HTML5 online basadas en HTML5 Boilerplate. Nos da la opción de descargar tres tipos de plantillas diferentes; una plantilla genérica una plantilla simple personalizable y una plantilla personalizable avanzada. Todo ello se descarga en un archivo comprimido en Zip. Visitar: Initializr

HTML5 demos

Una pagina donde nos muestra demos de las funciones y propiedades de HTML 5 y las compatibilidades con los navegadores. Nos pone los navegadores principales Internet Explorer, Firefox, Opera, Safari y Chrome. Ademas la primera casilla nos indica con un circo verde si es compatible con nuestro navegador o por el contrario no lo es con una X. Muy útil la verdad. Visitar: HTML 5 demos

HTML5 Test

Esta herramienta nos permite obtener un completo detalle de las funciones de HTML 5 frente al navegador que estemos usando. Ademas también compara entre los distintos navegadores. La pagina se actualiza cada cierto tiempo para poder detallar todas las propiedades de HTML 5. Visitar: HTML5 Test

Can I use

Otra aplicación que nos permite partiendo la función de HTML 5 que queremos usar, saber con que navegadores es compatible. Ademas de incluir los navegadores de ordenador incluye sus versiones para móvil. Se va actualizando para meter nuevas propiedades. Visitar: Can I use

Lime JS

Es un framework HTML 5, que nos permite desarrollar juegos en HTMl 5 para dispositivos móviles con pantalla táctil y navegadores de ordenador. Visitar: Lime JS

HTML5 Template Generator

Otra herramienta para crear plantillas HTML 5 online de forma gratuita. La diferencia de esta aplicación es que permite añadir el autor, el favicon, jQuery y Google Analytics. Visitar: HTML5 Template Generator

Ideal Forms

Es un framework de HTML 5 diseñado por Google para crear formularios en HTML 5 con ayuda de CSS3 y jQuery, dándole un estilo visual. Visitar: Ideal Forms

SVG to HTML5

Aplicación online para convertir código SVG en HTML 5. Visitar: SVG to HTML5

Tabla periodica de HTML 5

Aunque pueda sonar un poco raro así de primeras no es más que las propiedades y funciones de HTML 5 colocadas en forma de tabla periodica. Si pulsas cada una de ellas te muestra referencias para poder usarlas. Visitar: Tabla periodica de HTML 5

Interactive HTML 5 Typography effects

Herramienta para crear efectos visuales de HTML 5 sobre fuentes tipograficas. Merece la pena mirarlo para entender bien a que se refiere. Visitar: Interactive HTML 5 Typography effects

HTML 5 Audio Maker

Herramienta para el uso de la etiqueta de audio de HTML 5 y crear un reproductor de audio en HTML 5. Admite varios formatos de audio como pueden ser OGG, MP3 o ACC, el problema es que cada navegador acepta unos u otros. Ademas si navegamos un poco por la pagina veremos que tiene muchas más herramientas. Visitar: HTML 5 Audio Maker

oCanvas

Es una librería JavaScript hacer el desarrollo con HTML5 Canvas más fácil. En lugar de trabajar con píxeles, se trabaja con objetos. Visitar: oCanvas