Browserhacks

Browserhacks

Variablen in CSS-Datei verwenden – 2010

Letztes Jahr hab ich bereits auf eine Möglichkeit hingewiesen, wie man Variablen in CSS-Dateien verwenden kann.
Nettuts (bzw. die Bezahlversion) wies nun auf einen neue Möglichkeit hin.
Anthony Short hat mit Hilfe von PHP ein CSS-Framework entwickelt mit dem man nicht nur Variablen (@constants), sondern auch Funktionen (@mixins) definieren kann.
Es gibt bereits Standardfunktionen die mit dem Framework mitgeliefert werden und sofort verwendet werden können. Wie z.B. verschiedene CSS-Grids ( Blueprint, 960gs ) oder CSS-Hacks (Clearfix).

Jeffrey Way, ein Author bei Nettuts, spricht bereits von: This Will Change the Way you Code your CSS

Kann ich nichts hinzufügen.

Variablen in CSS-Datei verwenden

In CSS Dateien ist es bekanntlich nicht möglich Variablen zu verwenden. Dies kann bei größeren Dateien und vor allem bei immer wieder verwendeten Styleangaben auf die Dauer ziemlich nervig sein kann.
Der einzige der sich freut, wenn die in mehreren Blöcken verwendeten Farbangabe geändert werden müssen, ist die Suchern/Ersetzen Funktion.
Jay Salvat zeigt auf  Nettuts+ wie es auch anders gehen könnte.
Einfach die Werte in Variablen am Anfang der CSS-Datei definieren und das schnelle Anpassen von Stylesheets wird auf einmal sehr einfach.
Ohne PHP und mod_rewrite geht allerdings nichts.

Link: How to Add Variables to Your CSS Files

Weitere Möglichkeit wird hier beschrieben, die es allerdings noch nicht zur Standardisierung geschafft hat.
Jens Meiert kommt mit der Frage auf, ob CSS Variablen überhaupt nötig sind.

70 Coding Ideas + 80 Design Tips von Smashing Magazine

Ich hatte schon mal von dem Artikel berichtet. Jetzt gibts ihn auch als PDF Version. Highlight !
PDF: 70 Coding Ideas + 80 Design Tips | Smashing Magazine

CSS Coding

Sehr interessanter Artikel mit nütrzllichen Tipps. Gleich „70 Expert Ideas“ … Wenn schon Experten im Einsatz sind, kann ja nix schiefgehen.
Im diesem Sinne … „Happy Coding“

favorite references …

Überschrift sagt eigentlich schon alles. Wer gern tags vergisst oder sich nich mehr ganz sicher ist …. oder einfach nur nachschauen will:

Wer suchet …

Fundgrube …

wer suchet der findet …
schöne sammlung von praktischen CSS Tipps … Einige dabei, die ich bisher noch nicht kannte ….
Und für einen Lacher zwischendurch gibts hier was …
Achja .. wer auf Pixel steht .. guckst du hier ….

CSS Cheat Sheet

CSS Cheat Sheet, knappe Zusammenfassung von CSS ‚Befehlen‘. Zwar relativ knapp gefasst, dafür alles auf einen Blick.
Tipp:
Mit der ScrapBook – FirefoxExtension die Seite archivieren und somit offline verfügbar machen. Dann hat man den ‚Cheat Sheet‘ immer zur Hand.