亚博国际亚博官方网址： www.501yb.com 点击进入
イマドキのIDE事情(132) CSSの作成を効率化! EclipseでLESSを編集するためのプラグイン
LESSとは? Webページにおいて、コンテンツをHTMLに、デザインをCSSに分離するという手法が一般的になって久しい。CSSはシンプルな記法を持つが、その反面、同じような記述を何度も行わなければならず、記述が冗長になりがちでメンテナンス性にも問題がある。LESSはこの問題を解決するために、CSSをプログラマティックに記述できるようにするものだ。 LESSを使用することで、変数や関数などを用いた共通化を行うことができる。また、LESSで記述したスタイルシートは、Webブラウザ上でJavaScriptを用いて動的にCSSに変換したり、lesscというコンパイラを用いて事前にCSSに変換しておくこともできる。スタイルの作成中など表示を逐次確認したい場合は動的に変換、実際にサイトを公開する際にはlesscで変換したCSSを使用するといった使い分けが可能だ。最近ではWebフレームワークでもLES
ADWAYS ENGINEERS BLOG:プログラマー向けのCSS:LESS入門
2012年04月20日 プログラマー向けのCSS:LESS入門 みなさんこんにちは。今週も登場しましたチーフエンジニアの菊池です。 今週は先週に引き続き「プログラマー向けのスタイルシート LESS 」について、入門編をお送りしたいと思います。 まず始める前に、僕と同じ vim 使いの方は VIM-LESS というのを入れておくと、シンタックスハイライトとかしてくれるので便利です。 VIM-LESShttps://github.com/groenewege/vim-lessLESS をカラフルな配色で見やすく書きたい方は、この VIM-LESS をインストールしちゃいましょう。 これを入れると vim 使いさんは少し幸せに準備完了です。 それでは、早速 LESS について話を進めていきたいと思います。 ざっくりで恐縮ですが、LESS とは CSS を拡張した書式で HTML のスタイルを書い
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ページを開く
