Was ist progressive Verbesserung?

Question

Jeff erwähnte das Konzept der „progressiven Verbesserung“, als er über die Verwendung von JQuery zum Schreiben von Stackoverflow sprach.

Nach einer kurzen Google-Suche habe ich ein paar hochrangige Diskussionen darüber gefunden.

Kann mir jemand einen guten Einstiegsort als Programmierer empfehlen?

Konkret habe ich Web-Apps in PHP geschrieben und würde gerne YUI verwenden, um die Seiten, die ich schreibe, zu verbessern, aber viele davon scheinen sehr JavaScript-basiert zu sein, und die meiste Arbeit wird mit JavaScript erledigt.Das erscheint mir etwas übertrieben, da das Betrachten der Website ohne Javascript wahrscheinlich das meiste kaputt machen wird.

Hat irgendjemand ein paar gute Ansatzpunkte, um mit dieser Idee zu beginnen? Die Sprache ist mir eigentlich egal.

Im Idealfall würde ich gerne sehen, wie Sie zuerst mit der Erstellung des statischen HTML beginnen und dann das YUI (oder ein beliebiges Ajax-Framework) hinzufügen, damit Sie die Vorteile eines umfangreicheren Clients nutzen können?

Answer 1

Siehe auch Unaufdringliches Javascript Das ist das Fundament, auf dem die progressive Verbesserung aufgebaut ist.

Answer 2

Wie Sie gesagt haben

Das erscheint mir etwas übertrieben, da das Betrachten der Website ohne Javascript wahrscheinlich das meiste kaputt machen wird.

Dies ist keine progressive Verbesserung.Von einer progressiven Verbesserung spricht man, wenn die Website ohne JavaScript oder CSS perfekt funktioniert Dann Hinzufügen (Schichten) dieser zusätzlichen Technologien/Codes, um die Benutzerfreundlichkeit und Funktionalität der Website zu erhöhen.

Das beste Beispiel, das ich nennen kann, ist das Tag-Eingabefeld auf dieser Website.Auch wenn JavaScript deaktiviert ist, können Sie Tags mit einem Leerzeichen getrennt eingeben.Wenn JavaScript aktiviert ist, erhalten Sie ein Dropdown-Menü mit Vorschlägen zu früheren Einträgen.

Dies ist eine progressive Verbesserung.

Answer 3

Ich habe ein geschrieben Lernprogramm beim Erstellen einer Umfrage, bei der progressive Verbesserung verwendet wurde NETTUTS.Die Idee besteht darin, eine funktionsfähige Website mit XHTML/CSS und PHP zu erstellen und dann Formulare usw. mit Javascript abzufangen.(Ich habe JQuery verwendet).

Answer 4

Aus der anderen Richtung vorzugehen, wird manchmal als würdevolle Degradierung bezeichnet.Dies ist in der Regel erforderlich, wenn die Website zunächst mit der erweiterten Funktionalität der verschiedenen Technologien erstellt wird und dann so geändert wird, dass sie für Browser, die mit diesen Technologien nicht verfügbar sind, ordnungsgemäß heruntergefahren werden kann.

Es ist auch eine elegante Verschlechterung beim Entwerfen, um mit älteren Browsern (in der Terminologie des Internets alt) wie IE 5.5, Netscape usw. zu funktionieren.

Meiner Meinung nach ist es viel aufwändiger, die Anwendung ordnungsgemäß herunterzufahren.Eine schrittweise Verbesserung ist tendenziell viel effizienter.Manchmal besteht jedoch die Notwendigkeit, eine vorhandene App in diesen fehlenden Umgebungen zugänglich zu machen.

Answer 5

Grundsätzlich gilt: Wenn Ihre Website auch dann noch funktioniert, wenn JavaScript deaktiviert ist, kann alles, was Sie mit JavaScript hinzufügen, als progressive Verbesserung betrachtet werden.

Manche Leute denken vielleicht, dass dies unnötig ist, aber viele Leute surfen mit Add-ons wie NoScript (oder indem JavaScript einfach in ihren Browsereinstellungen deaktiviert ist).Darüber hinaus unterstützen viele mobile Webbrowser möglicherweise JavaScript.Daher ist es immer eine gute Idee, Ihre Website vollständig mit und ohne JavaScript zu testen.

Answer 6

Progressive Enhancement ist eine Entwicklungstechnik, die den Vorrang des semantischen HTML betont und dann auf browserbasierte Tests testet.Fähigkeit und bedingtes „Layering“ auf JavaScript- und/oder CSS-Erweiterungen für die Browser, die diese Erweiterungen nutzen können.

Einer der Schlüssel besteht darin, zu verstehen, dass wir testen, was der Browser kann Tun, im Gegensatz zu Browser-schnüffeln. Modernisierung ist eine sehr beliebte Testsuite für die Browserfähigkeit.

Progressive-Enhancement ist grundsätzlich (Abschnitt 508) zugänglich;es sorgt dafür, dass der Wortlaut des Gesetzes eingehalten wird Und der Geist der Regel.

Die Filament Group schrieb das ausgezeichnete „Entwerfen mit progressiver Verbesserung„ Buch zum Thema.(Ich bin nicht mit der Filament Group verbunden, obwohl sie so verdammt schlau sind, dass ich wünschte, ich wäre es.)

Answer 7

Das ist ein so wichtiges Konzept und es macht mich traurig, dass so wenige Webentwickler es verstehen.

Beginnen Sie grundsätzlich damit, eine Website/ein Framework in Plain Old HTML zu erstellen – Strukturelemente, Links und Formulare.Fügen Sie dann etwas Stil und dann glänzendes Zeug hinzu (Ajax oder was auch immer).

Es ist nicht sehr schwierig.Wie blasses Pferd sagt, würdevolle Degradierung ist mehr Arbeit.

Websites sollten in jedem Benutzeragenten funktionieren, nicht gleich aussehen (nicht einmal aussehen, aber klingen, wenn Ihr Sehvermögen beeinträchtigt ist), sondern einfach funktionieren.

Answer 8

Progressive Enhancement:

1. Die einfache HTML/CSS-Site ist großartig (voll funktionsfähig und benutzerfreundlich).
2. Das Hinzufügen von JavaScript definiert eine neue Ebene der Großartigkeit.