LESS(CSSメタ言語)
CSSメタ言語というのがあるんですね。頻出する記述を一纏めにできたり変数を使えたりで便利そうです。
GitHubのtwitter bootstrapで、「*.less」というあまり見かけない拡張子のファイルを呼び出してたので調べてみたら、これがそうでした。最近見かけるようになったSassもこのメタ言語の事だったんですね。
javascriptで呼び出し時にCSSに変換するみたいですけど、サーバでコンパイル(?)してキャッシュしといたりできるんかしら。
https://github.com/twitter/bootstrap/tree/master/lib
LESS
LESSっていうCSSメタ言語のサイトです。
LESS « The Dynamic Stylesheet language
Variables allow you to specify widely used values in a single place, and then re-use them throughout the style sheet, making global changes as easy as changing one line of code.
文法も簡単で、例えば、
@base-color: #111; #header {color: @base-color * 5;}
と書くと、
#header {color: #555;}
って解釈されるみたい。おもしろいっす。
WP-LESS
WordPressでLESSを使えるようにするプラグインもありますね。
WordPress › WP-LESS « WordPress Plugins
LESS is a templating language based on top of CSS. It provides numerous enhancements to speed up development and make its maintenance easier.