Empezando el año con un poco de HTML5

El 2010 se ha cerrado con varias líneas bien definidas y de entre todas, las que tocan el diseño web serían estas:

  • El increible crecimiento de las redes sociales (el hombre ya no vive sólo de webs: apis, mashups, etc..)
  • Se ha disparado el acceso desde dispositvos móviles (no sólo teléfonos, también tablets, TVs y consolas) Más plataformas sobre las que hay que crear adaptaciones de la web.
  • El HTML5 ha venido para quedarse (en móviles imprescindible y en escritorio lo será)
  • El desarrollo en flash ha basculado hacia el desarrollo de juegos (facebook, juegos sociales, etc…)
  • La programación de aplicaciones para móviles mueve mucho dinero.

Muchos frentes, así que vamos a empezar por uno: HTML5

Como en la red hay mucho material sobre HTML5 (google + HTML5) y la verdad, estoy dando los primeros pasos como para contaros nada nuevo, os dejo unos enlaces para que le empecéis a coger el gustillo:

  1. Plantilla EASY HTML5. ¿No sabes por dónde empezar?. Aquí tienes una plantilla sencillita para que veas como es la estructura básica. (vía webintenta.com)
  2. Theme de WordPress en HTML5 “Spectacular”. Si el anterior te sabe a poco, un theme de wordpress completamente hecho en HTML. Otro buen punto de partida para cotillear el código y crear tu propio theme  en HTML5:) (vía @cverdu)
    Las dos plantillas usan Momodernizr, una librería javascript que te ayudará con navegadores que no soporten ciertos elementos de HTML5.
  3. Tutoriales sobre HTML5 de Javier Casares. Buen sitio dónde empaparos y empezar a tocar código. Su libro sobre SEO es un clásico y recientemente ha publicado uno nuevo sobre optimización: Web Performance Optimization Si no recuerdo mal, opina que el html5 ayudaba en el posicionamiento
  4. HTML5 For Web Designers de Alistapart. Un librito fino y resumido que te da una visión general.
  5. Switch to html5 Genera tu propio Framework para empezar a trabajar
  6. Sección sobre HTML5 en SmashingMagazine
  7. 15 Useful HTML5 Tutorials and Cheat Sheets
  8. 25 Essential HTML5 Tutorials and Techniques
  9. Html5Rocks de Google. Otra dirección con muchos ejemplos y código
  10. 70 CSS3 & HTML5 Tutorials. Vamos, HTML a cascoporro

Si estas acostumbrado a maquetar con css y etiquetas tus divs de forma lógica (hay cada uno por ahi…), ya tienes mucho camino andado.

Voy a empezar a usarlo en un dominio que tengo por ahí para chorraditas, así voy entrenándome :)

Este año no tienes excusa para empezar con HTML5

Imagen: alt1040