- Mejora progresiva
-
Mejora progresiva es una estrategia particular de diseño web que acentúa la accesibilidad, margen de beneficio semántico, y tecnologías externas del estilo y el scripting, en una manera adecuada que permite que cada uno tenga acceso al contenido y a la funcionalidad básica de una página web, usando cualquier navegador web o conexión a Internet, mientras que también permite a otros con un mayor ancho de banda o un navegador web más avanzado experimentar una versión mejorada de la página.
Contenido
Historia
El concepto de mejora progresiva fue acuñado por Steven Champeon, de la firma de diseño web hesketh.com, en una serie de artículos y presentaciones para Webmonkey y la conferencia interactiva Sxsw realizada entre marzo y junio de 2003.
Introducción y antecedentes
La estrategia es una tentativa de derribar la estrategia tradicional de diseño web conocida como degradación agraciada, en donde los diseñadores procurarían crear las páginas Web para los navegadores webs más recientes del momento, que también trabajarían en viejas versiones del software del navegador. Lo que se intentaba con la Degradación Agraciada era degradar la página para que pudiera ser vista o ser de alguna manera presentable en versiones anteriores del navegador, donde se suponía no existían las tecnologías que necesitaba el diseño de la página Web. En la practica, la "degradación agraciada" ha sido suplantada por la actitud de que el usuario simplemente "debe actualizar". Esta actitud ha ganado terreno debido a apremios de tiempo y presupuesto, dificultad para hacer pruebas en navegadores alternativos, así como también de creer que "los navegadores Web son libres".
Sin embargo, no siempre es posible actualizar el navegador debido a las políticas del departamento TI de una empresa, por ejemplo. Un hardware antiguo, o por alguna otra razón. La actitud "debe actualizar" no toma en cuenta la deliberada elección de los usuarios y la amplia variedad de plataformas en los navegadores; muchos de los cuales se ejecutan sobre distintos dispositivos portátiles o en entornos donde es limitado el ancho de banda, color o sonido, o el tamaño de la pantalla y así sucesivamente. Características que los hace distintos al típico navegador gráfico de escritorio.
En el realce progresivo (el PE) la estrategia se invierte deliberadamente: se crea un documento básico del margen de beneficio, engranado hacia el denominador común más bajo de la funcionalidad del software del navegador, y entonces el diseñador agrega en funcionalidad o los realces a la presentación y comportamiento de la página, usando tecnologías modernas por ejemplo las hojas de estilo en cascada (CSS) o Javascript (u otras tecnologías avanzadas, por ejemplo Flash o Java applet S o SVG de Scalable, todos tales realces del etc.) debe externamente ser ligado, para evitar de forzar los browsers de poca capacidad “come” datos que no entienden y que no pueden dirigir, o que hundiría su Conexión del Internet.
El acercamiento del PE se deriva de la experiencia temprana de Champeon (C. 1993-4) con SGML, antes de trabajar con HTML o cualquier lenguaje de presentación Web, así como de experiencias más modernas que trabajan con el CSS para trabajar alrededor del browser desinsecta. En esos contextos tempranos del SGML, el margen de beneficio semántico era de importancia capital, mientras que la presentación era considerada casi siempre por separado, más que siendo encajada en el margen de beneficio mismo.
Este concepto se refiere vario en círculos del margen de beneficio como la regla de la separación del del del contenido y de la presentación, del separation del contenido y del estilo, o de la separación del del de la semántica y de la presentación. Mientras que el Web se desarrolló en los mediados de-an'os noventa, pero antes de que el CSS fue introducido y apoyado extensamente, esta regla cardinal del SGML fue violada en varias ocasiones por los suplementos del HTML.
Consecuentemente, forzaron a los diseñadores web a adoptar nuevas y rompedoras tecnologías y etiquetas para seguir siendo relevantes. Con una tendencia a la degradación agraciada, en el reconocimiento que no todo el mundo tenía el último navegador, muchos comenzaron a adoptar simplemente prácticas del diseño y las tecnologías apoyadas solamente en el más reciente y quizás el solo browser principal anterior lanzan. Por varios años, mucho del Web no trabajó simplemente en todo menos el más reciente, la mayoría de los browsers populares.
Esto seguía siendo verdad hasta la subida y la adopción extensa de y la ayuda para CSS, así como muchos populist, a diseñadores educativos del Web de los esfuerzos de los pueblos (de Eric Costello, de Owen Briggs, del Shea de Dave, y de otros) demostrando cómo utilizar el CSS para los propósitos de la disposición. El PE se basa en un reconocimiento que la asunción detrás de la “degradación agraciada” que los browsers conseguidos siempre más rápido y más de gran alcance - era el probar sí mismo de la base falso con la subida de handheld y PDA digital personal los dispositivos con los browsers de la bajo-funcionalidad y los apremios serios de la anchura de banda.
Además, la evolución rápida del HTML y de tecnologías relacionadas en los días tempranos del Web se ha retardado, y muy los viejos browsers han sentido bien a diseñadores obsoletos, que liberaban para utilizar tecnologías de gran alcance por ejemplo CSS para manejar todas las tareas y Javascript de la presentación de realzar comportamiento complejo del lado del cliente.
Primero propuesto como frase algo menos poco manejable del catchall describir el arte delicado de “separar la estructura y el contenido del documento de la semántica, de la presentación, y del comportamiento”, y basado en el uso entonces común de CSS corta de trabajar alrededor de rendir insectos en browsers específicos, la estrategia del PE ha adquirido una vida sus el propios como los nuevos diseñadores han abrazado la idea y han extendido y ha revisado el acercamiento. el realce progresivo del
Principios Core
Consiste en los principios siguientes de la base:
- todo el contenido básico debe ser accesible a todos los browsers
- toda la funcionalidad básica debe ser accesible a todos los browsers
- escasos, el margen de beneficio semántico contiene todo el contenido
- disposición realzada es proporcionado por el CSS externamente ligado
- comportamiento realzado es proporcionado por Javascript discreto, externamente ligado
- las preferencias del browser del usuario final son respetadas.
Adopción y soporte
Jim Wilkinson creó a Progressive Enhancement en CSS mailing list el Wiki para recoger algunos trucos y extremidades y para explicar la estrategia total. Los diseñadores tales como Jeremy Keith tienen demostrado cómo el acercamiento se puede utilizar armonioso] con inmóvil otros acercamientos a moderno diseño del Web (por ejemplo Ajax) para proporcionar flexible, pero de gran alcance, las experiencias del usuario.
Otros, incluyendo Shea de Dave, han ayudado a separar la adopción del término para referir a estrategias CSS-basadas del diseño. Las organizaciones tales como proyecto de los estándares del Web han abrazado el PE como base para sus esfuerzos educativos. Nate Koechley en Yahoo! referencia extensa de las marcas al PE en su propio acercamiento al diseño del Web y a la ayuda del browser, ayuda calificada del Browser (GBS). Steve Chipman en AOL tiene el PE referido como base para su estrategia del diseño del Web. Chris Heilmann discute la importancia de entrega apuntada del CSS de modo que cada browser consiga solamente el contenido (y realces) que puede dirigir. Muchas agencias del diseño del Web han comenzado a anunciar que proporcionan el realce progresivo como servicio de la base.
Beneficios para las páginas web
Creados según los principios del PE están al lado de su naturaleza más accesible, porque la estrategia exige que el contenido básico sea siempre disponible, no obstruido por scripting comúnmente sin apoyo o fácilmente inhabilitado. Además, el principio escaso del margen de beneficio hace más fácil para las herramientas que leen el contenido en voz alta para encontrar ese contenido. Es confuso en cuanto a como de bien los sitios del PE trabajan con herramientas más viejas diseñadas para ocuparse de las disposiciones de la tabla, “sopa de la etiqueta,” y los similares. los
Beneficios para la optimización del Search Engine (SEO)
Mejorado resultan con respecto a optimización del Search Engine son otro efecto secundario de una estrategia PE-basada del diseño del Web. Porque el contenido básico es siempre accesible, y el margen de beneficio es limpio y analizado fácilmente para la estructura y el intento, se convierte mucho más fácil templar el contenido para mejorar resultados de SEO.
Críticas y respuesta
Algunos escépticos, tales como buhardilla Dimon, tienen expresó su preocupación que el PE no es realizable en las situaciones que confían pesadamente en Javascript para alcanzar ciertos presentaciones o comportamientos de la interfaz utilizadora. Jeremy Keith debe presente Hijax: Realce progresivo con Ajax en XTech06, sugiriendo que los dos sean compatibles. Otros han contradicho con el punto que las páginas informativas de se deben cifrar usando el PE para para ser puesto en un índice por las arañas], y que las páginas Flash-pesadas de incluso se deben cifrar usando el PE. En un área relacionada, muchos ha expresado sus dudas referentes al principio de la separación del contenido y la presentación en términos absolutos, empujando en lugar de otro para un reconocimiento realista que son los dos (y algunos dirían deben ser) se ligaron inextricablemente.
Ideas relacionadas
Incluyen JavaScript discreto de Ajax, Hijax, y degradación agraciada, tan bien como margen de beneficio semántico acodado y ayuda calificada del Browser.
Enlaces externos
- Champeon, Steven y Finck, mella (2003) [diseño inclusivo del Web de http://www.hesketh.com/publications/inclusive_web_design_for_the_future/ para el futuro (la presentación de SxSWi)] 14 de abril de 2006 recuperado.
- Champeon, Steven (2003) [realce progresivo de http://www.webmonkey.com/03/21/index3a.html y el futuro del diseño del Web (Webmonkey)] 14 de abril de 2006 recuperado.
- Wilkinson, Jim (2003) CSS-Discute la página de Wiki en el realce progresivo recuperó el 14 de abril de 2006.
- Keith, Jeremy (2005) [realce progresivo de http://adactio.com/journal/display.php/20050308163812.xml con Ajax] recuperó el 14 de abril de 2006.
- Dimon, buhardilla (2005) la realidad del realce progresivo recuperó el 14 de abril de 2006.
- Shea, Dave (2004) Zen y el arte de la mejora del Web (nota tónica WE04) 14 de abril de 2006 recuperado.
- Koechley, Nate (2006) [ayuda calificada http://developer.yahoo.com/yui/articles/gbs/gbs.html del Browser] recuperó el 14 de abril de 2006.
- Chipman, Steve (2005) Skool nuevo DOM Scripting recuperó el 14 de abril de 2006.
- Heilmann, Chris (2005) [visión doble de http://www.devarticles.com/c/a/Web-Style-Sheets/Double-Vision-Give-the-Browsers-CSS-They-Can-Digest/: Dar a Browsers el CSS que pueden digerir] el 14 de abril de 2006 recuperado.
- Stearns, Geoff (2006) usando el contenido alterno como contenido en flash recuperó el 14 de abril de 2006.
- Edwards, James y Adams, Cameron (2006) [escritura de http://www.sitepoint.com/article/javascript-from-scratch más elegante: Javascript de la calidad del rasguño] el 14 de abril de 2006 recuperado.
- Heilmann, cristiano (2006) siete errores de la accesibilidad, parte I recuperó el 14 de abril de 2006.
- Nyman, Roberto (2006) cuál es la accesibilidad? 14 de abril de 2006 recuperado.
- 101 extremidades de la optimización del Search Engine 14 de abril de 2006 recuperado.
- van der Sluis, Bobby (2005) diez buenas prácticas para el Javascript de la escritura en 2005 recuperó el 14 de abril de 2006.
- Bowman, Doug (2003) es realmente se separó? 14 de abril de 2006 recuperado.
- Malicoat, Todd (2003) [forma de http://www.seotoday.com/browse.php/category/articles/id/321/index.php contra la función en diseño del sitio] recuperó el 14 de abril de 2006.
Bibliografía
- Briggs, Owen; Champeon, Steven; Costello, Eric; Patternson, 2004) de Matthew (que conecta en cascada estilo cubre: Separación del contenido del de la presentación (2do ed.). San Francisco: ISBN 1-59059-231-X de Apress
Wikimedia foundation. 2010.
