Smart*CSSとは

Smart*CSSは構造化（階層化、あるいは入れ子）したCSSを動的に変換して出力するシステムです。変換はSmart*CSSが自動でやってくれるので、「手元で変換して、そのファイルをアップ」のような面倒なことは一切必要ありません。

CSSというのは「言語」として見た場合、非常にイケてない仕様になっています。

#content p { ～ }
#content h1 { ～ }
#content ul { ～ }

のようなCSSを書いて「何で毎度毎度#contentとか書かないかんねん」とキレそうになった経験のある人に使って頂ければ幸いです。特に何かプログラム言語を知っている人には馴染みやすいんじゃないでしょうか。

Smart*CSSを使用すると、CSSをこのように構造化して書くことが出来るようになります。記述方法の詳細はExampleをご覧ください。

#content {
    p {
        margin:1em;
        padding:0;
    }
 
    ul {
        list-style:none;
 
        li { padding:5px; }
    }
}

動作環境

Smart*CSSを動作させるには、以下の条件を満たすサーバ環境が必要です。

• phpがインストールされている
• mod_rewriteが動作する

phpのバージョンは4系、5系どちらでも構いません。恐らく普通のレンタルサーバ環境であれば問題なく動作するはずです。

ダウンロードとインストール方法の解説はDownload & Installを参照してください（リンク切れ修正しました。thanks to @cocoitiban）。

今後の予定

• Smartyを外す … 導入をもっと簡単にしたい。変数ぐらいは自前で実装しよう
• 静的ファイルの出力 … サーバの付加を極力減らしたいニーズに（今も重くはないはずだけど）

ご意見、ご要望などはryo.studiom@gmail.comまたはLism.inブログまでどうぞ。