WordPress & Webwork » css-buch

Gastartikel: Modernes Webdesign mit CSS – Kreative, effektive und praktikable Workshops

Vladimir — Thu, 09 Feb 2012 11:15:58 +0000

Dieser Gastartikel stammt von Heiko Stiegert.

Wenn Sie standardkonforme Webseiten mit CSS attraktiv und modern umsetzen wollen, ist dies keine wirklich einfach Aufgabe. Denn Attraktivität ist nicht unbedingt auch gleichzusetzen mit Erfolg und das ist das bevorzugte Ziel eines jeden Webseitenbesitzers, ob Blogger oder Onlineshop-Betreiber. Wissen zu vermitteln, um diese Ziele erreichen zu können, gibt es viele. Eine Möglichkeit der Vermittlung von Wissen und Inspiration sind Bücher.

Mit dem folgenden Artikel möchte ich als Gastautor den Lesern dieses Blogs mein im Sommer letzten Jahres erschienenes Buch Modernes Webdesign mit CSS vorstellen. Der Untertitel "Schritt für Schritt zur perfekten Website" lässt dabei eventuell schon erahnen, dass sich den Ergebnisses der einzelnen über 20 Workshops sukzessiv genähert wird.

Die Workshop Beispiele dieses Webdesign Buches sollen dem Leser, anhand des Quellcodes und den Abbildungen in den einzelnen Kapiteln, einen etwas anderen Blick auf die Umsetzung von modernen Webseiten und ihren Elementen gewähren. Die zahlreichen Profi-Tipps und -Tricks sollten keine Ihrer Fragen offen lassen!

Einblend-Effekte auf Basis von CSS3 Animations

Die Möglichkeit bei der Umsetzung eines Webdesigns für ein Webprojekt nicht nur kreativ, sondern zusätzlich auch strukturell denken und sich in die CSS Workshop versetzen zu können, ist bei den Anwendungsbeispielen die ideale Voraussetzung, um die Vorteile von CSS (und insbesondere die von CSS3) zu erkennen und in Zukunft auch nutzen zu können.

Da beim Besuch einer Webseite oftmals nur Bruchteile von Sekunden über den Verbleib oder das Verlassen des Webseitenbesuchers und damit verbunden auch über dessen Erfolg entscheiden, ist es mittlerweile fast unverzichtbar das beim Designentwurf, sowie bei der umgesetzten Webanwendung eine klare visuelle und hierarchische Struktur und Gliederung deutlich zu erkennen ist.

Entw. von Design für verschiedene Endgeräte auf Basis von CSS3 MediaQueries

Insbesondere aufgrund der Entwicklung von responsiven Webesigns, müssen bei der Umsetzung dieser mehr Vorarbeiten bei der Entwicklung des Quellcodes geleistet werden, damit die Umsetzung des Design auch auf mobilen Endgeräten wie Tablets oder Smartphones optimal erfolgt. Da zahlreiche Workshops des Buches "Modernes Webdesign mit CSS" diesen Ansatz verfolgen, kommen Denkanstöße zu diesen Vorarbeiten in diesem Buch garantiert auch nicht zu kurz.

Zielgruppen des Buches Modernes Webdesign mit CSS

Einsteiger, die sich in Bezug auf den Einsatz von CSS und den damit verbundenen Möglichkeiten sich inspirieren lassen möchten
Fortgeschrittene, die bereits erste Erfahrungen im Umgang mit Webdesign haben, aber Neues über den Umgang und die kreative Gestaltung auf Basis von CSS3 erfahren möchten
erfahrene, professionelle Webdesigner und Screendesigner, die an kreativen Lösungsansätzen im Umgang mit CSS3 interessiert sind

Neue Möglichkeiten mit CSS3

Die Workshops dieses Webdesign Buches sollen die Vorteile des Einsatzes von CSS3-Eigenschaften nicht nur in Bezug auf eine bessere Performance verdeutlichen. Denn derjenige, der die Vorteile von Webstandards und insbesondere die neuesten Entwicklungen in Bezug auf CSS3 kennt (bspw. MediaQueries, Transition-, Transform- und Animations-Module,..), ihre Integration beherrscht und sie bereits bei der Konzeption und dem Webdesign berücksichtigt, kann auf seine Art und Weise dazu beitragen, das Web zukunftsfähiger und effektiver zu gestalten.

