Lessの便利な使い方
最近 Stop using tail -f (mostly) や 「tail -f」を使うのは情弱、情強は「less +F」を使う などless押しな記事が幾つか上がっているんだけど、タイトルが煽り気味なのか若干反感を呼んでいるようなのでless派が職場で肩身の狭い思いをしないようにもう少し便利な使い方を紹介したい。 tail -fの様なScroll forward less +Fで起動またはless起動中にF 元記事にもあるtail -fと同様の振る舞い。正直この機能と検索だけでいいのであればtailで十分。lessの便利なところは様々な機能との組み合わせにあって、これから紹介する機能は基本的にこのモードと組み合わせが可能だ。あと、less開いてFのほうがタイプが面倒くさくないのでおすすめ。 1行で表示する (改行しない) less -Sで起動またはless起動中に-Sr(-Sでモード切
これまでのスタイルシートを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ページを開く
