ajax - Was ist progressive Verbesserung?

Translate

Jeff erwähnte das Konzept der "progressiven Verbesserung", als er über die Verwendung von JQuery zum Schreiben eines Stapelüberlaufs sprach.

Nach einer kurzen Google-Suche fand ich einige hochrangige Diskussionen darüber.

Kann mir jemand einen guten Startplatz als Programmierer empfehlen.

Insbesondere habe ich Web-Apps in PHP geschrieben und möchte YUI verwenden, um die Seiten, die ich schreibe, zu verbessern, aber viele davon scheinen sehr JavaScript-basiert zu sein, wobei der Großteil der Eselarbeit mit JavaScript erledigt wird. Für mich scheint das ein bisschen übertrieben zu sein, da das Betrachten der Site ohne Javascript wahrscheinlich das meiste davon kaputt machen wird.

Jeder hat einige gute Orte, um mit dieser Idee zu beginnen. Die Sprache interessiert mich nicht wirklich.

Im Idealfall möchte ich sehen, wie Sie zuerst den statischen HTML-Code erstellen und dann die YUI (oder ein beliebiges Ajax-Framework) hinzufügen, damit Sie die Vorteile eines umfangreicheren Clients nutzen können.

This question and all comments follow the "Attribution Required."

Alle Antworten

Translate

Siehe auchUnauffälliges JavascriptDas ist das Fundament, das progressive Verbesserung gebaut wird.

Quelle
Translate

Wie du gesagt hast

Für mich scheint das ein bisschen übertrieben zu sein, da das Betrachten der Site ohne Javascript wahrscheinlich das meiste davon kaputt machen wird.

Dies ist keine progressive Verbesserung. Progressive Verbesserung ist, wenn die Website ohne JavaScript oder CSS perfekt funktioniert, unddannHinzufügen (Überlagern) dieser zusätzlichen Technologien / Codes, um die Benutzerfreundlichkeit und Funktionalität der Website zu verbessern.

Das beste Beispiel, das ich geben kann, ist das Tag-Eingabefeld auf dieser Website. Wenn JavaScript deaktiviert ist, funktioniert es weiterhin, wenn Sie Tags eingeben, die durch ein Leerzeichen getrennt sind. Wenn JavaScript aktiviert ist, erhalten Sie eine Dropdown-Liste mit Vorschlägen früherer Einträge.

Dies ist eine progressive Verbesserung.

Quelle
Translate

Ich schrieb eineLernprogrammbeim Erstellen einer Umfrage, die progressive Verbesserung bei verwendetNETTUTS. Die Idee ist, eine funktionale Site mit XHTML / CSS und PHP zu erstellen und dann Formulare usw. mit Javascript abzufangen. (Ich habe JQuery verwendet).

Quelle
Translate

Aus der anderen Richtung zu gehen, wird manchmal als anmutige Erniedrigung bezeichnet. Dies ist normalerweise erforderlich, wenn die Site zuerst mit der erweiterten Funktionalität erstellt wird, die die verschiedenen Technologien bieten, und dann so geändert wird, dass sie für Browser mit diesen Technologien nicht ordnungsgemäß verfügbar ist.

Es ist auch eine gravierende Verschlechterung beim Entwerfen für die Arbeit mit älteren Browsern (in der Internet-Terminologie uralt) wie IE 5.5, Netscape usw.

Meiner Meinung nach ist es viel mehr Arbeit, die Anwendung elegant zu verschlechtern. Eine schrittweise Verbesserung ist in der Regel viel effizienter. Manchmal besteht jedoch die Notwendigkeit, eine vorhandene App in diesen fehlenden Umgebungen zugänglich zu machen.

Quelle
Translate

Wenn Ihre Website weiterhin mit deaktiviertem JavaScript funktioniert, kann alles, was Sie mit JavaScript hinzufügen, als progressive Verbesserung betrachtet werden.

Einige Leute denken vielleicht, dass dies unnötig ist, aber viele Leute surfen mit Addons wie NoScript (oder mit einfach deaktiviertem JavaScript in ihren Browsereinstellungen). Darüber hinaus unterstützen viele mobile Webbrowser möglicherweise JavaScript. Es ist daher immer eine gute Idee, Ihre Website vollständig mit und ohne JavaScript zu testen.

Quelle
Translate

Progressive Enhancement ist eine Entwicklungstechnik, die den Vorrang des semantischen HTML betont und dann auf Browser- testet.Fähigkeitund bedingte "Überlagerung" von JavaScript- und / oder CSS-Verbesserungen für die Browser, die diese Verbesserungen verwenden können.

Einer der Schlüssel ist das Verständnis, dass wir testen, was der Browser kanndoim Gegensatz zu browser-schnüffeln. Modernizrist eine sehr beliebte Testsuite für Browserfähigkeiten.

Progressive-Enhancement ist von Natur aus (Abschnitt 508) zugänglich. es sieht vor, dass der Brief des Gesetzes eingehalten wirdundder Geist der Regel.

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

Quelle
Translate

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

Beginnen Sie grundsätzlich mit dem Erstellen einer Site / eines Frameworks in Plain Old HTML - Strukturelementen, Links und Formularen. Fügen Sie dann etwas Stil und dann glänzendes Zeug hinzu (Ajax oder was haben Sie).

Es ist nicht sehr schwierig. MögenPalehorsesagt, anmutige Erniedrigung ist mehr Arbeit.

Websites sollten in jedem Benutzeragenten funktionieren, nicht gleich aussehen (nicht einmal aussehen, sondern klingen, wenn Ihre Sehkraft beeinträchtigt ist), sondern nur funktionieren.

Quelle
Translate

Progressive Enhancement:

  1. Die einfache HTML / CSS-Site ist fantastisch (voll funktionsfähig und benutzerfreundlich).
  2. Das Hinzufügen von JavaScript definiert eine neue Ebene von Awesome.
Quelle