これまでのスタイルシートをLESSで書くとどうなるか·Css2Less MOONGIFT
Css2LessはCSSのコードをリアルタイムにLESSへ変換するWebアプリケーションです。 LESSをはじめてみたいと思いつつも、既にある資産が邪魔していたり最初のとっかかりがないと感じている人は多いのではないでしょうか。そこで使ってみてほしいのがCss2Lessです。 左側がCSS、右側がLESSです。 左側を編集すると右側が変更されます。 既存のCSSをペーストしました。右側にLESSに変換した結果が表示されます。 100行近く縮小されたのが分かります。 折りたたみ表示も便利です。 LESSは入れ子以外にも変数や条件式を使ったりもできるので単純にCss2Lessで変換した結果が最適という訳ではありません。が、まずは入れ子構造を適切にすれば編集しやすくなるでしょう。LESSをはじめる最初の一歩として使ってみると良さそうです。 Css2LessはRuby/Sinatra製、GNU Af
CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
2012年02月09日 13時58分更新 文●斉藤祐也／<a href="http://css.studiomohawk.com/">CSS Radar</a> 最近のWebサイトは大規模傾向にあり、Webアプリケーションを構築する機会も増えてきました。jQueryやMooToolsなど、JavaScriptを手軽に利用できるようにするライブラリーが普及する一方、Webサイトの表示を担うCSSにも、「Blueprint」や「960 Grid System」に代表されるフレームワークが登場しています。 「LESS」や「Sass」のようなCSS拡張メタ言語は、こうしたフレームワークとは異なり、CSSの言語自体を拡張し、CSSには存在しない機能を追加するものです。CSS拡張メタ言語を利用することで、変数、ミックスイン、入れ子ルール、名前空間、四則演算、関数などの動的な処理をCSSに追加でき、CS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
