Zen und die Kunst des CSS-Designs - 2. aktualisierte Auflage: Inspiration und Umsetzung (DPI Grafik)

Dieses Buch beweist ein für allemal, dass Design, das auf Standard-Vorlagen beruht, nicht langweilig sein muss. Dieses Inspirations-Wunderwerk diskutiert anhand von Beispielen der CSS-Zen Garden-Website, wie CSS-basierte Websites entwickelt werden, die den visuellen Ansprüchen kommender Web-Generationen entsprechen und zeigt Methoden, die durch CSS so erst möglich werden. In Abschnitten zu Design, Layout, Bildbearbeitung, Typografie und Effekten führen die Autoren durch jede Phase des Design-Prozesses. Als ganz besonderes Goodie zum Abschluss rekonstruiert das Kapitel 7 den Aufbau von ausgewählten Sites und zeigt so die Herangehensweise von Weltklasse-Designern auf. Willkommen! Dieses Buch beschreibt ein Projekt, das mithelfen soll, die Zukunft des Webs zu gestalten. Zen und die Kunst des CSS-Designs kam aufgrund einer am 8. Mai 2003 gestarteten Website zustande. Diese Site sollte die Herangehensweise an Webdesign ändern und mauserte sich zu einem internationalen Phänomen. Sie trägt die Bezeichnung „CSS Zen Garden“ und ist eine Gemeinschaftsarbeit vieler talentierter Menschen rund um die Welt. Wir nehmen das 5jährige Jubiläum des Zengardens zum Anlass, das Buch neu aufzulegen. Der CSC Zen Garden ist längst ein Klassiker und hat schon zahlreiche Webdesigner inspiriert. Darum haben wir das im Jahr 2005 erschienene englische Originalbuch überarbeitet und aktualisiert. Der Zen-Garten ist größer geworden und alle im Buch präsentierten Beispiele sind weiterhin aktuell sowie online abrufbar. Dabei lernen Sie grundlegende CSS-Design-Regeln bzw. wichtige Webstandards anschaulich und praxisnah kennen. Wenn Sie bislang noch nicht und nur recht wenig mit CSS gearbeitet haben, werden Sie schnell von der Flexibilität und den zahlreichen Design-Möglichkeiten begeistert sein. In der neuen Buchausgabe werden außerdem aktuelle Browserversionen berücksichtigt und wichtige Hacks bzw. Code-Tricks zur korrekten Darstellung vorgestellt. Hier erfahren Sie, wie Sie optimierte Seiten für Firefox, Opera und unterschiedliche Versionen des Internet Explorers entwickeln und damit ein weitgehend einheitliches Erscheinungsbild realisieren. Zudem haben wir alle Verweise auf wichtige Webseiten mit interessanten Informationen sowie die angegebene Literatur aktualisiert und erweitert. Der Zen-Garten ist zu gleichen Teilen Manifest und Galerie und wurde angelegt, um zu veranschaulichen, was sich optisch durch CSS-Design erreichen lässt. Designer werden gebeten, ihre eigenen Visionen in Form von Stylesheets und Bildern einzureichen. Der Haken besteht darin, dass alle Designs dieselbe grundlegende HTML-Datei nutzen müssen. Es gibt keine Ausnahmen; der HTML-Code ist für alle Designs absolut identisch. Unmöglich? Vielleicht sogar ein bisschen verrückt? Eindeutig klar ist auf jeden Fall, dass CSS in den richtigen Händen ein ebenso leistungsstarkes Designwerkzeug ist wie jedes andere. Dieses Buch zeigt 36 der brillantesten Beiträge zu dieser Site als Fallstudien und untersucht den Designvorgang und die verwendeten Werkzeuge und Codiertechniken. Ein ganzes Buch über eine einzige Website? Im Ernst? Bei einer gewöhnlichen Website wäre Ihre Skepsis durchaus angebracht. Aber der Zen-Garten steckt so voller Vielfalt und lehrreichen Lektionen, die von so vielen Menschen mit unterschiedlichen Fähigkeiten zusammengestellt wurden, dass die wirkliche Schwierigkeit darin bestand, all dies in das Manuskript für ein einziges Buch zu packen. Worum geht es in diesem Buch? Ist dieses Buch eine Dokumentation und Beschreibung der Site? Teilweiseja. Ist es ein Lehrbuch für empfohlene Vorgehensweisen und Techniken des Webdesigns? Auf jeden Fall. Ist es eine Galerie schöner Entwürfe, die Sie bei der Arbeit an eigenen Projekten zur Inspiration heranziehen können? Keine Frage. Als wir damit begannen, dieses Buch zu schreiben, war uns eines klar: Der Zen-Garten bietet so viele verschiedene Lektionen über modernes Webdesign, dass ein Buch über einen einzelnen Aspekt des Designs, z.B. das Layout, gerade mal an der Oberfläche kratzt. Um der Site gerecht zu werden, mussten wir alle Gesichtspunkte abdecken. Typographie, Farbtheorie, Layouttechniken – alles ist enthalten. Können Sie aus diesem Buch CSS-Design lernen? Ja, aber nicht als Anfänger. Um uns auf die visuellen Techniken zu konzentrieren, mussten wir die Grundlektionen überspringen und direkt mit dem mittleren Schwierigkeitsgrad beginnen. Um die Grundlagen der Syntax und Grammatik von CSS zu lernen, gibt es bereits hervorragende technische Lehrbücher. Nehmen Sie sich eines davon und machen Sie sich mit der Technologie vertraut, dann lesen Sie dieses Buch parallel dazu, um zu lernen, wie Sie die Techniken in optisch reizvoller Weise anwenden. Die in diesem Buch beschriebenen CSS-Techniken beschreiben nicht jedes einzelne Detail der CSS-Spezifikation, sondern bieten einen größeren Überblick und helfen bei der Lösung visueller Probleme. Wo es angebracht ist, wird auch die Browserunterstützung behandelt, um den Re