Cos'è il miglioramento progressivo?

Question

Jeff ha menzionato il concetto di "miglioramento progressivo" quando parla dell'utilizzo di JQuery per scrivere stackoverflow.

Dopo una rapida ricerca su Google, ho trovato un paio di discussioni di alto livello a riguardo.

Qualcuno può consigliare un buon punto di partenza come programmatore.

Nello specifico, ho scritto app Web in PHP e vorrei utilizzare YUI per migliorare le pagine che sto scrivendo, ma molte di esse sembrano molto basate su JavaScript, con la maggior parte del lavoro svolto dall'asino utilizzando JavaScript.A me sembra un po' eccessivo, dal momento che la visualizzazione del sito senza Javascript probabilmente ne interromperà la maggior parte.

Qualcuno ha dei buoni posti per iniziare a usare questa idea, non mi interessa davvero la lingua.

Idealmente, mi piacerebbe vedere come inizi a creare prima l'HTML statico e poi aggiungi lo YUI (o qualunque framework Ajax) in modo da ottenere i vantaggi di un client più ricco?

Answer 1

Guarda anche Javascript discreto che è il fondamento su cui è stato costruito il miglioramento progressivo.

Answer 2

Come hai detto tu

A me sembra un po' eccessivo, dal momento che la visualizzazione del sito senza Javascript probabilmente ne interromperà la maggior parte.

Questo non è un miglioramento progressivo.Il miglioramento progressivo si verifica quando il sito funziona perfettamente senza JavaScript o CSS e Poi aggiungendo (stratificando) queste tecnologie/codici aggiuntivi per aumentare l'usabilità e la funzionalità del sito web.

Il miglior esempio che posso fornire è la casella di immissione dei tag su questo sito Web.Con JavaScript disattivato, funzionerebbe comunque consentendoti di inserire tag separati da uno spazio.Con JavaScript attivato, viene visualizzato un menu a discesa con i suggerimenti delle voci precedenti.

Questo è un miglioramento progressivo.

Answer 3

Ho scritto un tutorial sulla creazione di un sondaggio che utilizzasse il miglioramento progressivo a NETTUTI.L'idea è quella di creare un sito funzionale utilizzando XHTML/CSS e PHP, quindi intercettare moduli ecc. con Javascript.(Ho usato JQuery).

Answer 4

Procedere dall'altra direzione viene talvolta definito degrado aggraziato.Questo di solito è necessario quando il sito viene creato prima con le funzionalità migliorate offerte dalle varie tecnologie e poi modificato per degradarsi in modo corretto per i browser in cui tali tecnologie non sono disponibili.

È anche un grazioso degrado quando si progetta per funzionare con browser più vecchi (antichi nella terminologia di Internet) come IE 5.5, Netscape, ecc...

Secondo me è molto più faticoso degradare con garbo l'applicazione.Migliorarlo progressivamente tende ad essere molto più efficiente;tuttavia, a volte sorge la necessità di prendere un'app esistente e renderla accessibile in questi ambienti carenti.

Answer 5

Fondamentalmente, se il tuo sito funziona ancora con JavaScript disattivato, tutto ciò che aggiungi con JavaScript può essere considerato un miglioramento progressivo.

Alcune persone potrebbero pensare che ciò non sia necessario, ma molte persone navigano con componenti aggiuntivi come NoScript (o con JavaScript semplicemente disattivato nelle impostazioni del browser).Inoltre, molti browser Web mobili potrebbero supportare o meno JavaScript.Quindi, è sempre una buona idea testare completamente il tuo sito con e senza JavaScript.

Answer 6

Il Progressive Enhancement è una tecnica di sviluppo che sottolinea il primato dell'HTML semantico, quindi testando per browser-capacità e "stratificazione" condizionata di miglioramenti JavaScript e/o CSS per i browser che possono utilizzare tali miglioramenti.

Una delle chiavi è capire che stiamo testando ciò che il browser può fare Fare, al contrario del browser-annusando. Modernizz è una suite di test di funzionalità del browser molto popolare.

Il Progressive-Enhancement è intrinsecamente (sezione 508) accessibile;prevede il rispetto della lettera della legge E lo spirito della regola.

The Filament Group ha scritto l'eccellente "Progettare con miglioramento progressivo"Libro sull'argomento.(Non sono affiliato con Filament Group, anche se sono così dannatamente intelligenti che vorrei esserlo.)

Answer 7

Questo è un concetto così importante e mi rattrista che così pochi sviluppatori web lo capiscano.

Fondamentalmente, inizia costruendo un sito/framework in Plain Old HTML: elementi strutturali, collegamenti e moduli.Quindi aggiungi un po' di stile e poi cose brillanti (Ajax o cosa hai).

Non è molto difficile.Come cavallo pallido dice che il grazioso degrado richiede più lavoro.

I siti web dovrebbero funzionare con qualsiasi user agent, non avere lo stesso aspetto (nemmeno l'aspetto ma il suono se hai problemi di vista), semplicemente funzionare.

Answer 8

Miglioramento progressivo:

1. Il semplice sito HTML/CSS è fantastico (perfettamente funzionante e facile da usare).
2. L'aggiunta di JavaScript definisce un nuovo livello di fantastico.