sábado, 30 de julio de 2011

html2canvas - Genera una imagen a partir de una web

Pues lo dicho en el título: html2canvas permite crear una imagen volcada en un canvas a partir de una página web.

La funcionalidad es parecida al plugin Fireshot de IE o Firefox.

De momento es dependiente de las librerías jQuery pero según el autor, intentará que no sea así en el futuro.

martes, 12 de julio de 2011

Lo último de HTML5

http://html5-demos.appspot.com/

Interesante enlace donde podemos ver entre otras cosas una presentanción sobre lo último de HTML5 (a estas fechas): http://html5-demos.appspot.com/static/html5-whats-new/template/index.html#1

Interesante también: http://www.htmlfivewow.com/ de dos desarrolladores de referencia en este mundo: 
Eric Bidelman (http://twitter.com/#!/ebidel) y
Arne Roomann-Kurrik (http://www.svhtml5.com/members/12747653/?op=&memberId=12747653)

jueves, 7 de julio de 2011

¿Qué es un Polyfill?

Un Polyfill puede ser un trozo de código o un plugin que permite tener las nuevas funcionalidades de HTML5 en aquellos navegadores que nativamente no lo soportan.

Por ejemplo, sessionStorage permite guardar información locamente. Es una nueva funcionalidad que desde la versión 8 de Internet Explorer (por ejemplo) sí se soporta. Pero, ¿qué ocurre si queremos tenerla en Internet Explorer 7? Pues la solución pasa por utilizar un Polyfill.

En GitHub existe una lista de Polyfills que abarca desde SVG para Android, Canvas para IE (utilizando Silverlight como puente), hasta el soporte  de <video>, <audio>, etc, etc..

En enlace es el siguiente:
https://github.com/Modernizr/Modernizr/wiki/HTML5-Cross-browser-Polyfills

sábado, 2 de julio de 2011

Saber si tu documento HTML5 sigue una buena estructura (outline)

O dicho de otro modo, si tu documento está correctamente organizado según las directrices de HTML5.

Sabemos que HTML5 se esctructura por secciones siguiendo un orden y jerarquía concretos. Para esta tarea contamos con algunas utilidades dispersadas en la red:

HTML5 Outliner: gsnedders.html5.org/outliner/

HTML5 Outliner (h5o, fbasado en javascript unciona también en Firefox): code.google.com/p/h5o/

Otro HTML5 Outliner (plugin para Chrome): https://chrome.google.com/webstore/detail/afoibpobokebhgfnknfndkgemglggomo

Otro para Opera (adaptación del anterior): https://addons.opera.com/addons/extensions/details/html5-outliner/1.0/