Mejora progresiva

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

Bibliografía


Wikimedia foundation. 2010.

Игры ⚽ Нужен реферат?

Mira otros diccionarios:

  • Historia económica de Francia — Este artículo se refiere a la historia económica de Francia y se inicia en el año 476, con la caída del Imperio romano . Para la situación económica durante el periodo anterior, véase Comercio en la antigua Roma y Galia. Contenido 1 La economía… …   Wikipedia Español

  • Red Nacional de los Ferrocarriles Españoles — Para la empresa sucesora que sigue operando los servicios ferroviarios, consultar Renfe Operadora. Red Nacional de los Ferrocarriles Españoles Locomotora Mikado 141f 2114, símbolo de RENFE durante muchos años (hacia 1954). Acrónimo …   Wikipedia Español

  • Progresivo — Saltar a navegación, búsqueda Progresivo puede hacer referencia a: Lo referente al progreso. Lo referente a la progresividad. Lo referente al concepto de progresión. A veces progresivo se emplea, impropiamente, como sinónimo de progresista. En… …   Wikipedia Español

  • Ciudad 21 — Esquema de los tres pilares del desarrollo sostenible, objetivo de Ciudad 21 …   Wikipedia Español

  • Microsoft Flight Simulator X — Desarrolladora(s) Microsoft Game Studios Diseñador(es) Microsoft Game Studios Plataforma(s) PC Fecha(s) de lanzamiento …   Wikipedia Español

  • Historia de la tuberculosis — La Miseria, de Cristóbal Rojas (1886). El autor, aquejado de tuberculosis, refleja el aspecto social de la enfermedad, y su relación con las condiciones d …   Wikipedia Español

  • Rafael Marquina (diseñador) — Saltar a navegación, búsqueda Rafael Marquina. Rafael Marquina i Audouard (Nacido en Madrid, 3 de noviembre de 1921) es un reconocido diseñador y arquitecto catalán, creador de la revolucionaria aceitera vinagrera, que no gotea ni mancha …   Wikipedia Español

  • Augusto Pinochet — Para otros usos de este término, véase Augusto Pinochet (desambiguación). Augusto Pinochet Ugarte Augusto Pinochet en 1995. Senador de la República de Chile Vitalicio como expresident …   Wikipedia Español

  • Pánico (banda) — Saltar a navegación, búsqueda Para otros usos de este término, véase Pánico. Pánico Información personal Origen Santiago, Chile Información artística …   Wikipedia Español

  • jQuery Tools — Desarrollador FlowPlayer.Org http://flowplayer.org/tools/index.html Información general Última versión estable 1.2.5 …   Wikipedia Español

Compartir el artículo y extractos

Link directo
Do a right-click on the link above
and select “Copy Link”