Autonomía digital y tecnológica

Código e ideas para una internet distribuida

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.

Contexto
Desarrollo web, , , ,

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.

Contexto
Desarrollo web, , ,

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.
Contexto
Desarrollo web, WordPress, , , , ,

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.
Contexto
Desarrollo web, WordPress, , , , ,

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.
Contexto
Desarrollo web, ,

Cómo generar dinámicamente una hoja de estilos CSS mediante PHP para variar de manera aleatoria los colores

Imago voragine.net
• Por
PHP se usa frecuentemente para generar HTML, pero rara vez para construir de manera dinámica una hoja de estilos CSS. Mediante el uso de variables en las hojas de estilos CSS gestionadas por PHP, podemos crear patrones de diseño abiertos, para luego usarlos según convenga, por ejemplo para variar de manera aleatoria los colores de una web.
Contexto
Desarrollo web, , , ,

Cómo saber el número de comentarios y de trackbacks por separado que tiene una entrada en WordPress

Imago voragine.net
• Por
La función comments_number() de WordPress devuelve el número total de comentarios humanos y trackbacks asociados a una entrada, pero no los valores por separado. Tampoco existe otra función que nos permita saber este dato. La única solución que he encontrado consiste en crear una función que haga una consulta directa a base de datos. El enlace anterior conduce a una función que devuelve el número total de trackbacks a todas las entradas de un blog, y me ha servido de base para hacer otras dos, una que devuelve el número de comentarios humanos a una entrada.
Contexto
WordPress, , , , ,

Modo kiosk, o pantalla completa, en el navegador Google Chrome

Imago voragine.net
[actualizado el ] • Por
No podía ser más fácil: Chrome y Chromium (el proyecto para desarrollar un navegador de código abierto del que Chrome deriva) trae un modo kiosk incorporado, en el que el navegador arranca en pantalla completa y con las limitaciones necesarias para hacer correr aplicaciones web en situaciones como una exposición. Basta arrancarlo en modo kiosk, no hace falta instalar plugin o extensión alguna.
Contexto
Desarrollo web, Usabilidad, , ,

Free Freehand, intentando resucitar o liberar Freehand

Imago voragine.net
[actualizado el ] • Por
Me cuenta @numeroteca que la organización Free Freehand trabaja desde 2009 para que los usuarios que quieran puedan seguir utilizando Freehand dignamente. Ha planteado dos opciones a Adobe, actual propietario del software: retomar su mantenimiento o ceder el código al dominio público para que la comunidad pueda actualizarlo a voluntad y mantenerlo. Desde mi punto de vista, la primera opción que plantea Free Freehand únicamente retrasaría el problema hasta que a Adobe le volviese a dar por no actualizar.
Contexto
Cultura libre, Diseño gráfico, , ,