Akkordeon-Effekte auf Basis von CSS3 Transitions und ohne JavaScript

Denjenigen, die daran interessiert sind, liefert dieses Webdesign Buch Ansatzpunkte und zeigt mögliche Vorgehensweisen auf.

Aufbau und Darstellung – Einblicke ins Buch

Nach einer Einführung in CSS-Grundlagen die im Laufe des Buches immer wieder abverlangt werden, widmet sich das Buch auch den Themen der Accessibility, Usability, aber auch der Onpage-Optimierung der Elemente für Suchmaschinen, der Layoutgestaltung und natürlich auch immer wichtiger werdenden Performance von Webprojekten. Im zweiten Teilabschnitt des Buches Themen wird dann die Strukturierung und Gestaltung von Seitenelementen wie Navigationen, Datentabellen, Bildergalerien oder auch Formularen in über 20 Workshops vorgestellt.

Onlineformulare benutzerfreundlich und kundenorientiert gestalten

In bisherigen Rezensionen zum Buch, schreiben die Leser das diese mit CSS3 nur so gespickten Webdesign-Workshops den Drang transportieren, das Gelesene direkt umsetzen zu wollen. Das Ziel des Buches "Modernes Webdesign mit CSS" den Lesern somit das Zusammenwirken von HTML und CSS auf Basis kreativer, effektiver und vor allem praktikabler Workshops (siehe Abbildungen ) näher zu bringen, dürfte somit aufgehen.

Allgemeine Informationen zum Buch

Modernes Webdesign mit CSS – Schritt für Schritt zur perfekten Website
Seiten: 444
Verlag: Galileo Design
Buch: gebunden, komplett in Farbe, inkl. DVD
Preis: 39,90 Euro
ISBN:978-3-8362-1666-1

Heiko Stiegert ist seit Ende der 90er Webdesigner und -entwickler, Buchautor des unter anderem hier vorgestellten Buches Modernes Webdesign mit CSS (*), als auch Betreiber des Webstandard-Blogs und beschäftigt sich dort seit Jahren rund um Themen wie Webdesign, Webentwicklung, Usability, SEO, Trends, Inspirationen u.v.a.m.

* = Partnerlink des Gastautors

CSS: Das große Little Boxes Buch

Vladimir — Wed, 03 Aug 2011 08:00:45 +0000

Seit einigen Tagen steht das Rezensionsexemplar des neuen CSS-Buches vom Kollegen Peter Müller auf meinem Arbeitstisch. Das Werk heißt Das große Little Boxes Buch und ist mit seinen 800 Seiten und dem Hardcover alles andere als little.

Der große Umfang des Buches kommt dadurch zu Stande, dass Peter zwei seiner Bücher – Little Boxes 1 und Little Boxes 2 – aktualisiert und zu einem Buch zusammengefasst hat.

Das Werk richtet sich eindeutig an CSS-Anfänger oder an Kollegen, die sich in den letzten 4-5 Jahren in diesem Segment nicht fortgebildet haben. Denn das Buch fängt bei Adam & Eva an und hört mit einem 65-Seitigen YAML-Abschnitt auf.

Das Buch ist in zehn Abschnitte aufgeteilt, die da wären:

Die Einleitung
HTML-Crashkurs
CSS-Grundlagen
CSS-Positionierung: Positionierung und Floats
Mehrspaltige Layouts mit CSS: Positionierung und Floats mit fester und flexibler Breite
Vertiefung von HTML und CSS: HTML und CSS optimieren, Vertiefung in das Boxmodell und in die Selektoren
Navigation gestalten: vertikal und horizontal, Dropdown-Navigation etc.
Inhalte gestalten: Fließtext, Listen und Formulare gestalten, abgerundete Ecken
Das CSS-Framework YAML: inkl. Umgang mit dem YAML-Builder und Layoutbeispiele
Die Werkzeugkiste: Browsererweiterungen, Editoren und Linkliste

