Einführungen in Grunt

Schon sehr lange schiebe ich die Einarbeitung in Grunt vor mir her. Wie bei Sass habe ich lange den Nutzen für mich nicht erkannt. Doch so langsam formen sich Nutzungsstrategien in meinem Kopf.
Den Rest des Eintrages lesen »

Tool verbessert Umgang mit Github Gists

Github bietet neben der Verwaltung ganzer Projekte auch die Verwaltung von Codesnippets an. Tools wie Dabblet greifen darauf zurück und sparen sich dadurch eine eigene, separate Datenhaltung. Doch leider haben diese praktischen Gists einen Nachteil: sie lassen sich weder kategorisieren noch taggen. Meine eigene Sammlung wird dadurch immer unübersichtlicher und vielen anderen wird es genauso gehen.
Den Rest des Eintrages lesen »

Links zu Sass und Compass

  1. Chris Eppstein und Krys Taylor sprachen vor Linkedin-Entwicklern über Sass-Best Practices und einen guten Workflow. Die Folien werden in diesem Falle begleitet von der passenden Videoaufnahme.
  2. Das Sass-Mixin “hidpi” kümmert sich um die passende Einbindung von Bildern für hochauflösende Devices (vulgo: Retina-Display).
  3. Es gibt einen interessanten Podcast zu Sass, mit ergänzenden Beiträgen.

Boxschatten aus Photoshop in CSS transportieren

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:

CSSHat, eine Software, die es für Windows und Mac gibt.
CSS3Ps, ein Photoshop-Plugin
PSD to CSS3, eine Webseite, in der man [...]

Webseiten modular entwickeln

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 [...]