Autonomía digital y tecnológica

Código e ideas para una internet distribuida

Formularios con efectos onclick y onfocus de JavaScript pero que utilizan solo HTML y CSS

Imago voragine.net
• Por
Examinando el tema Twentyeleven de WordPress he encontrado una solución bien elegante para hacer formularios sin javascript pero con efectos equivalentes, que funcionan utilizando únicamente HTML y CSS. Con este código obtendrás un formulario del estilo del que puedes usar para comentar en esta página.

Las etiquetas article y section de HTML5

Imago voragine.net
[actualizado el ] • Por Enlace permanente

En Standardistas he encontrado la mejor explicación sobre cómo usar las nuevas etiquetas section y article de HTML5, que tanto debate han traído, haciendo una analogía con la estructura de un periódico: «The paper comes in sections. You have the sports section, real estate section, maybe home & garden section, etc. Each of those sections, in turn, has articles in it. And, some of those articles are divided into sections themselves.» Obvio, pero aclara saber que se pueden meter los unos dentro de los otros y viceversa.

Cómo comprobar la compatibilidad de HTML5 en diferentes navegadores

Imago voragine.net
[actualizado el ] • Por Enlace permanente

La página html5test.com permite comprobar la compatibilidad de los navegadores más extendidos con HTML5, en sus versiones estable y en desarrollo. Según esta página ningún navegador soporta por completo HTML5. Para ver concretamente los trozos de código que no cumplen con el futuro estándar abierto de la web, se pude usar el validador del W3C.

Cabecera mínima en HTML5 para WordPress

Imago voragine.net
• Por
Con la aparición de la nueva versión de HTML, HTML5, se impone actualizar el código de muchas páginas o programar las nuevas teniendo en cuenta las nuevas etiquetas y atributos. En el caso de que estemos trabajando dentro del sistema WordPress además debemos integrar los comandos propios de este gestor de contenidos.

Cómo configurar el formato de las fechas con la etiqueta time de HTML5: el atributo datetime

Imago voragine.net
• Por
Las fechas que envolvamos con la etiqueta time tienen que tener un formato determinado para que se indexen correctamente en los buscadores, un formato que no tiene por qué ser el más adecuado para un lector. Para conseguir un formato más humano en las fechas y las horas que envolvemos con la etiqueta time de HTML5 podemos usar el atributo datetime.

Construyendo una cabecera mínima pero correcta en HTML5: diferencias entre HTML4.01 y HTML5 dentro de la etiqueta head

Imago voragine.net
[actualizado el ] • Por
Con HTML5 han cambiado algunas etiquetas HTML, han dejado de ser válidos algunos atributos, han aparecido algunos nuevos, también han surgido nuevas etiquetas con sus nuevos atributos. Recopilamos aquí los cambios más significativos dentro de head, de cara a construir una cabecera HTML limpia y correcta, y aprovechar todo el potencial de HTML5.

Tutoriales “Panic is over” de Gosquared

Imago voragine.net
[actualizado el ] • Por
Liquidicity es el blog del estudio de diseño Gosquared. Tienen una sección muy maja en la que incluyen manuales de referencia: CSS, HTML. Muy resumiditos, caben en un pantallazo. Se pueden descargar en PDF: HTML Help Sheet (PDF, 112kB) CSS Help Sheet (PDF, 168kB) En colaboración con wpcandy han editado uno de estos manuales de […]