Wat is Progressive Enhancement?

stemmen
21

Jeff hebben het begrip 'Progressive Enhancement' als het gaat over het gebruik van jQuery om StackOverflow schrijven.

Na een snelle Google, vond ik een paar van de besprekingen op hoog niveau over.

Kan iedereen aanbevelen een goede plek om te beginnen als een programmeur.

In het bijzonder, heb ik het schrijven van web applicaties in PHP en zou graag YUI gebruiken om de pagina's die ik aan het schrijven ben te verbeteren, maar veel van hen lijken erg JavaScript gebaseerd, met de meeste van de ezel werk wordt gedaan met behulp van JavaScript. Voor mij is dat lijkt een beetje overdreven, omdat het bekijken van de site zonder Javascript waarschijnlijk zal breken het meeste.

Iedereen heeft een aantal goede plekken om te beginnen met dit idee, ik heb niet echt zorgen over de taal.

Idealiter zou ik graag zien hoe je begint met het maken van de statische HTML, en dan het toevoegen van de YUI (of wat Ajax kader) om het zo dat je de voordelen van een rijkere klant te krijgen?

De vraag is gesteld op 05/08/2008 om 16:44
bron van user
In andere talen...                            


8 antwoorden

stemmen
14

Zoals u hebt gezegd

Voor mij is dat lijkt een beetje overdreven, omdat het bekijken van de site zonder Javascript waarschijnlijk zal breken het meeste.

Dit is niet gelaagd bouwen. Progressieve verbetering is wanneer de site werkt perfect zonder JavaScript en CSS, en vervolgens het toevoegen van (lagen) deze extra technologieën / code om de bruikbaarheid en de functionaliteit van de website te verhogen.

Het beste voorbeeld dat ik kan geven is de tag invoerveld op deze website. Met JavaScript uitgeschakeld, zou het nog steeds werken zodat u labels gescheiden door een spatie in te voeren. Met Javascript ingeschakeld, krijg je een drop-down met suggesties van eerdere vermeldingen.

Dit is gelaagd bouwen.

antwoordde op 05/08/2008 om 16:51
bron van user

stemmen
10

Zie ook Onopvallend Javascript die het fundament progressieve verbetering wordt gebouwd.

antwoordde op 05/08/2008 om 17:05
bron van user

stemmen
4

Ik schreef een handleiding over het maken van een poll die progressive enhancement gebruikt NETTUTS . Het idee is om een functionele site met behulp van XHTML / CSS en PHP maken en vervolgens onderscheppen vormen etc met Javascript. (I gebruikte jQuery).

antwoordde op 05/08/2008 om 16:55
bron van user

stemmen
3

Progressive Enhancement is een ontwikkeling techniek die het primaat van de semantische HTML benadrukt, dan testen voor browser- vermogen en voorwaardelijk "gelaagdheid" op JavaScript en / of CSS verbeteringen voor de browsers die deze verbeteringen kunnen benutten.

Een van de sleutels is te begrijpen dat we testen voor wat de browser kan doen , in tegenstelling tot de browser- sniffing . Modernizr is een zeer populaire browser-vermogen test suite.

Progressieve Enhancement inherent (deel 508) toegankelijk is; het biedt om te voldoen aan de letter van de wet en de geest van de regel.

Het filament Group schreef het uitstekend " Designing Met Progressive Enhancement " boek over het onderwerp. (Ik ben niet met gloeidraad Group gelieerde, hoewel ze zo freaking slim ik wou dat ik was.)

antwoordde op 23/10/2012 om 14:56
bron van user

stemmen
3

In feite, als uw site werkt nog steeds met JavaScript uitgeschakeld, dan is alles wat je toevoegt met JavaScript kan worden beschouwd als gelaagd bouwen.

Sommige mensen kunnen denken dat dit niet nodig is, maar veel mensen zoeken met addons zoals NoScript (of, met JavaScript gewoon uitgeschakeld in hun browser-instellingen). Daarnaast zijn veel mobiele webbrowsers wel of geen JavaScript. Dus, het is altijd een goed idee om uw site volledig te testen met en zonder JavaScript.

antwoordde op 05/08/2008 om 18:20
bron van user

stemmen
3

Gaan op het van de andere kant wordt soms aangeduid als degradatie. Dit is meestal nodig wanneer de site voor het eerst is gebouwd met de verbeterde functionaliteit geboden door de verschillende technologieën vervolgens aangepast om sierlijk degraderen voor browsers met deze technologieën zijn niet beschikbaar.

Het is ook degradatie bij het ontwerpen om te werken met oudere browsers (oude in de terminologie Internets), zoals IE 5.5, Netscape, etc ...

Naar mijn mening is het veel meer werk om de toepassing sierlijk degraderen. Geleidelijk aan het verbeteren van het de neiging om veel efficiënter zijn; Echter, soms de noodzaak om een ​​bestaande app te nemen en het toegankelijk in deze ontbreekt omgevingen ontstaan ​​te maken.

antwoordde op 05/08/2008 om 16:57
bron van user

stemmen
2

Progressive Enhancement:

  1. De eenvoudige HTML / CSS site is geweldig ( volledig werkend en gebruiksvriendelijk ).
  2. Het toevoegen van JavaScript definieert een nieuw niveau van geweldig.
antwoordde op 21/07/2010 om 18:22
bron van user

stemmen
2

Dit is zo'n belangrijk concept en het bedroeft me dat zo weinig webontwikkelaars begrijpen.

In principe beginnen met het bouwen van een site / kader Plain Old HTML - structurele elementen, links en formulieren. Voeg vervolgens op een aantal stijl en vervolgens glimmende spul (Ajax of wat dan ook).

Het is niet erg moeilijk. Net als palehorse zegt, degradatie is meer werk.

Websites moeten werken in een user agent, niet zien er hetzelfde uit (zelfs niet kijken, maar klinken als je een visuele handicap), gewoon werken.

antwoordde op 19/09/2008 om 05:37
bron van user

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