Was ist Progressive Enhancement?

stimmen
21

Jeff erwähnt den Begriff ‚Progressive Enhancement‘, wenn über die Verwendung von JQuery sprechen Stackoverflow zu schreiben.

Nach einer schnellen Google, fand ich ein paar hochrangigen Diskussionen darüber.

Kann mir jemand einen guten Platz zu starten als Programmierer empfehlen.

Insbesondere habe ich Web-Anwendungen in PHP geschrieben und möchte YUI verwenden, um die Seiten zu verbessern, ich schreibe, aber viele von ihnen scheinen sehr JavaScript basiert, mit den meisten der Esel Arbeit JavaScript getan werden. Für mich, das scheint ein bisschen übertrieben, da die Website ohne Javascript sehen wahrscheinlich die meisten davon brechen.

Wer einige gute Plätze haben, diese Idee zu beginnen, ich weiß nicht wirklich über die Sprache kümmern.

Im Idealfall würde ich gerne sehen, wie Sie die statische HTML starten zuerst erstellen und dann das YUI (oder was auch immer Ajax-Framework), um es so, dass Sie die Vorteile eines reichen Client bekommen?

Veröffentlicht am 05/08/2008 um 16:44
quelle vom benutzer
In anderen Sprachen...                            


8 antworten

stimmen
14

Wie Sie gesagt haben

Für mich, das scheint ein bisschen übertrieben, da die Website ohne Javascript sehen wahrscheinlich die meisten davon brechen.

Dies ist nicht Progressive Enhancement. Progressive Enhancement ist , wenn die Website perfekt ohne JavaScript oder CSS arbeitet, und dann das Hinzufügen (Layering) diese zusätzlichen Technologien / Code , um die Benutzerfreundlichkeit und Funktionalität der Website zu erhöhen.

Das beste Beispiel, das ich geben kann, ist das Tag-Eingabefeld auf dieser Seite. Mit JavaScript ausgeschaltet ist, wäre es immer noch arbeiten Sie so dass Tags mit einem Leerzeichen getrennt eingeben. Mit JavaScript aktiviert ist, erhalten Sie ein Dropdown mit Vorschlägen früherer Eingaben.

Dies ist progressive Verbesserung.

Beantwortet am 05/08/2008 um 16:51
quelle vom benutzer

stimmen
10

Siehe auch Unauffällig Javascript , die das Fundament progressive Erweiterung ist gebaut wird .

Beantwortet am 05/08/2008 um 17:05
quelle vom benutzer

stimmen
4

Ich schrieb ein Tutorial über eine Umfrage erstellen , die progressive Verbesserung bei verwendet Nettuts . Die Idee ist , eine funktionale Website mit XHTML / CSS und PHP zu erstellen , und dann abfangen Formulare usw. mit Javascript. (I verwendet JQuery).

Beantwortet am 05/08/2008 um 16:55
quelle vom benutzer

stimmen
3

Progressive Enhancement ist eine Entwicklung , Technik , die den Primat des semantischen HTML betont, dann für browser- Testen Fähigkeit und bedingt „Schichtung“ auf JavaScript und / oder CSS - Erweiterungen für den Browser , die diese Erweiterungen nutzen können.

Einer der Schlüssel ist zu verstehen , dass wir testen für das, was der Browser kann tun , um browser im Gegensatz Sniffing . Modernizr ist eine sehr beliebte Browser-Fähigkeit Test - Suite.

Progressive-Enhancement ist von Natur aus (Abschnitt 508) zugänglich ist ; es stellt den Buchstaben des Gesetzes für die Erfüllung und den Geist der Regel.

Die Filament - Gruppe schrieb die ausgezeichnete „ Gestaltung mit Progressive Enhancement “ Buch zu diesem Thema. (Ich bin nicht mit Glühfaden - Gruppe angeschlossen, obwohl sie so flippen klug ich wünschte , ich wäre.)

Beantwortet am 23/10/2012 um 14:56
quelle vom benutzer

stimmen
3

Grundsätzlich, wenn Sie Ihre Website noch mit JavaScript funktioniert ausgeschaltet, dann alles, was Sie mit JavaScript hinzufügen kann progressive Erweiterung in Betracht gezogen werden.

Manche Leute denken vielleicht, dass dies nicht notwendig, aber viele Leute sehen mit Addons wie NoScript (oder mit JavaScript einfach in den Browser-Einstellungen deaktiviert). Darüber hinaus JavaScript viele Mobile Web-Browser unterstützen kann oder nicht. Also, es ist immer eine gute Idee, um Ihre Website zu testen komplett mit und ohne JavaScript.

Beantwortet am 05/08/2008 um 18:20
quelle vom benutzer

stimmen
3

Geht es von der anderen Richtung wird manchmal als Graceful Degradation bezeichnet. Dies ist in der Regel erforderlich, wenn die Website zuerst mit der erweiterten Funktionalität der verschiedenen Technologien gewährt gebaut wird dann graziös mit diesen Technologien für Browser degradieren modifiziert sind nicht verfügbar.

Es ist auch Graceful Degradation bei der Gestaltung mit älteren Browsern (alten in der Internete Terminologie) zu arbeiten, wie IE 5.5, Netscape, etc ...

Meiner Meinung nach ist es viel mehr Arbeit anmutig um die Anwendung zu verschlechtern. Progressiv verbessert es wesentlich effizienter zu sein scheint; jedoch manchmal die Notwendigkeit, eine bestehende Anwendung zu nehmen und zugänglich machen in diesen fehlen Umgebungen entstehen.

Beantwortet am 05/08/2008 um 16:57
quelle vom benutzer

stimmen
2

Progressive Enhancement:

  1. Die einfache HTML / CSS - Website ist genial ( voll funktionsfähig und benutzerfreundlich ).
  2. Hinzufügen von JavaScript definiert eine neue Ebene von awesome.
Beantwortet am 21/07/2010 um 18:22
quelle vom benutzer

stimmen
2

Dies ist ein so wichtiges Konzept und es macht mich traurig, dass so wenige Web-Entwickler es verstehen.

Grundsätzlich zunächst eine Website / Rahmen in Plain Old HTML Aufbau - Strukturelementen, Links und Formularen. Dann fügen Sie auf einige Stil und dann glänzend Sachen (Ajax oder was Sie haben).

Es ist nicht sehr schwierig. Wie palehorse sagt, ist Graceful Degradation mehr Arbeit.

Webseite sollten in jedem User-Agenten arbeiten, nicht gleich aussehen (auch nicht aussehen, aber klingen, wenn Sie Ihre Vision beeinträchtigt), nur arbeiten.

Beantwortet am 19/09/2008 um 05:37
quelle vom benutzer

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