Peter schreibt gut, verständlich und dennoch locker. Man sieht den Texten an, dass er bereits mehrere gute Bücher geschrieben hat und das er seit Jahren als IT-Dozent arbeitet. Wer nach einer guter CSS-Einstiegslektüre sucht, dem kann ich Das große Little Boxes Buch auf jeden Fall empfehlen.

In Anbetracht des Umfanges ist der Preis von knapp 35 Euro fair und gerechtfertigt. Manch einen wird es stören, dass das Buch nicht in "Farbe" sondern in "Schwarz-weiß" ist, aber die Abbildungen sind auch in den verschiedenen Graustufen gut erkennbar und schließlich handelt es sich hierbei um kein Buch zum Thema Design, wo visuelle Feinheiten der Layoutbeispiele im Vordergrund stehen. Zudem darf man nicht vergessen, dass ein Farbdruck sich im Preis auf jeden Fall bemerkbar gemacht hätte.

Im Artikel befinden sich ein paar Partner-Links zu Amazon. Wenn du etwas darüber kaufst bekomme ich u. U. eine kleine Provision. Dir entstehen keine Extra-Kosten. Möchtest du das nicht, dann einfach bei Amazon die Suchfunktion benutzen.

Fortgeschrittene CSS-Techniken

Vladimir — Thu, 25 Jun 2009 22:24:57 +0000

Fortgeschrittene CSS-Techniken

Das Buch "Fortgeschrittene CSS-Techniken" ist in August 2008 beim Galileo-Verlag erschienen und richtet sich nicht an Anfänger sondern an ambitionierte Fortgeschrittene und Profis. Die Autoren sind Ingo Chao und Corina Rudel.

Das Buch umfasst gut 420 Seiten, ist in drei Abschnitte gegliedert und in insgesamt 14 Kapitel aufgeteilt.

Im ersten Abschnitt werden die grundlegenden CSS-Prinzipien beschrieben, im zweiten Abschnitt widmet man sich den Inkonsistenzen in den verschiedenen Browsern und dem CSS-Debugging. Im dritten Abschnitt wird das Buch mit einer praktischen Umsetzung eines Beispiel-Layouts abgeschlossen.

Das Buch ist komplett in Farbe und es wurde auch eine DVD beigelegt auf der sich sowohl die Code-Beispiele auch als einige Video-Lektionen befinden.

Mein Meinung zu "Fortgeschrittene CSS-Techniken"

"Fortgeschrittene CSS-Techniken" ist ein sehr gutes CSS-Buch und die Lektüre dieses Buches sollte jeder ernsthaft in Betracht ziehen, der vor hat in diesem Bereich seine Brötchen zu verdienen. Aber auch alte Hasen … und dazu zähle ich mich mittlerweile auch … werden in diesem Buch einige interessante Sachen und Aspekte lernen. Vieles was man geahnt hat und einiges woran man sich in der Praxis herangetastet hat, bekommt nach dem Lesen des Buches die passende theoretische Grundlage verpasst.

Und auch ich muss den beiden Autoren ebi dem ersten Satz in Vorwort völlig beipflichten:

CSS ist nicht einfach.

Der Preis von 39,90 Euro ist in meinen Augen völlig gerechtfertigt, weil sich zu dem äußerst guten Inhalt auch eine sehr gute Buchverarbeitung (Farbdruck, Hardcover, Leseband) gesellt. Man darf in diesem Zusammenhang nicht vergessen, dass lediglich die Hälfte des Buchpreises beim Verlag bleibt und von dieser Hälfte bekommen die Autoren, je nach Vertrag, zwischen 8-12% pro verkauftem Exemplar ausgezahlt.

