Responsive Webdesign ist ein Wendepunkt in der Welt der Webentwicklung. Sie erstellen eine Website für Ihr Unternehmen, die eine Vielzahl verschiedener Geräte bedient.
Sich anpassendes Webdesign ist ein Wendepunkt in der Welt der Webentwicklung. Sie erstellen eine Website für Ihr Unternehmen, die eine Vielzahl verschiedener Geräte bedient. Es ist der logische Höhepunkt von zugänglich, semantisch Web-Design.
Ganz einfach, nicht wahr?
Nun ja, nein.
BBC Responsive News-Titelseitentest, der den Unterschied zwischen HTML4- und HTML5-Browsern zeigt. Bildnachweis © BBC News
In einem wunderbar aufschlussreichen Blogbeitrag mit dem Titel Den Senf schneiden, Tom Maslen erklärt das Denken und Handeln dahinter Responsive Website von BBC News.
Das Problem ist die bloße Reichweite von Geräten: Laptops, PCs, Tablets, Mobiltelefone, Mobiltelefone, die denken, sie seien Tablets usw. und so weiter. Es würde ewig dauern, alle diese Geräte einzeln zu berücksichtigen, daher vereinfachte das Team die gesamte Landschaft in „HTML4-Browser“ und „HTML5-Browser“.
Sie schufen eine Kernerfahrung, das in allen Browsern funktioniert. Darüber hinaus bieten sie leistungsfähigeren Browsern ein erweitertes JavaScript-Erlebnis. Oh ja, das ist das Progressive Enhancement dargelegt von Aaron Gustafson wovon Sie vielleicht alle schon einmal gehört haben.
Was ich wirklich interessant finde, ist der Fokus darauf Geschwindigkeit Das heißt, die Dateigröße und die Anzahl der Dateianfragen an den Webserver werden reduziert. Als ich ein kleiner Junge war, mussten wir die gesamte Seite, Bilder und alles, auf unter 30 KB beschränken. Heutzutage erfordern die stark unterschiedlichen Datenverbindungsgeschwindigkeiten die gleiche Sorgfalt.
Eine Konsequenz daraus ist die Verwendung von „nativem“ JavaScript, wie in keine JavaScript-Bibliotheken wie zum Beispiel jQuery. Die jQuery-Bibliothek wiegt minimiert 32 KB, also noch einmal halb so viel wie die Kern-Titelseite von Responsive News. Wenn der Browser anständig ist Unterstützung für DOM-Selektoren Und Unterstützung bei Veranstaltungen, dann wird davon ausgegangen, dass der Senf geschnitten wurde.
Der Vorteil dieses Ansatzes besteht darin, dass er die Browserlandschaft erheblich vereinfacht, die Abhängigkeit von JavaScript-Bibliotheken verringert und die Geschwindigkeit des Kernerlebnisses erhöht. Der Nachteil ist, dass Internet Explorer 8 und niedriger nicht unterstützt werden.
Aber was zum Teufel, Zum Teufel mit schlechten Browsern ;)
@growdigital