20 enlaces a recursos HTML5. Artículos, frameworks, demos…

Bueno, aquí estamos de nuevo, en esta ocasión os traemos una serie de enlaces.
Vamos a retroceder un poco, para tratar de hacer un repaso de lo que tenemos a nuestra disposición, recursos para seguir aprendiendo, personas importantes e influyentes que se debería seguir, ejemplos y demos alucinantes, … intentaremos que haya un poco de todo. Si queréis podéis mandar o proponer más recursos! Qué sabemos que tú tienes más enlaces ;))

Aprendiendo

The Web platform: Browser technologies.Este proyecto, es una referencia imprescindible para conocer el ecosistema de la plataforma Web ‘moderna’. Cada una de las tecnologías van enlazadas a sus respectivas definiciones, tanto en la W3C como de la WHATWG y la IETF, las cuáles deberías ir conociendo. Aquellas especificaciones de nuevas etiquetas, funcionalidades y características que más avanzadas están, han sido vinculadas al proyecto “When can I use… “, dónde se detallan el soporte de las distintas versiones de navegador dónde ya se han implementado. Otras características son los vínculos a test, o a la “Mozilla Developer Network Reference“.

When can I use… Son un detallado conjunto de tablas de compatibilidad para el soporte de HTML5, CSS3, SVG y más, tanto en navegadores de escritorio y móviles.

El Centro de HTML5. Este site ha sido producido por Microsoft y SourceForge y encontraréis un montón de recursos, artículos,… sobre la tecnología.

Herramientas

A finales de Febrero, Facebook anunció su Test Suite para navegadores móviles, Ringmark y lo que hace es precisamente eso test. Dentro de este anuncio, sueltan otra gran noticia y es que próximamente será un proyecto ‘open source’ y donarán todos los test a la W3C. Bien por Facebook!

Adobe Shadow
Esta semana se ha presentado Adobe Shadow, una herramienta que puede resultar bastante útil para programadores y diseñadores web y que pone de manifiesto la posición de Adobe en el futuro del desarrollo. Es una herramienta de inspección y previsualización para proyectos orientados a dispositivos móviles. El foco inicial está en la asociación de dispositivos, navegación e inspección remota síncrona.

Sencha Touch 2. Es un framework de desarrollo de aplicaciones HTML5 para móviles con iOS, Android, BlackBerry, Kindle Fire,.. Pero ojo, investigar porque esta es sólo una de las herramientas del increíble ecosistema que Sencha ha creado en torno a las nuevas tecnologías de desarrollo web.

Demos (a.k.a. ‘Abre bocas’)

Este es el último ‘abre bocas’, de Chrome Experiment, realizado por Google con la colaboración de OK GO. “All Is Not Lost”

Os ponemos otros dos ejemplos anteriores:
–  ROME “Three dreams of black” (Este proyecto contó con la colaboración de nuestro ilustre colega @mrdoob, os dejamos un enlace de una charla acerca del ‘Making of’, muy muy interesante)
–  The Wilderness Downtown, con la colaboración del grupo Arcade Fire.

Artículos

¿Porqué mola HTML5?Imaginámos que ya conoces HTML5 ROCKS (HTML5 mola!). Pues no hace mucho publicaron esta página, que es algo así como un manifiesto. Quizás os interese seguir a quienes están detrás de todo este movimiento… Add to Circles!!!😉 Ah! Y es un proyecto ‘open source’ el código aquí.

HTML5 Developer ScoreCards de Sencha. Esta serie de post analizan las capacidades de HTML5 en las nuevas plataformas móviles. Si quieres estar al tanto de versiones, características, funcionalidades, diferencias entre plataformas… Te ofrecen los resultados de test realizados con diferentes frameworks de desarrollo, incluyendo los suyos.. Lo dicho, para el ámbito de desarrollo web móvil, éstas son unas lecturas obligatorias. En el blog, abordan otros aspectos sobre HTML5, puedes buscar por la etiqueta…

Otros enlaces:

Esperamos que nuestro listado os resulte de utilidad.
Seguro que entre todos podríamos hacer un gran directorio de recursos HTML5 tanto para Web como para Móvil.

Hasta la próxima!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s