またまた、twitterbootstrapネタです。 twitterbootstrapはデザイン初心者でも簡単にそれらしいデザインのものをつくれてしまうという賜物です。しかし、標準装備だけだとどうしても限界があります。bootstrap自体はCSSなのでベタで書き換えてもいいのですが、あまりかっこ良くないし、コードが長くなってしまい、可読性が落ちてしまいます。 そこで、もっと自由度を広げてくれるのが「LESS」です。 LESSとは LESSはCSS拡張メタ言語です。LESSを使うことによってコードが複雑になることを抑え、かつ簡単にデザインすることができます。 コードの書き方はほとんどCSSと変わりませんが、変数などの概念が入ってきます。では、以下のような手順で実際にLESSを使ってデザインしていこうと思います。 LESSの導入方法 LESSのコンパイラ環境を整える LESSファイルの編集