O que é Progressive Enhancement?

votos
21

Jeff mencionou o conceito de 'Progressive Enhancement' quando se fala sobre o uso de JQuery para escrever stackoverflow.

Depois de uma rápida no Google, encontrei um par de discussões de alto nível sobre o assunto.

Alguém pode recomendar um bom lugar para começar como programador.

Especificamente, eu tenho escrito aplicações web em PHP e gostaria de usar YUI para melhorar as páginas que eu estou escrevendo, mas muitos deles parecem muito JavaScript base, com a maior parte do trabalho de burro sendo feito usando JavaScript. Para mim, isso parece um exagero pouco, uma vez que a visualização do site sem Javascript provavelmente vai quebrar mais do mesmo.

Alguém tem alguns bons lugares para começar a usar essa idéia, eu realmente não me importo sobre a língua.

Idealmente, eu gostaria de ver como você começar a criar o HTML estático primeiro, e depois adicionar o YUI (ou qualquer outro framework Ajax) a ele para que você obtenha os benefícios de um cliente rico?

Publicado 05/08/2008 em 16:44
fonte usuário
Em outras línguas...                            


8 respostas

votos
14

Como você disse

Para mim, isso parece um exagero pouco, uma vez que a visualização do site sem Javascript provavelmente vai quebrar mais do mesmo.

Este não é melhoria progressiva. Melhoria progressiva é quando o site funciona perfeitamente sem JavaScript ou CSS, e , em seguida, adicionando (estratificação) essas tecnologias extra / código para aumentar a usabilidade e funcionalidade do site.

O melhor exemplo que posso dar é a caixa de entrada do tag neste site. Com JavaScript desligado, ele continuaria a trabalhar permitindo que você insira etiquetas separadas por um espaço. Com o JavaScript ativado, você recebe uma caixa suspensa com sugestões de entradas anteriores.

Esta é a optimização progressiva.

Respondeu 05/08/2008 em 16:51
fonte usuário

votos
10

Veja também Unobtrusive Javascript que é o alicerce melhoria progressiva é construído.

Respondeu 05/08/2008 em 17:05
fonte usuário

votos
4

Eu escrevi um tutorial sobre como criar uma pesquisa que utilizou melhoria progressiva na NETTUTS . A ideia é criar um site funcional usando XHTML / CSS e PHP, e em seguida, interceptar formas etc com Javascript. (I utilizado JQuery).

Respondeu 05/08/2008 em 16:55
fonte usuário

votos
3

Progressive Enhancement é uma técnica de desenvolvimento que enfatiza a primazia do HTML semântico, em seguida, testar para browser- capacidade e condicionalmente "camadas" em JavaScript e / ou melhorias CSS para os navegadores que podem utilizar essas melhorias.

Uma das chaves é entender que estamos testando para o que o navegador pode fazer , ao invés de em navegador cheirar . Modernizr é um conjunto muito popular teste de navegador-capacidade.

Progressivo-Aperfeiçoamento é inerentemente (secção 508) acessível; ele fornece para atender a letra da lei e o espírito da regra.

O Grupo Filament escreveu o excelente " Designing Com Progressive Enhancement " livro sobre o assunto. (Eu não sou afiliado com o Grupo Filament, embora eles são estupidamente inteligente Eu gostaria de ser.)

Respondeu 23/10/2012 em 14:56
fonte usuário

votos
3

Basicamente, se o site ainda funciona com JavaScript desabilitado, então qualquer coisa que você adicionar com JavaScript pode ser considerada melhoria progressiva.

Algumas pessoas podem pensar que isso é desnecessário, mas muitas pessoas navegar com addons como NoScript (ou, com JavaScript simplesmente desligados em suas configurações do navegador). Além disso, muitos navegadores da Web móvel pode ou não suporta JavaScript. Então, é sempre uma boa idéia para testar o seu site completamente com e sem JavaScript.

Respondeu 05/08/2008 em 18:20
fonte usuário

votos
3

Indo para ele de outra direção é muitas vezes referida degradação tão graciosa. Isso geralmente é necessária quando o site é construído com a funcionalidade melhorada proporcionada pelas várias tecnologias então modificados para degradar graciosamente para navegadores com essas tecnologias não estão disponíveis.

É também a degradação graciosa ao projetar para trabalhar com navegadores mais antigos (antigos na terminologia Internets) como o IE 5.5, Netscape, etc ...

Na minha opinião, é muito mais trabalho para degradar graciosamente a aplicação. Progressivamente reforçar esta tende a ser muito mais eficiente; no entanto, por vezes, a necessidade de ter um aplicativo existente e torná-lo acessível no surgem esses ambientes carentes.

Respondeu 05/08/2008 em 16:57
fonte usuário

votos
2

Melhoria progressiva:

  1. O site HTML / CSS simples é incrível ( totalmente funcional e user-friendly ).
  2. Adicionando JavaScript define um novo nível de impressionante.
Respondeu 21/07/2010 em 18:22
fonte usuário

votos
2

Este é um conceito tão importante e entristece-me que tão poucos desenvolvedores web compreendê-lo.

Basicamente, começar por construir um site / quadro em Plain Old HTML - elementos estruturais, links e formas. Em seguida, adicione em algum estilo e, em seguida, o material brilhante (Ajax ou o que você tem).

Não é muito difícil. Como palehorse diz, degradação suave é mais trabalho.

Sites devem trabalhar em qualquer agente do usuário, não têm a mesma aparência (nem mesmo olhar, mas soar se a sua visão prejudicada), apenas trabalhar.

Respondeu 19/09/2008 em 05:37
fonte usuário

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more