¿Qué es la mejora progresiva?

Question

Jeff mencionó el concepto de "mejora progresiva" cuando habló sobre el uso de JQuery para escribir stackoverflow.

Después de una búsqueda rápida en Google, encontré un par de discusiones de alto nivel al respecto.

¿Alguien puede recomendar un buen lugar para comenzar como programador?

Específicamente, he estado escribiendo aplicaciones web en PHP y me gustaría usar YUI para mejorar las páginas que estoy escribiendo, pero muchas de ellas parecen muy basadas en JavaScript, y la mayor parte del trabajo burro se realiza usando JavaScript.Para mí, eso parece un poco excesivo, ya que ver el sitio sin Javascript probablemente dañará la mayor parte.

Alguien tiene algunos buenos lugares para comenzar a usar esta idea, realmente no me importa el idioma.

Idealmente, me gustaría ver cómo se comienza a crear el HTML estático primero y luego se le agrega YUI (o cualquier marco Ajax) para obtener los beneficios de un cliente más rico.

Answer 1

Ver también Javascript discreto que es la base sobre la que se construye la mejora progresiva.

Answer 2

Como has dicho

Para mí, eso parece un poco excesivo, ya que ver el sitio sin Javascript probablemente dañará la mayor parte.

Esta no es una mejora progresiva.La mejora progresiva es cuando el sitio funciona perfectamente sin JavaScript o CSS, y entonces agregar (superponer) estas tecnologías/códigos adicionales para aumentar la usabilidad y funcionalidad del sitio web.

El mejor ejemplo que puedo dar es el cuadro de entrada de etiquetas en este sitio web.Con JavaScript desactivado, aún funcionaría permitiéndole ingresar etiquetas separadas por un espacio.Con JavaScript activado, aparece un menú desplegable con sugerencias de entradas anteriores.

Esta es una mejora progresiva.

Answer 3

escribí un tutorial sobre la creación de una encuesta que utilizó mejoras progresivas en NETAS.La idea es crear un sitio funcional usando XHTML/CSS y PHP, y luego interceptar formularios, etc. con Javascript.(Usé JQuery).

Answer 4

A veces se hace referencia a hacerlo desde la otra dirección como degradación elegante.Esto suele ser necesario cuando el sitio se crea primero con la funcionalidad mejorada que ofrecen las diversas tecnologías y luego se modifica para degradarse correctamente para los navegadores con esas tecnologías no disponibles.

También es una degradación elegante cuando se diseña para funcionar con navegadores más antiguos (antiguos en la terminología de Internet) como IE 5.5, Netscape, etc.

En mi opinión, es mucho más trabajo degradar elegantemente la aplicación.Potenciarlo progresivamente suele ser mucho más eficiente;sin embargo, a veces surge la necesidad de tomar una aplicación existente y hacerla accesible en estos entornos carentes.

Answer 5

Básicamente, si su sitio todavía funciona con JavaScript desactivado, cualquier cosa que agregue con JavaScript puede considerarse una mejora progresiva.

Algunas personas pueden pensar que esto es innecesario, pero muchas personas navegan con complementos como NoScript (o simplemente con JavaScript desactivado en la configuración de su navegador).Además, muchos navegadores web móviles pueden admitir o no JavaScript.Por lo tanto, siempre es una buena idea probar su sitio completamente con y sin JavaScript.

Answer 6

La mejora progresiva es una técnica de desarrollo que enfatiza la primacía del HTML semántico y luego prueba el navegador.capacidad y "superponer" condicionalmente mejoras de JavaScript y/o CSS para los navegadores que pueden utilizar esas mejoras.

Una de las claves es entender que estamos probando lo que el navegador puede hacer, a diferencia del navegador-olfateando. Modernizar es un conjunto de pruebas de capacidad de navegador muy popular.

La Mejora Progresiva es inherentemente accesible (sección 508);prevé el cumplimiento de la letra de la ley y el espíritu de la regla.

El Filament Group escribió el excelente "Diseñar con mejora progresiva"Libro sobre el tema.(No estoy afiliado a Filament Group, aunque son tan inteligentes que desearía serlo).

Answer 7

Este es un concepto tan importante y me entristece que tan pocos desarrolladores web lo entiendan.

Básicamente, comience por construir un sitio/marco en HTML antiguo: elementos estructurales, enlaces y formularios.Luego agrega algo de estilo y luego cosas brillantes (Ajax o lo que tengas).

No es muy difícil.Como caballo pálido dice, la degradación elegante es más trabajo.

Los sitios web deberían funcionar en cualquier agente de usuario, no verse iguales (ni siquiera verse, pero sonar si tienes problemas de visión), simplemente funcionar.

Answer 8

Mejora progresiva:

1. El sitio HTML/CSS simple es increíble (totalmente funcional y fácil de usar).
2. Agregar JavaScript define un nuevo nivel de asombro.