手書き CSS コーディングを楽にする Less

投稿日 2015/01/02

[Home] 前の記事 次の記事

Less とは

Jade が HTML のテンプレート (プリプロセッサでもある) であるのに対し、Less は CSS のプリプロセッサとしての性格が強いです。CSSを動的に変更するということはあまりないので、lessc コマンドで.less ファイルを .css ファイルに変換して使う場合が多いです。

一方、サーバサイドだけでなくクライアントサイド (ブラウザ) で Less を使うこともできます。それには、less.js というライブラリを HTML に仕込んでやる必要があります。ただ、この方法だと、CSS に変換するのに時間がかかるため、画面のちらつきが発生し開発時など以外の使用は推奨されていません。

インストール方法ですが、Node.js とともに使うことを前提にしているらしく、Node.js に付属の npm コマンドを使ってインストールします。

install -g less

インストールが成功したら、lessc コマンドが使えるようになるはずなので、これを使って .less ファイルを .css ファイルに変換します。

style.less

 

Less のサンプル

 

Less のチュートリアル

下のページはLessの簡単なチュートリアルです。

Less

 

 

 


 このページの先頭  前の記事 次の記事

 開設 2014年12月   著作権 2014-2015 bonk.red  連絡先: TEL 111-222-3333 MAIL sales@xxxxx.jp