タグ

compassに関するWatsonのブックマーク (4)

  • Sass入門 ~より効率的なCSSコーディング | Gihyo Digital Publishing … 技術評論社の電子書籍

    Sass入門 ~より効率的なCSSコーディング 著者 上村光星,富田梓,對馬慶子,山田敬美 著 発売日 2012年5月22日 更新日 2012年10月19日

    Sass入門 ~より効率的なCSSコーディング | Gihyo Digital Publishing … 技術評論社の電子書籍
  • Sublime Text 2でコンパイル編 | クラスメソッド開発ブログ

    はじめに このシリーズ「すぐに使えるSCSS入門シリーズ」ではScoutを使ってコンパイルしてきました。 最近Sublime Text 2のライセンスも買って、格的に使い始めました。 そこで、今回はSublime Text 2(Windows, Mac)を使ってコンパイルする方法を調べたので、まとめて紹介したいと思います。 この記事ではデザイナーに苦手な人が多いかもしれない黒い画面「コマンドプロンプトとターミナル」を利用します。 難しいんじゃないかと思うかもしれませんが、是非挑戦してみてください。そのうち大したことしてないじゃんと思えるようになります。 主な流れ 主な流れはこんな感じで、最初に黒い画面でコマンドを入力していきます。 それが終わればSublime Text 2の設定を行い、コンパイルを試します。 Rybyのインストール インストールの確認とコンソール Sassのインストール

  • CompassとSassの基礎の覚書(インストールとツール編)

    Compassを使えたら便利だろうなぁと思うことが結構増えてきたので、年末に時間をつくって基礎を勉強してみました。僕のような初心者にはとっつきにくいところもあったので、備忘録として基礎をまとめてみました。 目次 そもそもCompassやSassってなに? SassやCompassを使うメリットは? CompassやSassを使うには? コマンドラインツール GUIツール Compassのコマンドラインツールの基的な使い方 Compassの設定ファイル(config.rb)について まとめ 参考 そもそもCompassやSassってなに? SassはSyntactically Awesome StyleSheetの略で、CSSをプログラム言語のように拡張するものです。CSSでは使えない変数や関数のようなものを使えるようにするものです。SASSで書いたものは一度プロセス(コンパイル)してCS

    CompassとSassの基礎の覚書(インストールとツール編)
  • Sass + Compass の基本導入と設定ファイル config.rb について

    明けましておめでとうございます!今年もどうぞよろしくお願いいたします。 2013 年は、26 年ぶりに 4 つ全ての数字が異なっているみたいですね。みなさんどのようなお正月をお過ごしでしょうか。私は寝正月を大満喫しました。 さて、Windows でも Mac でも Sass + Compass 環境ならば config.rb で設定が書けるので、今日はそれについて。「Sass とは何か?」「Compass とは何か?」は省きます。インストールから設定、楽して監視開始、あたりを。 Sass + Compass を使うには? まず基のとこから一応さらっと! 最近は簡単な方法もたくさん出ていますが、地道にやるならば Ruby(と RubyGems)を入れて、Sass と Compass を入れて、となります。 Ruby + RubyGem インストール Windows だったら RubyFor

    Sass + Compass の基本導入と設定ファイル config.rb について
  • 1