Zukunftsweisendes Allround-Webdesign: Progressive Enhancement
|
<br />Original: Progressive Enhancement verstehen Von Aaron Gustafson Übersetzung: http://lifesinger.org/  Seit 1994 trommelt die Webentwickler-Community für die Graceful Degradation. Das Konzept kommt aus der Welt der Technik und die Kernidee besteht darin, den neuesten und leistungsstärksten Browsern ein Erlebnis mit allen Funktionen zu bieten und gleichzeitig den armen Leuten, die das Pech haben, immer noch Netscape 4 verwenden zu müssen, nur die grundlegenden Reste übrig zu lassen. Es besteht kein Zweifel, dass dies eine Rolle gespielt hat. Allerdings passt es nicht ganz zu Tim Berners-Lees ursprünglicher Vision eines universell zugänglichen Webs. Ungefähr zehn Jahre später begannen einige kluge Leute, die Methode der sanften Degradation in Frage zu stellen und kamen zu dem Schluss, dass sie auf vielen Ebenen unzureichend sei. Indem sie ihre Bemühungen auf die Verfügbarkeit von Inhalten, die allgemeine Zugänglichkeit und die Fähigkeiten der Browser mobiler Geräte konzentrierten, fanden sie einen neuen Ansatz für die Webentwicklung – einen, der die Inhalte in den Mittelpunkt stellt, anstatt nur Lippenbekenntnisse zur Unterstützung älterer Geräte abzugeben. Auf der SXSW-Konferenz 2003 hielten Steve Champeon und Nick Finck einen Vortrag mit dem Titel „Umfassendes Webdesign für die Zukunft“. Damit enthüllten sie die Blaupause für diesen neuen Ansatz der Webentwicklung. Steve hat ihm auch einen Namen gegeben: Progressive Enhancement. Hier besteht ein (subtiler) Unterschied. <br />Wenn Sie sich den Kopf zerbrechen, was der Unterschied zwischen „Graceful Degradation“ und „Progressive Enhancement“ ist, dann ist das eine Frage der Perspektive. Sowohl bei der schrittweisen Verschlechterung als auch bei der schrittweisen Verbesserung wird berücksichtigt, wie gut eine Webseite in verschiedenen Browsern auf verschiedenen Geräten funktioniert. Der Hauptunterschied zwischen beiden liegt in ihrem jeweiligen Schwerpunkt und den Auswirkungen dieses Schwerpunkts auf den Arbeitsablauf. Eine Graceful-Degradation-Perspektive <br />Bei Graceful Degradation liegt der Schwerpunkt auf dem Erstellen von Sites für die fortschrittlichsten/leistungsfähigsten Browser. Das Testen in Browsern, die als „alt“ oder weniger leistungsfähig gelten, wird häufig bis zum Ende des Entwicklungszyklus verschoben und ist normalerweise auf die zuletzt veröffentlichte Version der wichtigsten Browser (IE, Mozzila usw.) beschränkt. In diesem Modus können ältere Browser nur ein schlechtes, aber akzeptables Erlebnis bieten. Es mag zwar einige kleine Patches für bestimmte Browser geben, aber diese Browser stehen letztlich nicht im Mittelpunkt und abgesehen von der Behebung schwerwiegender Fehler werden keine weiteren Anstrengungen unternommen. Die Perspektive der progressiven Verbesserung <br />Bei der progressiven Verbesserung steht der Inhalt im Mittelpunkt. Beachten Sie den Unterschied: Ich habe Browser nicht einmal erwähnt. Inhalte sind der Grund, warum wir überhaupt Websites erstellt haben. Manche Sites verteilen Inhalte, manche sammeln Inhalte, manche fordern Inhalte an, manche bearbeiten Inhalte und manche tun all das oben Genannte, aber sie alle benötigen Inhalte. Hier ist inkrementelles Wachstum das geeignetere Modell. Aus diesem Grund hat Yahoo! dieses Modell schnell übernommen und zur Entwicklung der Graded Browser Support-Strategie verwendet. Vorherige Seite 1 2 Nächste Seite Gesamten Artikel lesen |
<<: Beispiel für eine Methode zum Festlegen von MySQL-Fremdschlüsseln
>>: Verwendung von Kubernetes YAML-Dateien
Artikel empfehlen
Webdesign-Tutorial (3): Designschritte und Denkweise
<br />Vorheriges Tutorial: Webdesign-Tutoria...
In diesem Artikel erfahren Sie, wie Sie mithilfe der Ereignisdelegierung die Message Board-Funktion in JavaScript implementieren
Verwenden Sie die Ereignisdelegierung, um die Mes...
Detailliertes grafisches Tutorial zur Installation der entpackten Version von MySQL unter Windows 10
Die MySQL-Installation ist in eine Installationsv...
Detaillierte Erläuterung der Implementierungsprinzipien von call, apply und bind in JavaScript
Inhaltsverzeichnis Vorwort Anruf Verwendung errei...
Lassen Sie uns ausführlich über den Symboldatentyp in ES6 sprechen
Inhaltsverzeichnis Symboldatentyp Der Grund, waru...
Detaillierte Erklärung zur Verwendung verschiedener MySQL-Indizes
1. Langsames Abfrageprotokoll 1.1 MySQL-Protokoll...
So verkleinern Sie die Protokolldatei in MYSQL SERVER
Das Transaktionsprotokoll zeichnet die Vorgänge a...
Verwenden Sie in JS nicht mehr überall Operatoren für absolute Gleichheit.
Inhaltsverzeichnis Überblick 1. Test auf Nullwert...
So verwenden Sie benutzerdefinierte Bilder in HTML zum Anzeigen von Kontrollkästchen
Wenn Sie zur Implementierung eines Kontrollkästch...
Vorteile und Nachteile von JSON sowie Einführung in die Verwendung
Inhaltsverzeichnis 1. Was ist JSON 1.1 Array-Lite...
Detaillierte Erläuterung der Verwendung des gcc-Befehls unter Linux
Inhaltsverzeichnis 1. Vorverarbeitung 2. Zusammen...
Implementierung der Nginx-Konfiguration HTTPS-Sicherheitsauthentifizierung
1. Der Unterschied zwischen HTTP und HTTPS HTTP: ...
Beispiel für die Verwendung von #include-Dateien in HTML
Es gibt zwei Dateien a.htm und b.htm. Im selben Ve...
Frage zu benutzerdefinierten Attributen von HTML-Tags
In der vorherigen Entwicklung haben wir die Stand...
Einfache Beispiele zum Erstellen gespeicherter Prozeduren, Trigger und zur Verwendung von Cursorn in Navicat (Bilder und Text)
1. Tabellen erstellen <br /> Erstellen Sie ...