Dave Shea/Molly E. Holzschlag – The Zen of CSS Design

Wasserblume(c)yongy/SXC

The CSS Zen Garden was created as a showcase for CSS design. It shows impressively what can be achieved by separating content from design. In the accompanying book the authors show several aspects of design and how you deal with these aspects in CSS. Each chapter shows several designs that are outstanding in a special field of design.

The book works nicely as an inspiration and explains some techniques that might be interesting for a CSS newbie. Experienced CSS users will not learn that much from it and I have to say that some designs and techniques might already be outdated in this fast-moving internet world. I haven’t done that much in web design in the last years, so I found the book quite inspiring and it’s also great fun to surf through the designs on the CSS Zen Garden Website. If you’re looking for inspiration that should be the first place to go. If you also love books than go and get this one.

Weitere Informationen:
CSS Zen GardenDave Shea’s blog mezzoblueMolly E. Holzschlag’s blog

Jeffrey Zeldman – Taking your talent to the web

Internet (c) pepsprog/PIXELIO

What you’ll learn in this book is only the beginning. (If you’re not comfortable with the idea that a career in web design necessitates continual learning, put this book down now and back slowly away.)

Bereits 2001 schrieb Jeffrey Zeldman (www.zeldman.com, Twitter: @zeldman) diesen Leitfaden für den Printdesigner, der sich in die Welt des Internets bewegen will. Vieles davon ist heute noch immer gültig, vieles davon ist nicht mehr aktuell, hatte aber damals durchaus seine Berechtigung.

Designer, die ihre Sporen im Printdesign verdient haben, unterschätzen oft die Unterschiede, die Herausforderungen, mit denen das Web sie konfrontiert. Das Web funktioniert anders als Print und dies ist wohl die wichtigste Lektion, die man sowohl aus der Praxis als auch aus Zeldmans Buch lernen kann. Technisch gesehen sind natürlich alle Tipps in Zeldmans Werk nicht mehr aktuell, aber das Besinnen auf Web Standards und das Trennen von Content und Design propagierte er schon damals, obwohl es technisch noch kaum umzusetzen war.

On the Web, as in talking to a policeman, clarity is a virtue. While it is tempting to get really creative with such elements, the most creative solutions are often the clearest.

Wer heute vom Printdesign ins Web einsteigen möchte, ist bestens damit beraten, sich einfach selbst im Web umzusehen. Aufmerksam zu beobachten, wie man selbst das Web benutzt und was dabei stört und nervt, ist das Wichtigste überhaupt. Dabei darf man weiters nicht vergessen, dass man mit wachsender Beschäftigung mit dem Thema den einfachen Blick verliert. 

Wer die notwendige Technik zum aktuellen Webdesign lernen möchte, muss zu anderen Standardwerken greifen. Wer etwas über das Web allgemein und auch über die Entstehung der unterschiedlichen Technologien wissen möchte, ist bei diesem Zeldman-Werk richtig. In seiner gewohnt witzigen Art beschreibt er die Arbeitsweise von Webdesignern und Programmieren inklusive dem Umgang mit Kunden. Für den tatsächlichen Einstieg ins Web sei in erster Linie Zeldmans Designing with Web Standards empfohlen.

Jason Beaird – The Principles of Beautiful Web Design

Wer sich mit Webdesign beschäftigen möchte, ist mit diesem Werk definitiv gut beraten. Auch wer bereits Erfahrung hat, wird bestimmt etwas Neues finden oder etwas aus einem anderen Blickwinkel sehen.

The most important thing to keep in mind is that design is about communication. If you create a web site that works and presents information well, but looks ugly or doesn’t fit with the client’s brand, no one will want to use ist. Similarly, if you make a beautiful web site that isn’t usable and accessible, people may not be able to use ist. 

Jason Beaird erklärt anhand eines Beispiels (der fiktive Kunde Florida Country Tile) den Prozess des Designs einer Webseite und erklärte dabei Schritt für Schritt, welche Elemente dabei zu beachten sind. Struktur, Farbe und Typographie werden dabei genauso behandelt wie das Auswählen der richtigen Fotos.

