Compass ~CSSフレームワーク~

概要

CSSのjqueryといったイメージ。CSSのフレームワーク

環境

ruby 環境 http://rubyinstaller.org/

sassのインストール (gem install sass コマンド)

compass 

http://compass-style.org/

やはりリファレンスが一番の解説。mixin 等も利用できるのが多数ある。

概要

compass create:プロジェクトを作成する。

compass watch: 新規・更新の.scss ファイルを更新する。

【Webデザイナ-・コーダー向け】すぐに使えるSCSS入門|Compass基礎編

各種プラグイン

susy http://susy.oddbird.net/

sudo gem install compass-susy-plugin

http://surgeworks.com/blog/responsive-web-design-using-compass-pt1

blueprint

gem install compass-blueprint

http://compass-blueprint.org/

その他

DEBUGを実行する際には、


@debug($hogehoge);

CSSフレームワーク

http://design-spice.com/2013/05/19/rwd-frameworks-gridsystems/

Media Queriesの記述を少し楽にしてくれるSCSS(Sass) Mixin(自作)

 

  • Pocket
  • LINEで送る
  • このエントリーをはてなブックマークに追加

コメントを残す




Menu

HOME

TOP

Top