Hva er Progressive ekstrautstyr?

stemmer
21

Jeff nevnte begrepet 'Progressive Enhancement' når vi snakker om å bruke jQuery å skrive Stackoverflow.

Etter en rask Google, fant jeg et par diskusjoner på høyt nivå om det.

Kan noen anbefale et godt sted å starte som en programmerer.

Spesielt har jeg skrevet web apps i PHP og ønsker å bruke YUI å forbedre sidene jeg skriver, men mange av dem virker veldig Javascript-basert, med det meste av esel arbeidet som gjøres ved hjelp av Javascript. For meg virker det litt overkill, siden ser på området uten Javascript vil trolig bryte det meste.

Alle som har noen gode steder å begynne å bruke denne ideen, jeg egentlig ikke bryr seg om språket.

Ideelt sett ville jeg gjerne se hvordan du begynner å lage den statiske HTML først, og deretter legge til YUI (eller hva Ajax rammeverk) til den slik at du får fordelene av en rikere klient?

Publisert på 05/08/2008 klokken 15:44
kilden bruker
På andre språk...                            


8 svar

stemmer
14

Som du har sagt

For meg virker det litt overkill, siden ser på området uten Javascript vil trolig bryte det meste.

Dette er ikke progressiv forbedring. Progressive ekstrautstyr er når nettstedet fungerer perfekt uten Javascript eller CSS, og deretter legge til (lagdeling) disse ekstra teknologiene / kode for å øke brukervennligheten og funksjonaliteten til nettstedet.

Det beste eksemplet jeg kan gi er tag-boksen på denne nettsiden. Med Javascript, ville det fremdeles fungere slik at du kan skrive inn tagger adskilt med mellomrom. Med Javascript slått på, får du en rullegardin med forslag til tidligere oppføringer.

Dette er progressiv forbedring.

Svarte 05/08/2008 kl. 15:51
kilden bruker

stemmer
10

Se også Diskret Javascript som er grunnfjellet progressive enhancement er bygget.

Svarte 05/08/2008 kl. 16:05
kilden bruker

stemmer
4

Jeg skrev en tutorial på å lage en avstemning som brukes progressiv forbedring på NETTUTS . Ideen er å skape et funksjonelt nettsted med XHTML / CSS og PHP, og deretter skjærings skjemaer etc med Javascript. (I brukte JQuery).

Svarte 05/08/2008 kl. 15:55
kilden bruker

stemmer
3

Progressive Enhancement er en utvikling teknikk som understreker forrang semantisk HTML, så teste for Nettleser- evne og betinget "layering" på Javascript og / eller CSS forbedringer for nettlesere som kan benytte disse forbedringene.

En av nøklene er å forstå at vi tester for hva leseren kan gjøre , i motsetning til Nettleser- sniffing . Modernizr er en svært populær nettleser-evne testsuite.

Progressiv-Enhancement er i seg selv (seksjon 508) som er tilgjengelig; det gir for å møte brevet av loven og ånden av regelen.

Den Filament Gruppe skrev de gode " Designing Med Progressive Enhancement " bok om emnet. (Jeg er ikke tilknyttet Filament Group, selv om de er så jævlig smart jeg skulle ønske jeg var.)

Svarte 23/10/2012 kl. 13:56
kilden bruker

stemmer
3

I utgangspunktet, hvis området fortsatt fungerer med Javascript, så alt du legger med Javascript kan anses progressiv forbedring.

Noen tenker kanskje at dette er unødvendig, men masse folk surfer med addons som NoScript (eller, med Javascript bare slått av i nettleserinnstillingene sine). I tillegg har mange mobile nettlesere kan eller ikke støtter Javascript. Så det er alltid en god idé å teste nettstedet ditt helt med og uten Javascript.

Svarte 05/08/2008 kl. 17:20
kilden bruker

stemmer
3

Går på det fra den andre retningen er noen ganger referert til som grasiøs degradering. Dette er vanligvis nødvendig når området er bygget først med forbedret funksjonalitet som gis av de ulike teknologiene deretter endret for å degradere grasiøst for nettlesere med disse teknologiene er ikke tilgjengelige.

Det er også grasiøs degradering når man designer til å jobbe med eldre nettlesere (gamle i Internets terminologi) som IE 5.5, Netscape, osv ...

Etter min mening er det mye mer arbeid å grasiøst svekke søknaden. Progressivt å øke det har en tendens til å være mye mer effektiv; Men noen ganger behovet ta en eksisterende app og gjøre den tilgjengelig i disse mangler miljøer oppstår.

Svarte 05/08/2008 kl. 15:57
kilden bruker

stemmer
2

Progressive Enhancement:

  1. Den vanlig HTML / CSS nettstedet er kjempebra ( fullt fungerende og brukervennlig ).
  2. Legge Java definerer et nytt nivå av awesome.
Svarte 21/07/2010 kl. 17:22
kilden bruker

stemmer
2

Dette er et viktig begrep, og det gjør meg trist at så få webutviklere forstå det.

I utgangspunktet starte med å bygge et nettsted / rammeverk i Plain Old HTML - strukturelementer, lenker og skjemaer. Deretter legge på noen stil og deretter skinnende ting (Ajax eller hva har du).

Det er ikke veldig vanskelig. Som palehorse sier, er grasiøs degradering mer arbeid.

Nettsteder skal fungere i hvilken som helst bruker agent, ikke ser det samme (ikke engang se, men høres hvis svaksynt), bare fungere.

Svarte 19/09/2008 kl. 04:37
kilden bruker

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