lessのコメントの書き方: /* foo */は出力され // barは出力されない - memo.yomukaku.net
公開日時: 2011-12-20 23:45 Lessでcssを生成する場合、元のlessの中で使えるコメントには/* ここがコメント */のようなCSSスタイルのコメントと// ここがコメントのような行頭にスラッシュを二つ重ねた形式のコメントの二種類が使えます。 2種類のコメント形式がありますが、前者はlessから生成されたcssの中に残る一方、後者はlessの中だけのコメントにとどまり、cssに出力されません。 cssに残るlessの中のコメントの例 /* header for splash screen */ header { &.splash { background: @grayLight; } } // 上のlessは以下のcssに変換されます。 // /* ... */ で書いたコメントがcssにも出力されます。 /* header for splash screen */
Lessをeclipseでいじろう！！
この投稿はCSS Preprocessor Advent Calendar 2012の１５日目の投稿です。このポストでCSS Preprocessor Advent Calendar 2012を知ったという方は一日目の投稿から読むことをお勧めします ここまでの１４日間のAdvent calendarでLessに興味を持ち、導入意欲も湧いてきたかと思いますが、私自身、初歩的な環境構築がわかっておらず。。。 そこで、家ではMac,仕事場ではWindows環境な私が両環境で共通で使えそうなEclipse上でLessを記述する方法例を書きます。（ハードル低くてすみませんｗｗ） 今回、作成したサンプルプロジェクトのソースはgithubに置いてあります。 内容： Lessとは SassよりLessって・・・ 開発環境 環境構築 Lessをいじる コンパイル まとめ （内容で、間違っていたら指摘してくだ
イマドキのIDE事情(132) CSSの作成を効率化! EclipseでLESSを編集するためのプラグイン
LESSとは? Webページにおいて、コンテンツをHTMLに、デザインをCSSに分離するという手法が一般的になって久しい。CSSはシンプルな記法を持つが、その反面、同じような記述を何度も行わなければならず、記述が冗長になりがちでメンテナンス性にも問題がある。LESSはこの問題を解決するために、CSSをプログラマティックに記述できるようにするものだ。 LESSを使用することで、変数や関数などを用いた共通化を行うことができる。また、LESSで記述したスタイルシートは、Webブラウザ上でJavaScriptを用いて動的にCSSに変換したり、lesscというコンパイラを用いて事前にCSSに変換しておくこともできる。スタイルの作成中など表示を逐次確認したい場合は動的に変換、実際にサイトを公開する際にはlesscで変換したCSSを使用するといった使い分けが可能だ。最近ではWebフレームワークでもLES
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
