タグ

SassとCSSに関するloney1986のブックマーク (2)

  • Sassとは?〜今からでも遅くない!基礎から学ぶSass入門|ferret [フェレット]

    これまで、 CSS はそのままstyle.cssのようなファイルに直接スタイルを書いていく方法が主流でした。 しかし、Webサイトが巨大化したり、より高度で細部にまで渡ってスタイルを決めていく場合、 ファイルサイズ が大きくなり、どうしても保守性に欠けてしまいます。 そこで登場したのが、プリプロセッサーであるSassやLESS、Stylusといったメタ言語です。 こうした言語を使うことで、 CSS をよりプログラミングに近い形で扱うことができるようになります。 今回は、その中でもSassに焦点を当てて、初心者でも理解しやすいように「入門」としてまとめました。 基的な使い方を中心に扱っているので他にも便利な使い方はありますが、まずはこれらを押さえておけば、Sassを使い始めることができます。 CSS の勉強をワンランクアップさせたいWebデザインを勉強中の方は、ぜひチェックしてみてください

    Sassとは?〜今からでも遅くない!基礎から学ぶSass入門|ferret [フェレット]
  • CSSのメタ言語Sass(SCSS)、LESSの完全入門 - Qiita

    Sassが、括弧でSCSSと書いてあるのは、もともとSASS記法というので書かれていたんですが、Sass3.0からCSSちっくに書くことが出来るSCSS記法というのでも書けるようになったためです。 ようはどちらで書いても、同じCSSが生成されるので、自分に合った方を使えばいいと思います。 Sassの使い方 rubyのインストール Sassはrubyでコンパイルするのでとりあえずrubyが必要です。 私の環境(centOS)でインストールしたやり方をすべて残しておきます。 $ wget https://cache.ruby-lang.org/pub/ruby/2.2/ru --2015-09-23 11:10:27-- https://cache.ruby-lang.org/pub/ruby/2.2/ruby-2.2.3.tar.gz cache.ruby-lang.org をDNSに問いあ

    CSSのメタ言語Sass(SCSS)、LESSの完全入門 - Qiita
  • 1