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.

initializr 300x192 10 Herramientas online para ayudar y crear código HTML5

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

html5demos 300x192 10 Herramientas online para ayudar y crear código HTML5

Visitar: HTML5 demos

HTML5 Tracker

Quieres estar al tanto de que pasa con HTML5? Permanece pendiente de las últimas revisiones usando este tracker.

html5tracker 300x192 10 Herramientas online para ayudar y crear código HTML5

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.

Ver guía de referencia HTML5

html5cheatsheet 300x192 10 Herramientas online para ayudar y crear código HTML5

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.

switchtohtml5 300x192 10 Herramientas online para ayudar y crear código HTML5

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.

crossbrowserhtml5 300x192 10 Herramientas online para ayudar y crear código HTML5

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

html5test 300x208 10 Herramientas online para ayudar y crear código HTML5

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.

html5canvas 300x224 10 Herramientas online para ayudar y crear código HTML5

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.

limejs 300x216 10 Herramientas online para ayudar y crear código HTML5

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.

html5reset 300x216 10 Herramientas online para ayudar y crear código HTML5

Vistar: HTML5 Reset

Tags de búsquedas:

reportes en html5,generador de html5,crear plantilla web online,template reportes en html,plantilla pagina web html5 foro,plantilla html5 online,plantilla basica html5 con barra a un lado,pagina web online html5,pagina we html5 onlne,IvanK Lib,igenerar codigo html 5,ide juegos html5,html5 para moviles online,html5 para dummies español pdf,html5 on line crear

1 comentario en “10 Herramientas online para ayudar y crear código HTML5

  1. Luis
    / Responder

    Muy bueno, os dejo un link de un foro de html 5 en castellano

    http://www.foroshtml5.com

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos necesarios están marcados *

Puedes usar las siguientes etiquetas y atributos HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

¡Comparte este artículo! »

Hosting de este blog con: »

Y ahora, para todos mis lectores! 10$ para probar su cloud : www.digitalocean.com

Suscríbete al newsletter »

Proporciona tu correo electrónico a continuación y recibe las últimas noticias! Funciona con Feedburner de Google

Imágenes de noticias »

Archivo »

Leer entrada anterior
FirefoxLogo
Firefox y el cacheo de las redirecciones 301 de .htaccess

A partir de la versión 5 de Firefox, se introdujo una funcionalidad y era la de cachear las redirecciones. Esto...

Cerrar