Revisión del libro: "Designing with Progressive Enhancement: Building the Web that Works for Everyone"

Félix Zapata — 4 abril 2010, 15:47

Me enteré de este libro gracias a Marco y la verdad es que me llamó mucho la atención desde el principio.  Tras un comienzo del libro un poco aburrido una vez completada su lectura me ha parecido de los más interesante. Si alguna vez has buscado ejemplos prácticos del uso de técnicas WAI-ARIA en sus capítulos vas a verlos a menudo.

El libro está enfocado en ejemplos concretos y bastante cotidianos últimamente y en cómo abordarlos desde una perspectiva que sea fácilmente accesible para todos los usuarios y/o tecnologías.

Tras una primera parte de teoría en donde se trata el concepto del desarrollo progresivo y del uso de los estándares empiezan los ejemplos prácticos:

• texto colapsable.
• uso de pestañas.
  
• tooltips (los bloques de información que se suelen desplegar al pasar el ratón por encima de ellos).
• estructuras de información en árbol (como la distribución que tienen la mayoría de los sistemas operativos a la hora de mostrar carpetas y ficheros)
• uso de gráficos para representar datos mediante HTML 5.
• cuadros de diálogo y efectos lightbox (aquellos que muestran una información ocultando el resto al usuario mediante la superposición de un elemento que oscurezca la información).
• desarrollo de botones (parece absurdo pero les dedican todo un capítulo).
• personalización de elementos de formulario de tipo checkboxes, radio buttons finalizando con un ejemplo de sistema de votación mediante estrellas.
• slider (el típico control que nos encontramos en algunas ocasiones al realizar una búsqueda y que permite al usuario moverlo para variar una cantidad normalmente y cambiar el criterio de búsqueda).
• personalización del control de formulario de lista desplegable... los famosos combos.
• list builder (cuando leí el nombre no sabía lo que era hasta que no vi los ejemplos. Una sucesión de elementos que el usuario ha introducido y que permiten su posterior eliminación como por ejemplo asignación de etiquetas a una foto o direcciones de correo a la hora de escribir un correo electrónico).
• personalización del control de formulario de tipo file.

Altamente recomendable por los ejemplos que trae y por las explicaciones y usos que da sobre las técnicas WAI-ARIA y de HTML 5.

• Clasificado bajo: Libros, CSS-Design