Die einzige kleine Anmerkung die ich hätte, betrifft den Schreibstil der beiden Autoren. Mir persönlich ist er zu akademisch und zu ernst. Ein Prise Lockerheit und ein Schuss Humor würden da nicht schaden. Momentan schmökere ich "Website Boosting 2.0" von Mario Fischer und sein Schreibstil gefällt mir sehr: inhaltlich richtig, aber dennoch mit etwas Humor, Lockerheit und ein bisschen Augenzwinkern aufgepeppt. Seriös und Lustig muss sich nicht widersprechen.

Das heißt jetzt aber im Umkehrschluss nicht, dass sich die Autoren verbiegen und krampfhaft versuchen sollten humorvoll zu schreiben, nur weil ich oder evtl. ein paar weitere Leser sich dies wünschen.

Ein kleiner Hinweis an die Blockwarte und an Nutzer von Browser, die über keine Statusleiste verfügen: ja, die Links zu Amazon sind Partnerlinks. Das sind die fast immer wenn ich eine Rezension schreibe.

Little Boxes Teil 0

Vladimir — Thu, 22 Jan 2009 12:34:16 +0000

Little Boxes Teil 0

Peter Müller war wieder fleißig und hat uns den dritten Teil der Little-Boxes-Trilogie beschert … so ähnlich wie bei Krieg der Sterne kommt am Ende der Anfang. Aber im Vorwort beschreibt Peter ausführlich wie es zu diesem Teil und der "Nummerierung" kam.

Das Buch (Little Boxes Teil 0) richtet sich klar an die blutigen Anfänger und endet dort, wo der erste Teil der Little Boxes anfängt oder besser gesagt, dass Teil 0 liefert das Wissen, was man haben sollte wenn man mit dem ersten Teil der Reihe – HTML- und CSS-Grundlagen – anfängt:

Teil 0 ist kein Buch zu HTML und CSS, sondern erklärt interessierten Laien das Wichtigste rund ums Webpublishing: "Was Sie wissen sollten, bevor Sie eine Website bauen (lassen)"

Thematisch enthält es alles was ich in Seminaren vorweg erzähle, bevor es mit HTML und CSS los geht.

Peter schreibt auf gut 240 Seiten in gewohnt lockerer und verständlicher Schreibweise. Man erkennt nicht nur das er ein gewisses Schreibtalent hat, sondern das er auch schon einiges an Autoren-Erfahrung vorzuweisen hat.

Seine Erfahrung aus der langjährigen Tätigkeit als Dozent beschert ihm zusätzliche Vorteile, speziell wenn es darum geht die Erklärungen knapp aber dennoch präzise zu formulieren.

Das Buch ist also eine sehr gute Ergänzung der Little-Boxes-Reihe und eignet sich auch hervorragend als Einzelgeschenk speziell dann wenn man in der Verwandschaft und Bekanntschaft so einiges an grundlegender "Support-Arbeit" leisten muss, weil man sich mit Internet auskennt. Dieses Buch könnte dann dazu beitrage, dass die "Support-Anfragen" zurückgehen.

Mobiles Webdesign: Webseiten für mobile Endgeräte

Vladimir — Tue, 07 Oct 2008 12:45:17 +0000

Mobiles Webdesign

Mir wurde freundlicherweise vor mehreren Wochen ein Rezensionsexemplar von dem Buch "Mobiles Webdesign: Webseiten für mobile Endgeräte" (Autor: Manuel Bieh) vom Galileo-Verlag zugeschickt und ich wollte mich zuerst dafür bedanken.

Ich habe es leider aus Zeitmangel lediglich geschafft das Buch zu überfliegen. Deswegen hüte ich mich jetzt hier eine qualifizierte Meinung abzugeben, ich hoffe allerdings, dass ich es in den folgenden Wochen schaffe das Buch richtig zu lesen.

Aber vielleicht kann es hier jemand im Kommentar näher vorstellen und wer Interesse hat, der kann hier gerne eine Rezension unter seinen Namen veröffentlichen. Einfach Bescheid geben.

CSS Layouts – Das Buch zu YAML

Alex — Sat, 16 Dec 2006 15:56:00 +0000

