Empfehlen Sie gute Möglichkeiten zur Erweiterung von CSS

Ich habe auf LESS (http://lesscss.org/), die Variablen und Makro-ähnliche Funktionen zu CSS hinzugefügt. Dies bedeutet, dass Sie eine RGB-Farbe einmal irgendwo definieren können, und diese Variable dann über Ihr gesamtes CSS verwenden. Grundsätzlich sieht es nach einer wirklich coolen Lösung aus.Empfehlen Sie gute Möglichkeiten zur Erweiterung von CSS

Allerdings hängt es von Ruby ab, das nicht Teil meines normalen Entwicklungsstacks ist, also dachte ich, ich würde hier fragen, ob jemand ähnliche CSS-Erweiterungen kennt, die in anderen Sprachen implementiert sind, die ich hinzufügen könnte zu meiner Werkzeugkette leichter? Danke.

Quelle

2009-07-02 Rik Heywood

Ich kann nicht helfen, aber welche Sprachen sind Teil Ihrer Werkzeugkette? –

native apps (oder die meisten kompilierten Sprachen wie C++ etc), Java, Javascript, PHP und wahrscheinlich einige mehr. Ich würde mich für alles interessieren, was nicht Ruby ist, und wenn es da draußen nichts gibt, stechen Sie in den sauren Apfel und installieren Sie Ruby ... –

FWIW, ich habe gerade Ruby mit dem Ein-Klick-Installer (Windows) installiert und dann "Juwel installieren weniger" und ich war fertig. Super-einfach und macht nichts wirklich kaputt ... Ich empfehle es sehr. –

A recent article in Smashing Magazine erwähnt die folgenden Werkzeuge:

dtcss (PHP Präprozessor für CSS)

#define mp margin, padding 
#define bg background 
#define fg color 

#define FONT Verdana, sans-serif 

html, body { 
     mp: 0; 
     bg: #000; 
     fg: #eee; 
} 
body { 
     font: small FONT; 
} 
input, textarea { 
     font: 1em FONT; 
} 

.fancy { 
     border-top-left: 2px solid #00f; 
     border-bottom-right: 4px dashed #f00; 
     b { 
       color: yellow; 
     } 
}

JSON CSS (basierend auf jQuery) - siehe Jonathan Antwort

Ich habe keine Erfahrung mit einem dieser beiden, aber ich würde zu hören, Erfahrungen aus anderen interessiert sein :)

Quelle

2009-07-02 13:01:56 onnodb

Sie können google 'Variable CSS über PHP' googlen. Es gibt verschiedene Websites, die Ihnen zeigen, wie Sie PHP verwenden können, um Ihre CSS zu generieren.
Die PHP-CSS-Route ist nett, wenn Sie Themen für eine Website entwickeln.

Quelle

2009-07-02 12:46:44

Während es ständig Debatte darüber gibt, mag ich die Konzepte hinter CSS JSON. Das bedeutet natürlich, dass wenn JavaScript nicht aktiviert ist, auch Ihre Stile verschwinden.

-Code Stil-Regeln in JSON Sie die Möglichkeit, Funktionen zu verwenden geben, Variablen und mehr bei der Bestimmung Werte:

var cssjson = { 
    ".copy-1":{ 
    "font-family":"Verdana, Geneva, Arial, Helvetica, sans-serif",   
    "font-size":"11px", 
    "color":"#CCC" 
    }, 
    "div#container div#header":{ 
    "CSSJSON-INHERIT-SELECTOR":".copy-1", 
    "position":"absolute", 
    "top":"12px", 
    "left":"4px" 
    } 
}

Dies hat dann in Tools wie CSSugar genommen und umgesetzt:

CSSugar(
    { 
    //match every even tr element 
    "tr:even" : { 
     "background": "pink" 
    }, 
    //match every input element of type text 
    ":text" : { 
     "fontFamily": "Verdana", 
     "fontSize": "11px", 
     "color": "green" 
    }, 
    //match the second div in the body 
    "body div:gt(1)" : { 
     "background": "orange" 
    } 
    }, 
    //lets use the jQuery selector engine 
    $ 
); 
//now feel the power, even in IE6!

Quelle

2009-07-02 12:50:59 Sampson

Betrachten Sie CSS & JS: http://taat.pl/en/cssjss/#additional

Es ist ein einfaches Skript, das Javascript und CSS-Dateien im laufenden Betrieb komprimiert. Und es ist schlau - verwendet eine zwischengespeicherte Kopie, fügt Cache-bezogene Heqders hinzu, räumt den Code/Stile auf. Darüber hinaus unterstützt es grundlegende CSS-Variablen.

Es ist in PHP geschrieben.

Quelle

2009-07-02 18:41:06

Empfehlen Sie gute Möglichkeiten zur Erweiterung von CSS

Antwort

Verwandte Themen