FoundationPress – compass läd import pfade nicht

wenn ihr auch probleme habt die app.css in eurem FoundationPress starter theme für wordpress mit compass zu generieren, müsst ihr evtl. die internen pfade der @import dateien anpassen:

// in app.scss
@import "foundation";
replace with
@import "../bower_components/foundation/scss/foundation";

// in _settings.scss
@import "foundation/functions";
replace with
@import "../../bower_components/foundation/scss/foundation/functions";

webpiraten in neuem gewand

…und gleich was gelernt.
photoshop ist für die dateigrössen reduktion von .png dateien ungeeignet.
wer also fireworks sein eigen nennt, kann relativ unkompliziert bei den export eigenschaften
ein PNG8 mit alpha schatten erzeugen, welches nur die hälfte der grösse beansprucht wie ein PNG24.

hier das ergebnis:

:nth-of-type Pseudo-Klasse macht Tabellen-Zeilen Highlighting einfach

Das abwechselnd farbliche Absetzen von Tabellenzeilen in HTML kann auch mittels einer CSS 3 Pseudo Klasse umgesetzt werden.

/* heighlight jeder 2ten zeile beginnend mit der ersten */
tr:nth-of-type(2n+1) { background-color:#f7f7f7; }

/* heighlight jeder 2ten zeile beginnend mit der zweiten */
tr:nth-of-type(2n) { background-color:#f7f7f7; }

Der InternetExplorer weigert sich leider bis dato diese CSS 3 Angaben zu interpretieren.

Mehr Informationen zu CSS 3 Selektoren liefert der W3C