Auf den weihnachtlichen Gabentisch von Web-/Frontendentwicklern gehört oft das ein oder andere Buch. Gerade dieses Jahr hat man die Qual der Wahl, da zahlreiche sehr empfehlenswerte Bücher zur Webentwicklung und CSS publiziert wurden. Just am 6. Dez 06 erschien das von Dirk Jesse geschriebene und im Galileo Verlag erschienene Buch CSS Layouts – Praxislösungen mit YAML.

Ich sage es gleich vorweg: zu diesem Buch fällt mir nur wow, wow, wow! ein. Ich habe in letzter Zeit einige (sehr) gute branchenspezifische Bücher gelesen doch dieses sticht sie alle aus.

Wie der Untertitel schon sagt, geht es auch um Yet Another Multicolumn Layout (kurz YAML). YAML ist ein CSS Layout Framework, das Dirk Jesse in den letzten 1,5 Jahren entwickelt hat. Download und Infos dazu auf yaml.de. Mit YAML lassen sich standardkonforme und browserübergreifend funktionierende robuste 2 bzw. 3 Spaltenlayouts (liquide als auch fixiert) erstellen.

Wer auf dem Weg zum Web-/Frontendentwickler ist, sollte sich YAML zu Gemüte führen, denn Dirk hat ganze Arbeit geleistet und in seinem Framework wirklich jeden Browserbug berücksichtigt. YAML ist so solide wie umfangreich. Ohne fundierte CSS Kenntnisse und Überblick über alle gängigen Browserbugs war es bis dato nicht gerade zeitsparend sich in das Framework einzuarbeiten.

Das ist jetzt mit dem Buch anders geworden. Auf 400 Seiten geht Dirk auf alle wesentlichen Browserbugs sowie deren Korrektur ein. Anschließend beschreibt er das YAML Konzept eingehend und stellt vertiefend auf YAML basierende Layoutvariationen vor. Zwei Kapitel, geschrieben von TYPO3 Kenner Dieter Bunkerd, beschreiben die Anbindung von YAML an TYPO3. Ein kurzes Kapitel ist YAML und xt:commerce gewidmet.

In diesem Buch ist kein Satz zuviel oder zuwenig. Es ist erstklassig strukturiert geschrieben, exzellent lektoriert und macht es dem Leser leicht alle Kernzusammenhänge zwischen (X)HTML/CSS und Browserbugs sowie deren Korrektur nachvollziehen zu können. Zielgruppe sind professionelle Frontendentwickler (ob Freelancer oder in Webagenturen) sowie CSS Passionierte, die robuste, standardkonforme Sites aufsetzen. Dabei ist es erstmal wenig wichtig, ob dies unbedingt mit YAML passiert. CSS Layouts kann ich auch jedem ans Herz legen, der/die professionelle CSS Lösungen erlernen möchte.

Mit 29,90 EUR ist das Buch nicht gerade günstig, doch es ist jeden Cent wert!
YAML gehört sicher die Zukunft – diesem Buch und euch wünsche ich das auch.
In diesem Sinne Fröhliche Weihnachten .

Eine kleine Einführung in YAML für Anfänger sowie eine vertiefende Buchrezension wird noch auf csshilfe.de veröffentlicht.

Zu Autorin

Alexandra Labudda ist Diplomingenieurin und Webentwicklern in Köln. Alex pflegt die deutsche Textpattern Resource textpattern [ge] und schreibt regelmäßig für das englische TXP Magazine sowie für das Kölner Blog Büro.

Die zwei Gewinner stehen fest

Vladimir — Tue, 07 Nov 2006 01:59:02 +0000

Das Gewinnspiel ist nun beendet und die zwei Gewinner stehen fest. Die Antwort auf folgende Farge wurde gesucht:

Worauf bezieht sich die Abkürzung CSS in meinem Buch?

Center for Security Studies
Counter-Strike: Source
Cascading Style Sheets

Die richtige Antwort in diesem Fall war Cascading Style Sheets. Es haben 89 Leute eine E-Mail geschickt und alle waren kurioserweise richtig. Fazit: die Leser dieses Weblogs sind schlau. Ich habe mich dann mit dem Herren Zufallszahl beraten und hier sind die Gewinner:

