タグ

jsとlessに関するsometkのブックマーク (2)

  • CSS拡張メタ言語SCSS(Sass)とLESS

    今回はCSS拡張メタ言語をご紹介します。 なにそれ?って言う方も多いと思います。私も最近までそうでした。どうして知ったかというと前回の記事でCSSフレームワークでツイッターブートストラップがLESSを使用されているのです。それでコレなんだろって調べたらわかったんです。因みにツイッターブートストラップのSCSS版もあります。 簡単に言うとCSSをより簡単に記述しようってことです。 CSS記述するとき重複したり、それぞれのブラウザに対応するような記述やあとCSS3対応させるためになんだか長い記述しないとダメですよね。-webkitとか-mozとか。 そういうのを解消したものなんですね。自動的に計算なんかもやってくれる機能もあります。 スポンサーリンク これはかなり便利な機能です。 最初にやるなら断然LESSだと思います。javascriptで簡単に実装できるしすぐに体感できるので。ウェブ上にア

    CSS拡張メタ言語SCSS(Sass)とLESS
  • 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

    CSSの記述が3倍速くなる「LESS」の使い方 (1/2)
  • 1