Lo podemos leer en el archivo de noticias del W3C: W3C Celebrates Ten Years with Style. Diez años han pasado desde que el W3C publicó Cascading Style Sheets, level 1. Podemos ver la página especial que conmemora el aniversario, haciendo un pequeño resumen de la historia de CSS (10 Years of CSS).
Diez años, como pasa el tiempo 🙂
Autor: Gonzalo
Bien, ahora que tienes instalada la nueva versión de Internet Explorer (la 7), sabes que es conveniente tener versiones más antiguas para comprobar que tus páginas se visualizan más o menos bien en diferentes navegadores. Con Opera, Firefox,… no había ningún problema en tener diferentes versiones del mismo navegador. Pero con Internet Explorer, era más complicado.
Recuerdo que en el blog de Internet Explorer 7, alguien hizo público un fichero zip que contenía varias versiones de este navegador en un mismo PC (en microsoft, creo recordar, decían que era imposible).
Bueno, pues ahora tenemos otra opción de manos de tredsoft: Install multiple versions of IE on your PC. Se trata de un ejecutable de poco más de diez megas, que instala las versiones 3, 4.01, 5.01, 5.5 y 6 de Internet Explorer.
Hace algunos días, Mel Pedley ha publicado en accessites.org una serie de tres artículos dedicados a la dislexia:
- Designing for Dyslexics: Part 1 of 3
- Designing for Dyslexics: Part 2 of 3
- Designing for Dyslexics: Part 3 of 3
Si tenéis tiempo, leedlos, son muy interesantes y aporta soluciones concretas de diseño web accesible que van mas allá de las personas con dislexia.
Leyendo el artículo The Multi-Web Practice, sobra la dificultad que existe en la práctica del concepto de Web única (para muchos dispositivos con muy diferentes características), me encuentro al final una especie de propuesta para aumentar el número de medios-hojas de estilos más allá de screen y handheld que actualmente reconoce la especificación de HTML 4.01 del año 1999 (ver Descriptores de medios).
Sus propuestas, son los siguientes:
- Monitores de alta resolución (2048 pixels de ancho)
- Monitores «normales» (1024 pixels de ancho)
- PDA (480 pixels de ancho)
- Smart Phone (320 pixels de ancho)
- Teléfonos móviles (160 pixels de ancho)
Tras unos segundos de «sesuda» reflexión, encuentro que puede tener mucha razón, aunque quizás aportaría alguna sugerencia con respecto al tamaño de algunos dispositivos.
Hay que tener en cuenta que la especificación de HTML tiene ya algunos años y aunque se intentó anticipar a un previsible crecimiento de dispositivos pequeños conectados a internet (PDAs, teléfonos móviles, smart phones) la realidad ha demostrado ser más diversa de lo que se pudo predecir en su momento.
Porque en dos «pequeños dispositivos» (tipo de medio handheld) te puedes encontrar con un teléfono móvil con una pantalla de 128×128, o una PDA con una pantalla de 480 x 640. Evidentemente en el primer caso (teléfono móvil con una pantalla pequeña), sólo te puedes plantear una disposición de la información vertical, colocando sucesivamente los bloques de información (por ejemplo, primero la cabecera, segundo el contenido, después el menú y por último el pié de página). En cambio para la PDA de gran resolución (480 x 640), se podría optar por un diseño vertical-horizontal, donde te puedes plantear por ejemplo, colocar el menú en un lateral junto al contenido, ambos por debajo de la cabecera y por encima del pié de página.
Evidentemente todo esto se podría optimizar desde el servidor y mostrando hojas de estilos optimizadas para cada tipo de pantalla, e incluso un navegador «inteligente» podría indicar al usuario las diferentes hojas de estilo que dispone para elegir la más adecuada (que puede ser el no usar ninguna).
Un asunto complicado, me temo.
Simplifica tu código XHTML.
Utiliza un marcado estructural.
Usa CSS.
Pon una hoja de estilos «handheld» y la página se mostrará optimizada para una PDA.
Por una hoja de estilos «screen» y se mostrará optimizada para un monitor.
Las hojas de estilo pueden ser artísticas…
… y funcionales.
Usa CSS, amigo.
Inspirado en el anuncio de Bruce Lee
Gracias, Jacobo 🙂