Ich gratuliere den Gewinnern und im Laufe der Woche werde ich die Bücher losschicken.

Zwei Bücher zu gewinnen

Vladimir — Fri, 27 Oct 2006 22:04:42 +0000

Ich habe die Ehre und das Vergnügen, das erste Gewinnspiel in diesem Weblog zu veranstalten. Zu gewinnen gibt es zwei mal CSS. Internet Intern. Die Infos zum Buch findet man u. a. im Beitrag "Mein erstes Buch".

Und wie sehen die Teilnahmebedingungen aus? Einfach die Antwort auf die folgende Frage auf meine E-Mail-Adresse schicken:

Worauf bezieht sich die Abkürzung CSS in meinem Buch?

Center for Security Studies
Counter-Strike: Source
Cascading Style Sheets

Das Gewinnspiel läuft bis einschließlich 07. November 2006. Danach werden die zwei Gewinner per Zufallsprinzip ausgewählt. Muss ich jetzt auch hierbei erwähnen, dass der Rechtsweg ausgeschlossen ist ? Ach ja, eure E-Mail-Adressen werden nicht weitergegeben und die Mails werden nach der Verlosung gelöscht.

Weitere Infos zu meinem CSS-Buch

Vladimir — Wed, 18 Oct 2006 12:12:23 +0000

Es gibt weitere Infos zu meinem Ersten Schritt als Fachbuchautor. Auf der Databecker-Seite gibt es zusätzliche Infos, ein Inhaltsverzeichnis (pdf), eine elfseitige Leseprobe (pdf), das Vorwort und das Stichwortverzeichnis.

Ich bedanke mich auch bei den Blogger-Kollegen für gute Wünsche und die Erwähnung. Hier eine Liste der Leute, diein Ihrem Weblog das Buch erwähnt haben:

Mein erstes Buch

Vladimir — Fri, 13 Oct 2006 13:44:12 +0000

Nun ist es so weit. Mein erstes Buch steht zum Verkauf bereit. Zusammen mit Jan Heinicke habe ich das 570 Seiten dicke CSS-Buch geschrieben. Hier die ersten Angaben:

CSS. Internet Intern
Jan Heinicke, Vladimir Simovic
Data Becker, 10/2006
571 Seiten (24 x 16,5cm)
gebundene Ausgabe
ISBN: 3815825989

Hier das Inhaltsverzeichnis welches ich selbst in eine (X)HTML-Datei umgewandelt habe. Ich habe auch einigen Leuten Rezensionsexemplare versprochen, vorgestern telefonierte ich deswegen mit dem Verlag und dort meinte man, die Bücher sollten diese Woche noch ankommen.

Nachtrag:

Leseprobe (pdf)
Inhaltsverzeichnis (pdf)
zusätzliche Infos
Stichwortverzeichnis
Vorwort
Ein Teil der Code-Beispiele (zip, 125kb)

WordPress & Webwork » css-buch

Gastartikel: Modernes Webdesign mit CSS – Kreative, effektive und praktikable Workshops

Zielgruppen des Buches Modernes Webdesign mit CSS

Neue Möglichkeiten mit CSS3

Aufbau und Darstellung – Einblicke ins Buch

Allgemeine Informationen zum Buch

Verwandte Beiträge:

CSS: Das große Little Boxes Buch

Verwandte Beiträge:

Fortgeschrittene CSS-Techniken

Mein Meinung zu "Fortgeschrittene CSS-Techniken"

Verwandte Beiträge:

Little Boxes Teil 0

Verwandte Beiträge:

Mobiles Webdesign: Webseiten für mobile Endgeräte

Verwandte Beiträge:

CSS Layouts – Das Buch zu YAML

Zu Autorin

Verwandte Beiträge:

Die zwei Gewinner stehen fest

Verwandte Beiträge:

Zwei Bücher zu gewinnen

Verwandte Beiträge:

Weitere Infos zu meinem CSS-Buch

Verwandte Beiträge:

Mein erstes Buch

Verwandte Beiträge: