Information 04

Kleines Fazit

Wir haben uns jede Menge Gedanken gemacht...

Diese Responsive-Vorlage arbeitet mit der Mobile-First-Technik. Wir verwenden hier kein Javascript. Weder für die Navigation noch für das Ansprechen der CSS3-Media Queries bei älteren Browsern. Ausserdem arbeiten wir mit einigen der der modernen CSS3-Eigenschaften, wie z.B. das neue Box-Model (box-sizing) oder die Prozentschrift REM.

...denn ältere Browser verstehen kein CSS3

Wir nennen nachstehend die Versionen des Browsers Internet Explorer. Moderne, andere Browser verstehen die CSS3-Technik wesentlich früher.

- Media Queries (Bildschirmabfragen): Ab IE Version 9
- Rem-Prozent-Schrift: Ab IE Version 9
Java:
Javascript funktioniert nicht, wenn es vom Anwender im Browser deaktiviert wird. Dies geschieht oftmals aus Sicherheitsgründen.

Was sind Conditional Comments ?

Conditional Comments sind Kommentare in HTML-Dokumenten, die nur vom Browser Internet Explorer interpretiert werden. Man kann sogar gezielt einzelne Versionen des Internet Explorer ansprechen, z.B. nur Version 8.

Warum soll man ältere Browser ansprechen ?

Insbesondere Firmen arbeiten vielfach mit Browsern älterer Generation. Gerade dort hält man es nicht für möglich, aber es ist so. Und die Browser werden dort in der Regel jahrzehntelang nicht gewechselt. Das hat folgenden Grund: Eine Firma muss sehr teuere Lizenzen für das Microsoft Betriebs-System Windows bezahlen. Mit jeder Windows-Betriebsversion wird jeweils eine bestimmte Browser-Version des Internet-Explorers geliefert. Für Windows-XP ist das z.B. der Internet-Explorer Version 8. Aus Kostengründen behält man somit viele Jahre das alte System bei und darf den Internet-Explorer nicht aktualisieren, um nicht gegen bestehende Vertragsbedingungen zu verstossen.

Was heisst eigentlich Mobile-First ...

Die in Bezug auf das Responsive Webdesign angesagte Mobile-First-Technik (von klein auf gross) bietet eine bessere Performance-Leistung gegenüber der Desktop-First-Technik (von gross auf klein). Das Coding für die kleinste mobile Bildschirmauflösung, nämlich das Smartphone, steht direkt am Anfang der CSS-Datei und wird somit sofort geladen, erst später im Code werden dann per Media Queries - Abfragen der Bildschirmgrösse bezüglich der Mindestbreite (min-width) - andere, abweichende, grössere Bildschirmauflösungen, wie Tablet, Notebook, Laptop und schliesslich Desktop-PC angesprochen.