Natürlich werden viele Punkte nur am Rande gestreift, etwa die Bildbearbeitung bzw. Bildverbesserung, aber dafür gibt es auch genügend andere Literatur, die sich der geneigte Leser im Ernstfall zulegen kann (oder man sucht sich einfach Tutorials im Internet …). 

Good design is about the relationships between the elements involved, and creating a balance between them.

Empfehlenswert auch für Developer, die grundsätzliche Design Principles verstehen wollen oder als Erklärungshilfe für lästige Kunden, warum etwas so oder so sein sollte. Sehr gelungen.

Steve Krug – Don’t make me think

Da möglicherweise tatsächlich ein paar Webprojekte auf der Matte stehen, habe ich mir nochmal Steve Krug aus dem Regal genommen. Eigentlich habe ich es schon vor ein paar Jahren gelesen, aber da ich es bisher im Blog noch nicht behandelt habe, kommt es jetzt mit hinein.

Steve Krug beschreibt auf amüsante Art und Weise die Basics der (Web-)Usability. Der User soll nicht denken müssen. Auf der Basis dieser Grundregel erklärt er alles Weitere, was beim Design von Webseiten beachtet werden soll. Weiters behandelt er Usability Testing und wie man das mit wenig Budget macht. Wenn man nur fünf User testet und das dafür in drei Etappen findet man mehr Fehler oder Probleme, als wenn man einmal 15 User testet. Besser mit irgendjemandem testen (also eventuell auch jemanden außerhalb der Zielgruppe) als gar nicht zu testen.

Das alles beschreibt er amüsant und kurzweilig und spricht dabei auch unangenehme Wahrheiten aus, die man als Webdesigner oder Webdeveloper zwar weiß, aber vielleicht nicht so gerne hört:

Es ist eine Tatsache: Die Leute werden Ihre Webseite nicht benutzen, wenn sie sich darin nicht zurecht finden.

Dem ist nichts hinzuzufügen.

Jeffrey Zeldman – Webdesign mit Webstandards

Wenn ich mit diesem Buch einen Glücksgriff getan habe, dann sollte auch erwähnt sein, dass das Glück nur noch größer sein hätte können, hätte ich es mir auf englisch bestellt (anstatt es spontan im österreichischen Buchgeschäft in deutscher Übersetzung zu kaufen).

“Nebenbei werden in zukünftigen Versionen von XHTML präsentationsbezogene Elemente wie <b> und <i> wahrscheinlich den Weg des Dodo-Vogels gehen.”

In diesem unterhaltsamen Stil beschreibt Zeldman, wie man mit Webstandards designt, warum diese wichtig sind und wie es überhaupt dazu kam und man bekommt sogar einen Eindruck davon, wie es damit in Zukunft weitergehen könnte.

Das Buch ist leicht zu lesen, der Codeanteil beschränkt sich auf ein Minimum, es genügt aber, um ein Verständnis davon zu bekommen, wie man auf diese Weise arbeitet. Was nicht im Buch ist (vermutlich würde es für einen eigenen Wälzer in der Größe reichen), ist, wie man all die Standards mit einem Content Management System umsetzt bzw. welches (Open-Source-)CMS mit Standards umgehen kann.

Als Nächstes steht auf meiner Reise ins Web 2.0-Land dann wohl Jeremy Keith: Dom Scripting und Eric Meyer: Eric Meyer’s CSS auf dem Plan.

Zeldman ist definitiv ein wichtiger Schritt für alle, die ihre Webseiten zugänglich gestalten wollen oder auch nur einen tiefen Einblick in das Thema gewinnen. Ein absoluter Gewinn.

 

Angie Radtke, Dr. Michael Charlier – Barrierefreies Webdesign

Nächster Versuch meines Projekts zur Wissenserweiterung über das Internet. Dieser übersichtliche Addison-Wesley-Band beschreibt die Grundprinzipien der Accessibility anhand der Standards WCAG und BITV (deutsche Gesetze zum Thema Barrierefreiheit). Das Buch richtet sich sowohl an Webentwickler als auch an Webseitenbetreiber, die sich über das Thema informieren möchten.

Webseitenbetreiber werden mit den beiliegenden Codebeispielen wohl eher wenig anfangen können, jedoch sind diese in einem Umfang gehalten, der dem Webentwickler einen Anhaltspunkt verleiht (die Umsetzung für das jeweilige Projekt wird sowieso umfassendere Recherchen im Internet erfordern) aber den Webseitenbetreiber nicht nervt. 

