WILFREDO SALAS G. - Responsive Web Design - Webuda

REPASA LA “MEJORA PROGRESIVA”
La mejora progresiva (o “progressive enhacement”) es otra estrategia de diseño web que acentúa la
accesibilidad, margen de la semántica, y tecnologías externas de manera que permite que cada uno
tenga acceso a la funcionabilidad básica de una página web, a través de cualquier navegador.
Durante el 2003, Nick Finck y Steve Champeon acuñaron el término “progressive enhacement”, desde
entonces ha sido la marca para un alcance responsable para un diseño web estándar. Empezando con
una semántica fuerte, marcas bien definidas, estilos hechos con CSS, y scripts de DOM a través de
JavaScript cuando se necesite, se pueden crean experiencias completas a través de diseño web, mientras
se asegura un acceso universal del contenido a través del diseño.
Steven Hay también reiteró la necesidad de mejora progresiva, a través de su ensayo (en inglés) “No hay
web móvil” (http://bkaprt.com/rwd/54 /):
“la mayoría de los sitios en la web no están hechos con usos específicos para web. En cambio, millones de
personas acceden a estos sitios cada día a través de dispositivos móviles. Ellos a sitios webs “normales” (lo
que sea que eso quiera decir) a través de sus dispositivos “móviles”.
…
para ser honesto, puedo pensar en un par, pero no tantos usas de sitios webs o aplicaciones los cuales son
o deberían ser exclusivos para móviles. Pareciese que la web móvil nos permite revivir toda la charla de
inclusión, mejora progresiva y accesibilidad de hace años.”
En vez de simplemente depositar nuestro contenido en diferentes sitios, podemos usar la mejora
progresiva para aquellos dispositivos que sea capaces de soportarla.
SÉ RESPONSABLE CON EL RESPONSIVE
Se mencionaron estas mejoras no porque sean necesariamente las mejores. En este tiempo de 3G hotspots
portables y teléfonos habilitados con wifi, puede ser peligroso igualar automáticamente la dimensión de
una pantalla con el ancho de banda disponible para ello. Pero si necesitas algo de resolución extra en tu
trabajo, estas herramientas están disponibles.
Aún así, que es beneficioso en mantener la filosofía de “móvil primero” en mente cuando te encuentras
en una situación en donde se amerita. Porque más que nada, el diseño web es sobre hacer la respuesta
correcta. Y realmente, de eso se trata el diseño responsive: una posible solución, una forma más para
diseñar la web de forma flexible. En el primer capítulo, dije que los ingredientes para el diseño responsive
son una grilla flexible, imágenes flexibles y media queries. Pero realmente, ellos son el vocabulario que
usaremos para articular respuestas a los problemas que nuestros clientes se enfrentan, una forma para
ordenar el contenido a un sinfín de dispositivos y navegadores.
Si estamos dispuestos a investigar en las necesidades de nuestros clientes, y aplicar estos ingredientes
cuidadosamente, entonces el diseño web responsive es un alcance poderoso.
31 RESPONSIVE WEB DESIGN — Capítulo 5: Más sobre responsive