タグ

IDEとcssに関するkathewのブックマーク (2)

  • Lessをeclipseでいじろう!!

    この投稿はCSS Preprocessor Advent Calendar 2012の15日目の投稿です。このポストでCSS Preprocessor Advent Calendar 2012を知ったという方は一日目の投稿から読むことをお勧めします ここまでの14日間のAdvent calendarでLessに興味を持ち、導入意欲も湧いてきたかと思いますが、私自身、初歩的な環境構築がわかっておらず。。。 そこで、家ではMac,仕事場ではWindows環境な私が両環境で共通で使えそうなEclipse上でLessを記述する方法例を書きます。(ハードル低くてすみませんww) 今回、作成したサンプルプロジェクトのソースはgithubに置いてあります。 内容: Lessとは SassよりLessって・・・ 開発環境 環境構築 Lessをいじる コンパイル まとめ (内容で、間違っていたら指摘してくだ

    Lessをeclipseでいじろう!!
  • イマドキのIDE事情(132) CSSの作成を効率化! EclipseでLESSを編集するためのプラグイン

    LESSとは? Webページにおいて、コンテンツをHTMLに、デザインをCSSに分離するという手法が一般的になって久しい。CSSはシンプルな記法を持つが、その反面、同じような記述を何度も行わなければならず、記述が冗長になりがちでメンテナンス性にも問題がある。LESSはこの問題を解決するために、CSSをプログラマティックに記述できるようにするものだ。 LESSを使用することで、変数や関数などを用いた共通化を行うことができる。また、LESSで記述したスタイルシートは、Webブラウザ上でJavaScriptを用いて動的にCSSに変換したり、lesscというコンパイラを用いて事前にCSSに変換しておくこともできる。スタイルの作成中など表示を逐次確認したい場合は動的に変換、実際にサイトを公開する際にはlesscで変換したCSSを使用するといった使い分けが可能だ。最近ではWebフレームワークでもLES

    イマドキのIDE事情(132) CSSの作成を効率化! EclipseでLESSを編集するためのプラグイン
  • 1