Si estás pensando lanzar un sitio nuevo, y necesitas probar la compatibilidad de tu navegador acerca de HTML5, te presento html5test.
Esta herramienta te presenta un “score” de soporte de tu navegador y una lista de resultados de todos los elementos y atributos de HTML5 que son soportados por tu navegador.
Además del score de tu propio navegador puedes ver la lista de elementos soportados por los demás navegadores.
Enlace: html5test.com
Maqetta es una herramienta online que nos permite crear mediante drag-and-drop, interfaces de HTML5.
Entre algunos de los componentes que podemos usar se encuentran la librería Dojo, YUI y jQuery UI.
Los que estén familiarizados con entornos como Visual Studio o NetBeans, encontrarán la facilidad de usarlo.
Entre las funcionalidades que ofrece, podemos crear archivos, subir imágenes y guardarlas bajo una cuenta gratuita.
Y si no trabajas sólo, Maqetta nos da una super herramienta de colaboración con la cual podemos interactuar como equipo y obtener revisiones y feedback de otros usuarios.
Excelente infografía que nos dice qué es HTML5 y porque nos debería importar. En inglés
El día de ayer Apple nos presentó HTML5 and the web standards, un lugar donde podemos ver ejemplos de lo que se puede hacer combinando HTML5, CSS3 y Javascript. Como introducción nos dicen:
...Éstos web standards son abiertos, confiables, altamente seguros y eficientes. Permiten a los diseñadores y desarrolladores crear gráficos avanzados, tipografía, animación y transiciones. Los standards no son add-ons en la web. Son la web. Y puedes empezar a usarlos ahora mismo.
Entre los ejemplos que ofrecen está la capacidad de insertar video, tipografía, transiciones, audio, etc.
Obviamente se nota muy inspiradora la cita, sin embargo notamos que al querer entrar a ver los ejemplos obtenemos una gran advertencia:
Si quieres tener una experiencia con este demo, simplemente ¡bájate el Safari!. Se supone que si es una demostración de web standards, pues debería poder ingresar tranquílamente con cualquier navegador moderno.
Con este tipo de actitudes Apple cada vez se está conviertiéndose en el Microsoft de hace unos años, obligándonos en cierta forma a usar software que no queremos o a comprar productos (sino fíjense los lindas fotos del iPhone, iPad y demás íes) que no necesitamos.
Veamos que reacciones tendremos en estos días.
Si quieres saber más sobre HTML5, te presentamos un interesante sitio en el que nos muestran ejemplos y demostraciones de esta nueva versión de HTML
Ejemplos y Demos de HTML5 tiene los ejemplos básicos del uso de HTML5 y los soportes de los navegadores más conocidos. Entre ellos Internet Explorer, Mozilla Firefox, Safari, Opera y Google Chrome.
Sólo como ejemplo muestro un bloque del cual podemos editar el texto, mostrado en ContentEditable:
Al añadir el atributo contenteditable="true" hacemos que ese bloque se pueda editar, como si estaríamos usando TinyMCE o FCKEditor. El código anterior funciona en todos los navegadores modernos.
Puedes ver el demo.
Reconozco que es el primer ejemplo de HTML5 que hago en mi vida, así que si me sirvió también te puede servir a tí :D.