Responsive Webdesign: Reaktionsfähige Websites gestalten und umsetzen [Gebundene Ausgabe]

Als erfahrener und professioneller Webdesigner und -entwickler wollte ich mich nun endlich in das Thema Responsive Webdesign einlesen. Ganz einfach auch aus dem Grund, weil Mobile- und Tablet-Varianten einer Website immer gefragter werden.

Das Buch ist wirklich klasse. Es ist gut aufgeräumt (man findet sich schnell zurecht) und es ist sehr verständlich geschrieben. Es werden alle nötigen Informationen mitgeteilt. Ebenso gibt es eine Vielzahl an bebilderten Beispielen (natürlich in Farbe) und Vergleichen, was Technik und Design angeht. Außerdem versteht der Autor etwas davon, den Leser auch bei längeren Kapiteln bei "Laune" zu halten. Es macht wirklich Spaß sich durch dieses Buch zu arbeiten.

Meiner Meinung nach sind alle wichtigen Themen inbegriffen: Predesign, Design, Prototyp, technische Umsetzung sowie Performance und einigen weiteren.

Das einzige was mir recht schnell auffiel: Man muss sein eigenes Lesezeichen mitbringen. Es gibt also keinen "Faden" am Buch. Aber dafür gibt es von mir keinen Stern Abzug!

Fazit: Man sollte sich schon etwas mit HTML/CSS auskennen. Auf die Grundlagen wird hier nicht eingegangen, aber dafür wurde es auch nicht geschrieben. Wer diese Voraussetzung erfüllt kann sich auf ein großartiges Buch freuen!

Hätte der Autor sich auf die ersten 50 Seiten beschränkt, es hätte DAS Handbuch zum ersten Verstehen und Erstellen für Responsive Webdesign werden können – es ist eine Freude, diese 50 Seiten zu lesen und durchzuarbeiten. Eine "statische" Seite wird umgewandelt in eine Seite, die für verschiedene mobile Gräte optimiert ist, und jeder Schritt ist nachvollziehbar – die einzige Frage, die bleibt: warum haben wir das nicht schon immer so gemacht?

Die weiteren knapp 300 Seiten sind zwar auch interessant, man findet immer wieder ein paar noch nicht bekannte Tipps und Tricks, aber es fehlt hier einfach der "rote Faden". Es wäre sehr schön gewesen, wenn man auch hier, z. B. in Kap. 12.3 "Eine mobile Navigation erstellen", ein Beispielprojekt gehabt hätte, mit dem man hätte arbeiten und die Änderungen nachvollziehen können. Es ist zwar von der "Beispielwebsite" die Rede, aber man weiß nicht genau, worum es geht, kann nur auf der Seite [...] suchen, aber dort findet man nichts zu Kap. 12.

Ebenso zum Thema Grid: "Nehmen wir ein paar Zeilen Beispiel Code... ich habe zuvor drei Raster erstellt" - leider wird nicht klar, was hier überhaupt passiert.

Ich habe das Buch durchgelesen, weil mich das Thema sehr interessiert und fand darin viele Aspekte des Responsive Webdesign vorgestellt (sehr schön auch: "Flex Layout – schönes neues CSS") und zahlreiche Tipps und Links. Das ist zwar sehr intreressant und bereichernd, aber wirklich verstanden und seinen Horizont erweitert hat man dann ja erst, wenn man all diese Links "abgearbeitet" hat.

Fazit: Ein wichtiges Buch zum Thema Responsive Webdesign, dem leider gegen Ende hin immer mehr die Puste ausgeht und von dem am Schluss der Eindruck einer Linksammlung zurückbleibt.

Christoph Zillgens hat es geschafft solides Grundlagenwissen zum Thema RWD unterhaltsam und verständlich zu vermitteln. Obwohl mir die vorgestellten Techniken bereits bekannt waren, wurde das Buch nicht langweilig. Die vielen Tipps und Tricks zwischen den Zeilen bieten auch für fortgeschrittene Entwickler einen echten Mehrwert.
Zu Beginn geht Christoph Zillgens auf die notwendigen Basics des Themas ein. Die ersten Kapitel geben einen ausreichenden aber nicht zu detaillierten Überblick über die verschiedenen Themenbereiche. Was ist responsive Design? Welche Entwicklungen gingen dem heutigen Stand voraus? Was sind die Bestandteile einer responsive Website? Neben einem flexiblen Raster, wird (selbstverständlich) auch auf flexible Medieninhalte und Media Queries eingegangen. In den nächsten Kapiteln werden dann konzeptionelle Themen behandelt, Stichwort „Mobile First“. Auch der veränderte Workflow und der Umgang mit unterschiedlich wichtigen Inhalten werden beschrieben.
Nach ca. 1/3 des Buches wird es dann etwas praktischer. Anhand eines simplen HTML-Prototypen werden zunächst unterschiedliche technische Lösungen vorgestellt und konkret aufgezeigt: Meta-Viewport, HTML5-Elemente, Formulare.
Anschließend widmet sich Zillgens der Gestaltung – neben Layoutansätzen wird hier auch auf Typografie, Adaptive Images, Hintergrundbilder, Icons etc. eingegangen.
Es folgen wieder zwei technische Kapitel zu den Themen Navigationskonzepte- und Navigationslösungen, sowie ein ausführliches Kapitel über die anfangs bereits erklärten Media Queries. Das vorletzte Kapitel behandelt dann wieder eher konzeptionelle Themen – die Erstellung von Rastern und der Umgang mit komplexen Inhalten – das letzte Kapitel widmet sich der Performance-Optimierung.

Wenn man sich in einer Thematik bereits gut auskennt, hat man andere Erwartungen an ein Fachbuch, als wenn man sich in ein Thema gerade erst einarbeitet. Man überliest die Grundlagen, erwartet komplexere Lösungsansätze und wird pingelig was kleinste Fehler betrifft. Wie anfangs bereits erwähnt, haben mir die vielen kleinen Tipps, Tools, Scripte und Speziallösungen besonders gut gefallen. Ich bin sicher, dass dieses Buch insbesondere Einsteigern einen guten Überblick über die wichtigsten Bereiche des „responsive Webdesign“ vermittelt.

Nicht so gut gefallen haben mir wenige Punkte, dennoch möchte ich sie nicht unerwähnt lassen. Einerseits konnte ich den etwas sprunghaften Aufbau des Buches oft nicht ganz nachvollziehen, was dem Verständnis jedoch unterm Strich keinen Abbruch getan hat. Andererseits wurden mir einige Themen unter der Buchüberschrift „Responsive Webdesign“ etwas zu detailliert beschrieben (z.B. HTML5-Elemente), andere Themen kamen für meinen Geschmack dafür etwas zu kurz (z.B. Progressive Enhancement).
Äußerst ärgerlich fand ich, dass das auf dem Cover beworbene „gratis eBook“ lediglich ein PDF-Dokument ist. Da ich gerne digital lese, hätte ich auch gerne ein „echtes“ eBook im epub-Format gehabt. Das PDF-Dokument bietet weder die Möglichkeit komplexe Anmerkungen zu verfassen, noch lässt es sich komfortabel lesen. Darüber hinaus finden sich im Buch sehr viele Tippfehler.