Layout & Styles

Category Archive Layout & Styles

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";

Tags, , , , , ,

howto purge url mit squidclient

um mit dem squidclient veraltete dateien aus dem cache zu entfernen, geht man wie folgt vor:

 
user@server:/www$ squidclient -m PURGE http://www.example.com/js/javascript.js
 

Tags, , , , , ,

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:

Tags, , , , ,

: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

Tags, , , , , , ,