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:
- gotAPI.com – quick developer reference for CSS, HTML, JavaScript, PHP, AJAX, SQL and more
- Koders – Source Code Search Engine
- Programmer’s reference: C, C++, HTML, HTML DOM, Java, JavaScript, MySQL, Perl, PHP, and Ruby
Wer suchet …
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.