LESSというCSSの拡張言語が便利でさっそく今日から使ってみようと思う。
どうやらLESSというのはCSSに変数や関数をいれてプログラムのように動的にCSSをつくることができる言語らしい。記法はCSS＋javascriptといったところだけれど、実際は何かしらのプログラミング言語を学んだことがあれば障壁はほとんど0に近いと思う。だって、変数は@、関数はfunction name(){}、覚えるのに苦労はいらないからだ。
それに、CSSを一度学んだことのある人ならば、プログラミング言語を学んでいなくともLESSを読むだけなら容易にできそうだ。特に受けいれにくい概念もない。
CSSを普段通りに書いて、共通部分だけ変数や関数で置き換えて管理するだけでも十分に役立つと思う。
プログラミングのように値を演算で処理できるから画面幅やフォントサイズに合わせてpadding指定や相対的なdivの大きさなんかも指定できる。
CSSが書けない人ですら、変数名だけ丁寧につくれば、LESSで書かれたコードを管理できるんじゃないかな。複数人でプロジェクトを管理するのにもきっと役に立つはずだ。