HTML5

Ayer tuve la oportunidad de colaborar con ADWE dando una charla en el espacio CAMON de Madrid. Y el título era ¿Cómo usar HTML5 hoy? Con este post pretendo reunir todas las referencias mencionadas en la charla, herramientas y documentación, para que tengáis disponible todo el material necesario y que podáis acometer un proyecto con hoy mismo.

Las primeras que os voy a facilitar son enlaces a documentación y tutoriales:

• HTML5 Doctor: Te ayuda a implementar HTML5 hoy. Muy buenos tutoriales y un completo glosario de elementos con artículos sobre su uso y enlace a la especificación.
• Dive into HTML5: Es un libro que profundiza en algunas características elegidas a dedo de las especificaciones. Podrás encontrar ejemplos de uso y resolución a preguntas que te puedan ir surgiendo.
• HTML5Rocks: Aquí encontrarás manuales muy completos con ejemplos y demos con el código disponible.

Por otro lado podéis ver casos de éxito de web desarrolladas con HTML5 y experimentos realizados por las propias compañías de navegadores:

• HTML5 Gallery: Una muestra de los sitios que utilizan marcado HTML5.
• Internet Explorer 10 Test Drive: Las demos propuestas por Microsoft, las cuales demuestran la potencia de Internet Explorer 10, gracias a su aceleración por hardware, entre otras novedades.
• Chrome Experiments: Experimentos soportados por el navegador Google Chrome.
• Mozilla Developer Network: Manual y demos relacionadas con Firefox.
• Safari Technology Demos: Demos realizadas por Apple.
• Web – Dev.Opera: Página para desarrolladores con herramientas y artículos relacionados con Opera.

Y por último herramientas y webs que te ayudarán a desarrollar, sabiendo la compatibilidad con navegadores, qué polyfills usar, etc:

• HTML5 Boilerplate: Un código por defecto sólido como una roca para HTML5 alucinante.
• Modernizr: es una librería de código abierto JavaScript que le ayuda a construir sitios de próxima generación con HTML5 y CSS3.
• Initializr: es un generador de plantillas HTML5 para ayudarte a empezar con un nuevo proyecto web basado en HTML5 boilerplate. Initializr generará una plantilla limpia y personalizable con lo que necesitas para empezar.
• HTML5 Please: Utilice la nueva y brillante forma responsable. Consulta las características de HTML5, CSS3, etc… para saber si están listas para su uso, y de cómo se debe utilizar – con polyfills, fallbacks o directamente como son.
• Selectivizr: es una utilidad JavaScript que emula las pseudo-clases y atributos de CSS3 en Internet Explorer 6-8. Simplemente incluye el script en tu página y selectivizr hará el resto.
• -prefix-free: te permite utilizar sin prefijo las propiedades CSS en todas partes. Trabjaa en segundo plano, añadiendo el prefijo del navegador actual a cualquier código CSS, sólo cuando es necesario.

No se si me dejo alguno, no obstante, podéis encontrarme como jorgecasar en Delicious, donde he creado una serie de pilas de enlaces relacionadas con el desarrollo Frontend.