Hay que advertir que esta técnica no es la adecuada para los rollover en CSS, para los que es más correcto el uso de CSS Sprites. Se ajusta más para aquellas ocasiones en las que hay que hacer un rollover en elemento de imagen (IMG), para que el estado hover no aparezca momentáneamente sin imagen, […]

Esta semana estuve montando un PHP que sirviese para subir y eliminar archivos en un servidor, y que además lo pudiese hacer sin necesidad de recargar la página. Para subir los archivos y no recargar la página ha sido necesario utilizar un elemento iframe como destino del formulario de envío (no encontré otro modo). Si […]

Habitualmente se utiliza el atributo scope en las tablas para definir la relación de las celdas con las columnas.

A veces en Internet Explorer 6 ocurre que al meter enlaces dentro de una celda desaparece algún borde de dicha celda. Parece absurdo, y lo es. Pero una posible solución es comprobar si el contenido de dicha celda cabe en el ancho de la misma. A veces dándole un ancho mayor desaparecerá el problema. Que […]

En las tablas de datos hechas con (X)HTML no es infrecuente encontrarse con que el encabezado de algunas columnas es un enlace que sirve para ordenar los datos en orden ascendente o descendente. Habitualmente se utiliza una imagen para indicar la ordenación que se ha seleccionado, pero, ¿es accesible?

Las aplicaciones web ricas en Javascript pueden suponer en algunas ocasiones una barrera para la accesibilidad. En el caso de Google Maps (versión 3) tenemos dos potenciales barreras de accesibilidad: Utilización de los controles del mapa unicamente con dispositivo apuntador: imposibles de utilizar con teclado. Sin alternativa en ausencia de Javascript.

He estado preparando una breve guía para introducirse en el desarrollo web para dispositivos móviles. Se basa principalmente en las Mobile Web Best Practices 1.0 (enlace externo, en inglés). No está totalmente terminado, pero creo que ya puede resultar útil.

Hay ocasiones en las que nos encontramos maquetando diseños en los que aparecen imágenes de las que tenemos la certeza que van a ser publicables en el sitio definitivo. Hay dos vías para que la imagen lleve los bordes redondeados: Editar cada imagen que se vaya a publicar: es muy costoso a largo plazo. Hacerle […]

Desactivar Javascript en IE 6 es sencillo, tan solo hay que seguir los siguientes pasos:

Para que un elemento no sea del todo opaco, que tenga una semitransparencia, se utiliza la propiedad CSS opacity. Por ejemplo, para una opacidad del 50%: .opacidad {opacity: 0.5;}