Nach der theoretischen Erläuterung des Themas widmen sich die Autoren dem fiktiven Webauftritt des fiktiven Städtchens Bad Seendorf, den sie zuerst mit umfangreichen Barrieren gestalten, um diese dann zu verbessern und letztendlich in einem Redesign nach Möglichkeit auszumerzen. Dieser Ansatz scheint vernünftig, da ein komplettes Redesign einer Seite oft nicht möglich ist und auch mit behutsamen Änderungen signifikante Verbesserungen erreicht werden können (zumindest wenn die Ausgangsseite so schlecht ist wie Bad Seendorf).

Als Einstieg in das Thema eignet sich das Buch bestens, unbefriedigend ist jedoch das letzte Kapitel zum Thema Content Management. Die Autorin arbeitet selbst am CMS Joomla mit und zeigt hier natürlich eine deutlich (aber immerhin offen) parteiische Meinung. Hier wäre eine ausführlichere und unabhängige Behandlung wünschenswert gewesen.

Florence Maurice – Web 2.0-Praxis: AJAX, Newsfeeds, Blogs, Microformats

Obwohl ich von der Markt&Technik-Reihe nicht das Beste gehört habe, habe ich mich bei meinen Weiterbildungsmaßnahmen zum Thema Web 2.0 für dieses Buch entschieden.

Die Einführung zum Thema ist ganz brauchbar, wenn man vorher gar keine Ahnung hat, weiß man nachher einiges mehr, wenn man schon ein bißchen eine Vorstellung hat, gibt es nicht besonders viel Neues.

In den einzelnen Kapiteln erklärt die Autorin einfach und halbwegs witzig geschrieben einzelne Aspekte des Web 2.0 wie Blogs, Podcasting und AJAX. Mit den Programmierbeispielen kann man eher nur etwas anfangen, wenn man bereits Ahnung davon hat, allerdings sind sie für diese Leser dann auch eher ermüdend, weil jeder winzige Aspekt erklärt ist. Da das Buch mit drei von fünf Punkten für Fortgeschrittene gedacht ist, stellt sich ernsthaft die Frage, wie man das einem Einsteiger erklären würde.

Auf der beigeschlossenen CD findet sich allerhand Software, die man zum Testen der beschriebenen Beispiele benötigt, allerdings nur als Windows bzw. Linux-Versionen, Mac-User fallen komplett unter den Tisch. (Vielleicht darf ich die Annahme äußern, dass die Autorin vermutet, Mac-User könnten sich ohnehin selbst helfen?). Da das Buch jedoch im Frühjahr 2007 fertiggestellt wurde, dürften die Programme ohnehin nicht mehr aktuell sein, was die CD ziemlich wertlos macht (man sie aber zweifellos mitbezahlt).

Im Großen und Ganzen interessante Bearbeitung des Themas, jedoch eher für Einsteiger als für Fortgeschrittene. Für meine Recherchen hat es nicht besonders viel genutzt, ich werde anderswo weitersuchen.

 

Erik Möller – Die heimliche Medienrevolution

Viel gibt es zu sagen zu diesem Werk, daher der Versuch einer übersichtlichen Struktur (ohne Anspruch auf Sinn und Vollständigkeit der Reihenfolge):

1. Im ersten Kapitel geht Möller auf die Geschichte der Medien von der Entwicklung der Schrift bis zum heutigen Status ein, allerdings nur oberflächlich. Wer sich bereits ein bißchen mit Medientheorie beschäftigt hat, wird hier nichts neues finden und kann dieses Kapitel auch überspringen.
Interessant wird es erst, wenn Möller sich mit den Vorläufern des WWW beschäftigt:
So erinnert Memex letztlich an modernen Hypertext, doch wer das System schlicht als einen Vorläufr des World Wide Web betrachtet, denkt nicht weit genug. Denn das Web wird von den meisten Nutzern nur passiv konsumiert. 

Und damit ist Möller schon bei seinem zentralen Thema: Seine Leser für das “Mitmachweb” zu begeistern. Aber davon später mehr.

