Autonomía digital y tecnológica

Código e ideas para una internet distribuida

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.

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.

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.

Cómo detectar con PHP si el visitante de una web la está viendo con Internet Explorer

Imago voragine.net
• Por
Para conseguirlo utilizaremos la información guardada en la varialble $_SERVER, concretamente el elemento HTTP_USER_AGENT. Este elemento guarda un código que identifica el navegador del visitante y su versión. En el caso de Internet Explorer el código es MSIE, y para detectar por ejemplo la versión 6, en cualquiera de sus subversiones, el código es MSIE 6.

Cómo pasar variables de una página a otra en una web con PHP

Imago voragine.net
[actualizado el ] • Por
Hay dos métodos para pasar variables de una página a otra: utilizando un formulario o mediante la URL. Cada uno tiene una manera de recuperar los datos en la página de destino, el primero mediante el uso de la variable global $_POST, el segundo mediente $_GET. Utilizaremos el primer método cuando tengamos que usar un formulario para que el usuario introduzca algún valor, como por ejemplo en un formulario de búsqueda o en uno de contacto que permita enviar un mensaje. Utilizaremos el segundo cuando sean variables que no dependan en absoluto de la interacción del usuario, sino que sencillamente queramos transferir de una página a otra.

Un tutorial para poder poner imágenes de fondo en una newsletter y mucho más

Imago voragine.net
[actualizado el ] • Por
El plugin Easymail newsletter permite crear tus propios templates y organizar a tus listas de correo desde Wordpress. Si quieres meter una imagen de fondo dentro de la newsletter servidores de correo como Gmail no la mostrarán si lo haces vía CSS tipo: .style {background:url(http://urldelaimagen.com/image.png);}

Google font directory

Imago voragine.net
• Por
Gracias a pk hemos descubierto recientemente el servicio Google font directory, un repositorio de tipografías para web con licencia libre, SIL Open Font License en la mayor parte de los casos. La particularidad es que han desarrollado una API para poder embeber estas tipografías en cualquier página web y así poder visualizarla con cualquiera de las fuentes de Google font directory.