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.

Ver guía de referencia 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.

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

Tags de búsquedas:

reportes en html5,generador de html5,crear plantilla web online,html5 logo,plantillas html5 geolocalizacion,igenerar codigo html 5,IvanK Lib,template reportes en html,pagina we html5 onlne,pagina web online html5,ide juegos html5,html5 para moviles online,html5 para dummies español pdf,html5 on line crear,html5 hacer plantillas

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 *

¡Comparte este artículo! »

Sígueme en Facebook »

Hosting de este blog con: »

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

  • natahorchata (24 horas)
    Esta aplicación os ayuda a localizar todos los archivos whatsapp…
  • MATESSA HOUSE (3 días)
    FELICIDADES ERES UN 10 ME SOLUCIONASTE MIL PROBLEMAS Y HE…
  • Miguel (3 días)
    Hola a todos. ¿Alguien ha podido solucionar este problema ahora…
  • Aya (3 días)
    Pero con la tablet como se hace pork no sale…

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