2. Im Abschnitt, der sich mit freier Software beschäftigt, erläutert Möller ausführlich die Entwicklungsgeschichte freier Software, speziell der Entwicklung unterschiedlicher Linuxdistributionen. Auch dabei geht er leider nur soweit ins Detail, dass interessierten Laien das Meiste bereits bekannt sein sollte.
Weiters verbreitet er sich über die Lizenzen, die freier Software zugrunde gelegt werden können und hält ein flammendes Plädoyer für freie Software und gegen den allgegenwärtigen Giganten Microsoft.
Was mich zu der Frage bringt, warum der Befürworter von freien Inhalten sein eigenes Buch NICHT unter einer Creative Commons Lizenz veröffentlicht. Man lese dazu die äußerst detaillierten Copyright-Bestimmungen:
Die vorliegende Publikation ist urheberrechtlich geschützt. Alle Rechte vorbehalten. Die Verwendung der Texte und Abbildungen, auch auszugsweise, ist ohne die schriftliche Zustimmung des Verlages urheberrechtswidrig und daher strafbar. Dies gilt insbesondere für die Vervielfältigung, Übersetzung oder die Verwendung in elektronischen Systemen.

3. Weiter geht es mit Blogs und Wikipedia. Es sei gesagt, dass es sich bei dem mir vorliegenden Werk um die 2. Auflage 2006 handelt, inwiefern Aktualisierungen zur ersten Auflage vorgenommen wurden, kann ich nicht beurteilen.
Jedoch folgender Texte dürfte wohl angesichts des Youtube-Erfolges (Youtube wird überhaupt nicht erwähnt) bereits 2006 nicht mehr aktuell gewesen sein:
Es bleibt abzuwarten, ob im schönen neuen Video-Web Inhalte von unten eine ähnlich große Rolle spielen werden wie in der Welt von Text, Audio und, gerne vernachlässigt, Fotos.

Auch das Audio-Podcasting wird in diesem Kapitel nur kurz angeschnitten, die Bedeutung dieser Technologien wird von Möller offensichtlich unterschätzt.

4. Für bedenklich halte ich Herrn Möllers Einstellung zum Thema Datenschutz. Zum Abschluss des Buches versucht er, einen Ausblick in die Zukunft zu formulieren:
Stellen Sie sich ein Gerät vor, das Ihnen Personen in Ihrer Nähe zeigt, die Sie kennen lernen sollten – und das diesen Personen das Gleiche signalisiert (natürlich nur, wenn beide Personen Interesse und Zeit haben). Die typischen Barrieren für den ersten Kontakt können so überwunden werden.

Es fällt mir schwer, tatsächlich alle beängstigenden Auswirkungen eines solchen Geräts auszumalen, jedoch zeigt dieses Statement deutlich auf, dass sich Möller offensichtlich keinerlei Gedanken über Privatsphäre macht, die uns das Web 2.0 ohnehin unauffällig stiehlt. Wollen wir wirklich eine Welt, in der man als Außenseiter gilt, wenn man nicht bei dieser oder jener Community dabei ist? (in Schulen ist das bereits heute Realität, wo ganze Klassen beispielsweise im studivz dabei sind).

5. Hierzu sei auch noch sein Appell auf der letzten Seite erwähnt:
Schaffen Sie ihren Fernseher ab und informieren Sie sich aus dem Internet.

<ironie>Denn alles, was im Internet steht ist wahr, genauso wie alles, was im Fernsehen kommt, unwahr ist.</ironie> Mehr gibt es dazu wohl nicht zu sagen.

6. Weiters möchte ich anregen, dass ein umfangreicheres Glossar die Lesbarkeit erheblich erhöhen würde. Immer wieder werden im Text Technologien erklärt, die den meisten Lesern ohnehin bekannt sein dürften. Diese könnte man ohne Weiteres in einem umfangreichen Glossar zusammenfassen und müsste nicht ständig im Text Abkürzungen und Technologien erläutern.

Trotz allem lässt sich sagen, dass Möller das Web 2.0 aus einem interessanten Blickwinkel darstellt, man sollte seine Einstellung zu diesem Thema jedoch dringend kritisch hinterfragen und nicht unüberlegt in seine Hochrufe einstimmen.