La etiqueta picture de HTML
A la hora de escribir el HTML en un proyecto, la etiqueta picture nos puede ser de mucha utilidad para implementar imágenes responsive de forma fácil.
El atributo pattern: expresiones regulares sin Javascript
El atributo pattern es otro de los agregados en HTML5 que tiene asombrado a más de un desarrollador. Consiste, basicamente, en expresiones regulares SIN javascript.
Seguir leyendo »
El nuevo elemento de HTML5: main
Hace poco, el elemento main fue incluído formalmente en la especificación de HTML5 de la W3C. Si bien ya teníamos elementos como header, section, article o footer, no existía una etiqueta precisa que describiese el contenido principal de una página.
Seguir leyendo »
Atributos data
Ya que he visto bastante confusión (y discusión) entre algunos colegas de trabajo, sobre qué son los atributos data («data attributes«), aquí les dejo una guía práctica para entender un poco más sobre estos atributos de HTML5.
Elementos video y audio de HTML5 en todos los navegadores
Video y audio son los nuevos elementos para insertar multimedia en nuestras páginas web. Pero lamentablemente, cómo con la gran mayoría de funcionalidades de HTML5, estos solo funcionan en los navegadores más modernos. Por eso, otra vez, un simple script en el head hace que todos los navegadores (los más antiguos y los de algunos móviles) soporten esta increíble capacidad del HTML5.
Html5Media nos provee una solución extremadamente simple ya que lo único que requiere es añadir el siguiente código dentro de la etiqueta head:
1 | <script src="http://api.html5media.info/1.1.5/html5media.min.js"></script> |
Y así ya está, sin instalar nada, ni descargar; solo resta que insertemos todo el audio y video que queramos en nuestro documento. ¿Increiblemente simple, no?
Interactividad en HTML5: los elementos details y summary
Pensar en interactividad cuando hacemos un sitio web es, en la gran mayoría de los casos, pensar en Javascript (¿o en Flash?). Acordeones, pestañas o menús son algunos de los comportamientos que puede tener una página web. Ahora puedes hacer una de ellas con el uso HTML5… sin Javascript.
Progress y Meter, elementos nuevos para Web Apps en HTML5
Si estás pensando en crear una aplicación web en HTML5, deberías saber que existen dos nuevos elementos que te resultaran muy interesantes: progress y meter.
El atributo «download», para descarga de recursos
El atributo download para el elemento a, se encuentra en la nueva especificación de HTML, aunque actualmente el único navegador que lo soporta es Chrome.
Este atributo le indica al navegador que el recurso a dónde apunta el enlace no es para navegarlo, sino que es para descargarlo.
Seguir leyendo »