:last-child vs. :not vs. & + &

von

Bekanntes Szenario: das letzte einer Reihe von Elementen (ob nun Listen- oder andere Html-Elemente) muß anders gestyled werden als der Rest. Wie selected man nun die Elemente auf elegante Art?

Grunt: unbenutzte Css-Deklarationen entfernen mit UnCSS

von

Bootstrap als Starterkit zu nutzen, ist eine schöne Sache, wie auch hier beschrieben. Es kann aber dazu kommen, daß man sich auch für kleine Projekte mit 50k+ Stylesheets konfrontiert sieht, selbst wenn man nur die tatsächlich genutzten *.less Files einbindet. // Core CSS @import „scaffolding.less“; @import „type.less“; //@import „code.less“; @import „grid.less“; //@import „tables.less“; @import „forms.less“; […]

LiveStyle für den ultimativen CSS-Live-Editing Workflow

von

Sergey Chikuyonok, der Entwickler des Emmet Toolkit, hat ein unglaublich wertvolles Css Live Editing Tool namens LiveStyle geschaffen. Und darüber einen sehr vollständigen Artikel auf Smashing Magazine veröffentlicht. Da wunderbarerweise LiveStyle mit meinem Lieblingseditor Sublime Text und meinem Lieblingsbrowser Chrome läuft, hab ichs gleich ausprobiert – und bin begeistert. Danke!

Screenshots per Css mit schickem Monitor-Rahmen versehen

von

Wer Screenshots seiner Arbeiten zeigen möchte und dabei ein paar Bytes sparen will, kann sich folgender Technik bedienen: Dem Bild wird hierbei einfach per Css ein Hintergrundbild verpasst sowie ein Padding, damit das Hintergrundbild auch sichtbar wird.

Html5 Boilerplate Kritik mit unerwartetem Lerneffekt

von

Jens O. Meiert kritisiert auf Google+ die ausufernden Conditional Stylesheets mit IE-Klassen im Html5 Boilerplate von Paul Irish u.a.: So people use stuff like <!–[if lt IE 7]> <html class=“no-js lt-ie9 lt-ie8 lt-ie7″> <![endif]–> <!–[if IE 7]> <html class=“no-js lt-ie9 lt-ie8″> <![endif]–> <!–[if IE 8]> <html class=“no-js lt-ie9″> <![endif]–> <!–[if gt IE 8]><!–> <!–<![endif]–> and […]

CSS Sprite Workflow mit Compass und Sass

von

Schon vor einiger Zeit habe ich angefangen, Compass mit Sass zu benutzen. Die Vorteile dieses  CSS-Preprozessors wurden ja schon ausgiebig gefeiert, Neues zum Thema findet sich zb. bei The Sass Way. Was mir bisher völlig durch die Lappen ging, ist das Superfeature der automatischen Sprite Erstellung. Hier darauf gestoßen, dann gleich selbst ausprobiert – total […]