Recommander de bons moyens d'étendre CSS

J'ai regardé MOINS (http://lesscss.org/) qui ajoute des variables et des fonctionnalités similaires à CSS. Cela signifie que vous pouvez définir une couleur RVB une fois quelque part, puis utiliser cette variable tout au long de votre CSS. Fondamentalement, cela ressemble à une solution vraiment cool. Cependant, cela dépend de Ruby, qui ne fait pas partie de ma pile de développement normal, alors j'ai pensé que je demanderais ici si quelqu'un connaît des extensions CSS similaires qui sont implémentées dans d'autres langages que je pourrais ajouter à ma chaîne d'outils plus facilement? Merci.Recommander de bons moyens d'étendre CSS

Source

2009-07-02 Rik Heywood

Je ne serai pas en mesure d'aider, mais quelles langues font partie de votre chaîne d'outils? –

applications natives (ou la plupart des langages compilés comme C++ etc), java, javascript, php et probablement un peu plus. Je serais intéressé par tout ce qui n'est pas Ruby, et s'il n'y a rien là-bas, mordre la balle et installer Ruby ... –

FWIW, je viens juste d'installer Ruby en utilisant le programme d'installation en un clic (Windows) et puis "gem installer moins" et j'avais fini. Super simple et ne casse vraiment rien ... Je le recommande vivement. –

Un recent article in Smashing Magazine mentionne les outils suivants:

dtcss (PHP préprocesseur 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 (basé sur jQuery) - voir la réponse de Jonathan

Je n'ai aucune expérience avec l'un de ceux-ci, mais je serais intéressé par les expériences des autres :) entendre

Source

2009-07-02 13:01:56 onnodb

Vous pouvez google 'variable css via php'. Il existe différents sites qui vous montrent comment vous pouvez utiliser PHP pour générer votre CSS.
La route php-css est agréable si vous développez des thèmes pour un site web.

Source

2009-07-02 12:46:44

Bien qu'il y ait un débat constant à ce sujet, j'aime beaucoup les concepts derrière CSS JSON. Bien sûr, cela signifie que si javascript n'est pas activé, vos styles disparaissent aussi.

Code de votre style règles en JSON vous donnant la possibilité d'utiliser des fonctions, des variables et plus dans les valeurs déterminantes:

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

Cela a ensuite été prises et mises en œuvre dans des outils tels que CSSugar:

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!

Source

2009-07-02 12:50:59 Sampson

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

C'est un script simple qui compresse les fichiers Javascript et CSS à la volée. Et c'est intelligent - utilise une copie en cache, ajoute des heqders liés au cache, nettoie le code/les styles. Au-dessus de tout, il supporte les variables CSS de base.

Il est écrit en PHP.

Source

2009-07-02 18:41:06

Recommander de bons moyens d'étendre CSS

Répondre

Questions connexes