Outbook

XHTML-CSS, Accesibilidad, PHP y más

Inicio que contiene a Archivo por Categoría 'Desarrollo web'

Datos de búsqueda

Categoría: ‘Desarrollo web’

Javascript: Precarga de imágenes

Fecha de publicación: 2010/03/07

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, o imágenes dentro de fragmentos de HTML generados mediante Javascript, para que se muestren inmediatamente.

Leer el resto del artículo

Datos del artículo:

PHP y Javascript: Subir múltiples archivos

Fecha de publicación: 2010/02/28

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 no se dispone de Javascript funciona de igual modo, pero recargando la página y sin el iframe.

En principio es accesible, quizá le falta WAI ARIA y revisar que el foco no pase al iframe (En Firefox y en Internet Explorer 6 no parece que eso de problemas).

Este es un script del que no puedo poner ejemplo, ya que sería arriesgado por temas de spam, pero basta con descomprimir el descargable en una carpeta del servidor para poder probarlo. Descargar ejemplo (ZIP, 113KB)

Datos del artículo:

HTML: uso de atributos id, headers y axis en tablas

Fecha de publicación: 2010/02/16

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

Leer el resto del artículo

Datos del artículo:

Tablas HTML: desaparece el borde de celda

Fecha de publicación: 2010/02/15

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 aburrida sería la maquetación sin IE6 ¡Larga vida a IE6!

Datos del artículo:

Accesibilidad: ordenación de columnas en tablas

Fecha de publicación: 2010/02/12

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?

Leer el resto del artículo

Datos del artículo:

Google Maps: accesibilidad de teclado y alternativa en ausencia de Javascript

Fecha de publicación: 2010/02/10

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.

Leer el resto del artículo

Datos del artículo:

Buenas prácticas en Web Móvil

Fecha de publicación: 2010/02/07

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.

Datos del artículo:

CSS: imágenes con bordes redondeados

Fecha de publicación: 2010/01/28

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 las esquinas redondeadas por CSS y que funcione hasta en Internet Explorer 6.

Voy a exponer la segunda solución, hacerlo por CSS.

Leer el resto del artículo

Datos del artículo:

Opera Mini: evolución de uso en Europa 2008-2009

Fecha de publicación: 2010/01/21

La gente de Opera tiene un interesante sitio en el que publican las estadísticas de uso de su navegador Opera Mini (sitio externo, en inglés).

Hace algunos meses publicaron la evolución de los diez países de Europa (más Turquía) en los que mayor uso hay de Opera Mini entre agosto de 2008 y agosto de 2009, incluyendo los sitios más visitados y los móviles más utilizados.

Leer el resto del artículo

Datos del artículo:

Desactivar Javascript en Internet Explorer 6

Fecha de publicación: 2010/01/14

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

Leer el resto del artículo

Datos del artículo:

Información del sitio

Outbook está basado en WordPress

Licencia Reconocimiento-NoComercial-CompartirIgual

Feed RSS: