Version 3.7 und Infos zum künftigen Design-System V4

Und damit zum Hauptthema der heutigen Entwicklerpost: Ich hatte bereits in der letzten Ausgabe über unsere Arbeiten am komplett neuen Design-System V4 berichtet. Die Reaktionen darauf waren mehrheitlich positiv. Doch gab es auch kritische Stimmen, die zurecht monierten,  dass es nach wie vor keine Responsive Designs für weblica gibt, auch wenn das neue Design-System sehr viel versprechend klingt. Ja, wir haben uns Zeit gelassen, nicht, weil wir untätig waren und auch nicht aufgrund technischer Hürden, sondern, weil wir eine Lösung wollten, die nicht einfach ein Schnellschuss ist und die dem Umstand Rechnung trägt, dass Responsive Design für die Weblicaner neue Herausforderungen bringt, denn Struktur und Inhalt einer responsive Website unterschieden sich deutlich von herkömmlichen Webauftritten: Schlanke Navigation, weniger Text, mehr Bilder und bewusst eingesetzte Texthervorhebungen sowie der definitive Abschied von einer identischen Darstellung über verschiedene Browser und Geräte hinweg.

Wir dachten ursprünglich, dass es ausreichend sei, einfach entsprechende Designs bereit zu stellen, die sich sog. "responsive" verhalten, sprich, die das Layout an das jeweilige Endgerät anpassen. Je mehr wir uns aber mit dem Thema auseinander gesetzt haben, desto klarer wurde uns, dass es damit nicht getan ist. Der Aufbau einer responsive Website verlangt nach vielfältigen Möglichkeiten, das Design bezüglich Abständen, Schriftgrössen, etc. je nach verfügbarem Bildschirminhalt anpassen zu können. Dabei muss ich mir als Anwender die Seite auch in den unterschiedlichen Auflösungen ansehen können, sonst wird das Anpassen rasch zu einem mühsamen Ratespiel; eine herkömmliche Browser-Vorschau alleine genügt daher nicht mehr. Wer hier übrigens Parallelen zum weblica Designer sieht, liegt völlig richtig: Genau aus diesem Grund bot der weblica Designer von Beginn weg eine integrierte Browser-Vorschau. Doch auch der Designer erfüllt die nötigen Voraussetzungen auf Basis des bisherigen Design-Systems nicht für eine komfortable responsive Design-Gestaltung. Auch deshalb wird der weblica Designer letztendlich im neuen Design-System aufgehen; mehr hierzu werde ich in einer der nächsten Ausgaben der Entwicklerpost erläutern.

Ich selber bin ein eher ungeduldiger Mensch, möchte Neues am liebsten immer sofort ausprobieren. Daher verstehe ich alle sehr gut, die mittlerweile mehr als ungeduldig sind. Schliesslich ist Responsive Design nicht erst seit heute ein Thema. Haben wir uns also zu viel Zeit gelassen? Diese Frage muss sich letztlich jeder Nutzer selber beantworten. Wir jedenfalls sind überzeugt, dass das  neue Design-System V4 die perfekte Lösung ist, um die vielen aufregenden Möglichkeiten des Responsive Designs in weblica gewinnbringend zu nutzen und dabei auch die sich daraus ergebenden Herausforderungen zu meistern.

Wie bereits angekündigt, wird es das neue Design-System V4 als Beta-Version für Version 3 geben. In einer ersten Phase stellen wir das neue Design-System als nicht-öffentliche Betas in den weblica labs bereit. In Phase zwei steht das neue System dann als öffentliche Vorab-Version allen Nutzern von Version 3 zur Verfügung. Wer das neue Design-System also schon bald ausprobieren will, meldet sich am besten noch heute für die weblica labs an, aktuell nehmen wir noch eine begrenzte Zahl an Neuanmeldungen entgegen. Also, am besten gleich anmelden: Anmeldung weblica labs. 

Übrigens: Das neue Design-System V4 nutzt als Basis purecss. Im Gegensatz zu Schwergewichten wie z.B. ZURB foundation hat dieses CSS-Framework den Vorteil, dass es minimalistisch, schlank und einfach zu erweitern ist. Zudem basiert es auf dem SMACSS-Ansatz, der es erlaubt, klar strukturierte und nachvollziehbare CSS-Regeln zu schreiben. Wer hierzu mehr wissen möchte: Technische Details veröffentlichen wir im Rahmen der Entwicklung fortwährend in den weblica labs und auch ein Besuch der purcecss-Seiten lohnt sich für Interessierte.