タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

compassに関するhrsttのブックマーク (3)

  • RailsでCompass, zurui-design, Sassy-Buttons, Bootsrapを使う! - 酒と泪とRubyとRailsと

    RailsでCompass, Zurui-design, Sassy-Buttons, Bootsrapを使う! Feb 8th, 2013 Tweet Railsはライブラリのsprocketsのお陰で、LESS/SCSS/SASSが混在していてもよしなにCSSに変換してくれるそうです。ということで、Rails + Bootstrap環境に今まで気になっていたCompass, Zurui-design, Sassy-Buttonsを導入してみました! Compassとは? Sassをさらに強化してくれる便利なmixin群、スプライト自動作成、プロジェクトごとに設定ファイルを適用などがセットになったフレームワークです。 CompassについてはCSSの常識が変わる!「Compass」、基礎から応用まで! | 株式会社LIGにすごく丁寧な説明があります。 また、英語ですがCompassの

  • 「Compass」、基礎から応用まで! | 株式会社LIG

    こんにちは、デザイナーの王です。 今回の記事ではCompass使いになるための必要最小限の知識から応用まで、体系的にひと通り紹介していきます。 全くの初心者でも問題ありません! はじめに結論を言うと、CompassでCSSを書くと 早い! 見やすい! メンテしやすい! コード量がぐっと減る! 一度使い出したら最後、もう元には戻れない! 一体どこまで便利なのかずらずら書くよりも、百聞は一見にしかず! 簡単なプロジェクトを通して、各特徴について紹介した短いデモ動画を用意したので、まずはこちらを見てください! Compassとは? Compassを語る前に、まずは「Sass」を知っておく必要があります。なぜなら、CompassはSassを元に開発したフレームワークだからです。 Sassとは では「Sass」とは何かと言うと、正式名称は「Syntactically Awesome Style Sh

    「Compass」、基礎から応用まで! | 株式会社LIG
  • 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