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
So verwenden Sie VirtualBox zum Erstellen einer lokalen virtuellen Maschinenumgebung auf dem Mac
1. Big Data und Hadoop Um Big Data zu studieren u...
Die Element-UI-Tabelle realisiert die Dropdown-Filterfunktion
In diesem Artikelbeispiel wird der spezifische Co...
Es gibt kein Problem mit dem Linux-Dateipfad beim Bereitstellen der Fenster- und Linux-Projekte
Ich habe schon lange keinen Blog mehr geschrieben...
Netzwerkmanagement und Netzwerkisolationsimplementierung von Docker-Containern
1. Docker-Netzwerkverwaltung 1. Docker-Container-...
Eine kurze Diskussion über Shallow Copy und Deep Copy in JavaScript
Inhaltsverzeichnis 1. Direkte Zuordnung 2. Oberfl...
Detaillierte Erläuterung der vorkompilierten CSS-Sprachen und ihrer Unterschiede
1. Was ist Als Auszeichnungssprache hat CSS eine ...
Probleme und Lösungen beim Bereitstellen eines Projekts beim Upgrade der Mysql-Datenbank von Version 5.6.28 auf Version 8.0.11
Die Probleme und Lösungen, die beim Bereitstellen...
Vergleichende Analyse von MySQL Binlog-Protokollverarbeitungstools
Inhaltsverzeichnis Kanal Maxwell Datenbus Datenüb...
Grundlegende Verwendung von Unterabfragen in MySQL
Inhaltsverzeichnis 1. Unterabfragedefinition 2. U...
Detaillierte Erklärung der Filter und Anweisungen in Vue
Inhaltsverzeichnis benutzerdefinierte Vue-Direkti...
Grafisches Tutorial zum Konfigurieren des Nginx-Dateiservers im Windows 10-System
Laden Sie die Windows-Version von Nginx von der o...
Ändern Sie die Dateiberechtigungen (Eigentum) unter Linux
Linux und Unix sind Mehrbenutzer-Betriebssysteme,...
Detaillierte Schritte zum Erstellen eines NFS-Dateifreigabeservers unter Linux
Linux erstellt NFS-Server Um den Datenaustausch z...
Verwendung des optionalen Verkettungsoperators von JS
Vorwort Der optionale Verkettungsoperator (?.) er...
JavaScript implementiert Tab-Leisten-Umschalteffekte
Hier ist ein Fall, den Frontend-Entwickler kennen...