F-LOG-GE

In Photoshop werden Schatten nicht mit CSS3-kompatiblen Reglern zugewiesen. Das verwundert nicht, schliesslich ist es eigentlich auch kein Webdesign-Programm. Möchte man die Photoshop-Einstellungen ohne allzuviele Probeläufe und Näherungstests in sein CSS übernehmen, bieten sich mehrere Ansätze an:

1. CSSHat, eine Software, die es für Windows und Mac gibt.
2. CSS3Ps, ein Photoshop-Plugin
3. PSD to CSS3, eine Webseite, in der man alle Photoshop-Einstellungen einträgt und dann ein Ergebnis generiert bekommt.
4. Ein Compass-Plugin, mit dem man die Photoshop-Einstellungen mittels Compass und Sass in CSS übertragen lässt.

CSSHat und CSS3Ps können mehr als nur Boxschatten transferieren. Ich habe keinen der Ansätze getestet, finde sie allerdings alle sehr hilfreich und probierenswert. Bislang habe ich normalerweise einen Schatten per Augenmass erstellt und ihn dann mit dem Designer abgestimmt. Das geht ohne Extra-Tools

Die Gedanken und Berechnungen hinter dem Compass-Plugin werden übrigens in einem Artikel ausführlich erläutert.

Am gestrigen Dienstag durfte ich auf der Jax in Mainz einen Vortrag über die Modularisierung von Webseiten halten. Ich habe beschrieben, dass ich Webseiten als eine Zusammenstellungen einzelner Module begreife. Ich zeigte, wie ich einen Klickdummy mit einzelnben HTML-Modulen aufbaue. Parallel dazu modularisiere ich mein CSS mittels Sass. Ein wichtiger Aspekt war auch der Blick auf das CSS. Ich habe OOCSS, SMACSS und BEM kurz vorgestellt, bewertet und meine Schlüsse daraus gezogen.
Den Rest des Eintrages lesen »

Mindestens die halbe Miete eines responsiven Projektes ist die richtige Herangehensweise. Im Rahmen einer internen Veranstaltung bei “Die Firma” in Wiesbaden richtete ich meinen Vortrag vor allem an Designer, Konzepter und Berater. Neben guten Gründe für responsives Webdesign präsentierte ich Ihnen die Konsequenzen, die ich für unsere Arbeit in Agenturen und für Kunden sehe.
Den Rest des Eintrages lesen »