25 sitios importantes para aprender HTML5

@ 20 . septiembre . 2011

Junto a una muy útil y completa conferencia de CVander sobre las páginas más importantes para desarrollar en HTML5, los chicos de Maestros del web han publicado una lista de los mejores 30 sitios para que podamos aprender técnicas, estructuras, código, funciones, frameworks y trucos útiles para crear páginas en HTML5, la innovación de la web.

Esta es la lista completa:


HTML5 cool logo

  1. W3C y el draft HTML5: muestra los avances oficiales de la W3C sobre la dirección que tiene HTML5.
  2. El grupo de Whatwg: Mientras que la W3C se movía hacia XHTML2, este grupo empieza a generar su propia propuesta sobre el verdadero futuro de la web y son ellos quienes le dieron vida a HTML5, un estándar vivo. Actualizan todo el tiempo.
  3. HTML5 Test: Un test en línea que evaluá cuan bueno y completo es el soporte de HTML5 en tu navegador.
  4. HTML5 Readiness: Documenta gráficamente el avance de los diferentes navegadores desde el 2008 y las características de HTML5.
  5. Guía HTML5 de mejorando.la: Freddy Vega y Cvander crearon este draft permanente de lo que están aprendiendo de HTML5, en español, en pdf.
  6. HTML5 Cheat Sheet: Una tarjetita práctica para tener todos los elementos de HTML5 cerca para fácil consulta.
  7. HTML5 enabling script: Script para que Internet Explorer interprete HTML5.
  8. HTML5 Boilerplate: Con esta plantilla conocerás el poder de las nuevas etiquetas, código CSS3 y filosofía detrás de HTML5. Para móviles, recomendado ver el HTML5 Boilerplate mobile.
  9. Initializr: Este sitio te genera una plantilla personalizada con solo las características que vas a utilizar. Muy práctico para diseñadores.
  10. Bootstrap de Twitter Twitter comparte un entorno básico para empezar con tu proyecto web basado en su misma plataforma. HTML5, CSS3 (con LESS).
  11. Modernizr: Librería de JavaScript, pensando en compatibilidades e impulsando nuevas características a navegadores viejos.
  12. Paper.js: Una librería JavaScript para trabajar con Canvas en el navegador. Todo sobre el manejo vectorial en HTML5.
  13. Impact.js: Motores de Videojuegos con HTML5.
  14. Can I Use?: Informa sobre el soporte de HTML5, CSS3 y SVG en diferentes navegadores para escritorios y entornos móviles.
  15. Mobile HTML5: Completa tabla comparativa de los diferentes navegadores para móviles y tabletas.
  16. VideoSWS: Comparación de características de cada player para el tag video.
  17. Youtube y HTML5: El player de video de YouTube en HTML5.
  18. HTML5 Doctor: Un espacio colaborativo entre asistentes a un FOWD en Londres que están siempre inquietos por noticias y desarrollo de HTML5.
  19. Apple y HTML5: El compromiso, ejemplos de Apple y el uso de HTML5 en su ecosistema de desarrollo, sitios web y dispositivos.
  20. Web Open Wonder de Mozilla: Ejemplos de Mozilla con HTML5, diseño, vídeo y Webgl.
  21. Chrome Experiments: Galería con enlaces a increíbles ejemplos del equipo de Chrome y lo que han hecho con HTML5. Su eslogan es: Not your mother’s Javascript.
  22. Html5 Rocks: Propuesta lanzada por Google con guías, tutoriales, ejemplos y código libre disponible para modificarse y re-compartir.
  23. El Test Drive de IE por Microsoft: Muestra ejemplos del equipo de IE10 realizados con HTML5. Recomendadísimo el SVG Girl que es un anime japonés diseñado para el IE.
  24. The expressive web por Adobe: Un showcase de CSS3 (animaciones, gradientes, transformaciones, transiciones, letras), HTML5 (canvas, audio, formularios, videos) y almacenamiento. Adobe está transformando su suite de aplicaciones en miras de HTML5.
  25. Fluid Squares: (esta página es mi aporte a la lista original) Sitio que con un interesante grid sigue listando los sitios más recientes sobre el desarrollo del HTML5. Este elemento de la lista es para entrar a otra lista, tipo Inception XD

Libro: Dive into HTML5

Si en lugar de varias pestañas abiertas desde tus marcadores, prefieres tener todo impreso en un libro, según CVander el mejor libro que se puede obtener sobre HTML5 fue escrito por Mark Piligrim: Dive into HTML5. Se puede comprar una copia de O’relly en Amazon, y si lo lees en forra digital online te sale gratis. Está en inglés y vale mucho la pena.

Enlace al libro completo: Diveintohtml5.org

DanielSemperAutor: Daniel Semper, fanático de la tecnología y sus usos sociales, cinéfilo geek, al menos veo una película por semana, innovador en Front-End y activo lector de comics. En mis tiempos libres soy ingeniero y estudio una maestría en Sidney en la universidad de UTS. Me puedes contactar en: twitter, Google Plus.
e-mail: hola @ danielsemper.com

Noticias Similares

  • $8.95 USD/mes (pero creo que se hace un solo pago anual, osea eso por doce) $102/año
    $7.95 USD/mes (si pagas por adelantado de 2 años) $190,8 cada 2 años

  • Alejandro

    Te aviso cuando pueda reunir unos 30 dólares para que podamos hacer la compra de mi dominio con el enlace especial que dijiste para que puedas ganarte puntos y dólares.
    MUCHAS GRACIAS DANIEL.

    (y) (y) (y) (y) (y) (y) (y) (y) (y)

    :cerealguy:

  • Alejandro

    Hola Daniel, quiero hacerte una propuesta y después te dejo de molestar, mira Aeromental en ingles es Aeromental.net no??, yo puedo hablar muy bien ingles y quiero proponerte que tu publicas los posts en español y yo te los traduzco en ingles para Aeromental.net y si actualmente le pagas a alguien por este trabajo yo lo haría gratis.
    Podrías ponerme a prueba una por una semana o dos y decidir si quieres o no.
    Es tu desicion Daniel, pero te ruego que aceptes.

    (y) :cerealguy:

  • Alejandro:

    Basta de hacer offtopics, y lo siento, no puedo trabajar con personas de 11 años de edad.

  • Alejandro

    Ok Daniel, no importa y dejare de hacer offtopics pero no te enojes conmigo

  • Manel

    Os recomiendo el foro hispano de HTML5

    http://www.foroshtml5.com

  • Juanjo

    Os falta una de las mejores, http://www.foroshtml5.com, es hispana

    saludos

  • omar

    tonto