Wer kennt Notepad? Das ist der nette kleine Editor, der zum Lieferumfang von Windows gehört, schon seit Jahren! Und obwohl seine Fähigkeiten äusserst bescheiden sind, wird er geschätzt, wenn es darum geht, kleinere Textdateien zu verändern. Mit Betonung auf «kleinere». Für riesige ASCII-Dateien ist Notepad nicht geeignet. Notepad war es auch, der in den frühen 90er Jahren zum Erstellen von Webseiten gerne genutzt wurde, bis zu Dreamweaver, Frontpage & Co. war es noch ein weiter Weg!
1995 waren HTML und ein Texteditor die wichtigsten Werkzeuge des Entwicklers, noch heute gibt es Seiten zu entdecken, die mittels Button stolz verkünden: «Powered by VI». CSS, Javascript und anderen Technologien waren gerade dabei, sich Schritt für Schritt zu etablieren. Um Seiten aufzupeppen boten sich «Grafikbaukästen» an, die zum Albtraum jedes einigermassen seriös arbeitenden Grafikers wurden. So tummelten sich auf den «Homepages» der 90er Jahre knallbunte Icons, Bars, riesige Buttons und animierte Grafiken ? und manchmal auch Java Applets. Es war ein wildes und buntes Durcheinander! Und dass es hinten und vorne nicht zusammenpasste, interessierte kaum. Wer wissen möchte, wie manche Seite aussah, kann sich mit dem «Geocities-izer» eine beliebige Seite umgestalten lassen. Doch das soll jetzt nicht heissen, dass alles so aussah! Viele Seiten der Zeit sahen phantastisch aus und waren das Ergebnis intensiver gestalterischer Vorarbeit.
Kommen wir zurück in die Gegenwart. Und damit in die Zeit, in der den animierten GIF’s und Applets endgültig der Garaus gemacht wird! Es sind andere Qualitäten, die wichtig geworden sind. Allen voran die «Responsivity». Mit anderen Worten: Webseiten, die auch auf mobilen Geräten, also Tablets, Smartphones und Netbooks korrekt und gut leserlich angezeigt werden. Warum ist das so? Weil heute rund 30% aller Benutzer das Web vorwiegend mit mobilen Geräten nutzen, Tendenz stark steigend. Im Gegenzug stagniert die Anzahl der Menschen, die per PC auf das Web zugreift. Vor allem in der Geschäftswelt gilt deshalb: wer ernst genommen werden will, optimiert seine Präsenz auf mobile Geräte.
Aber wie macht man das? Wie so oft gilt auch hier: Viele Wege führen nach Rom. Es gibt CMS mit Templates, die dem Designer wenigstens einen Teil der Arbeit abnehmen. Und es gibt ? jetzt wird es spannend ? Frameworks wie Bootstrap oder MDL (Google’s Material Design Lite). Diese bieten HTML Elemente, die mit CSS und Javascript responsive werden. Wird beispielsweise eine Navigation erstellt, passt sich diese dynamisch der Grösse des Bildschirmes an: Auf dem Desktop werden alle Menupunkte angezeigt. Auf dem Smartphone erscheint die Auswahl per Popup Menu. Ähnliches gilt für die Inhalte, die per Grid arrangiert werden können. Toll an diesen Frameworks ist zudem, dass die Seite nicht mehrfach erstellt werden muss.
Apropos, Google’s Analyse für die Websuche straft Webseiten, die nicht responsive sind, erbarmungslos ab! Diese erhalten ein schlechteres Rating als Seiten, die sich der Displaygrösse anpassen.
Und jetzt, zum Schluss, komme ich zu unserem eigenen Webauftritt. Dieser ist mittlerweile ebenfalls 13 (!) Jahre alt, entstand also gerade in den Moment, als ich zu SolNet kam. Mit anderen Worten: die Seite sieht auf einem Smartphone nicht wirklich gut aus! Wir wissen das ? und geloben Besserung!