Sass、そしてSassy CSS (SCSS)
CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSでCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4
PHPでcompass用のscssファイルをコンパイルするscssphp-compass
SassやCompassを使っていて、便利なんだけど面倒臭いなあと思うのが、いちいちコンパイルしたファイルをアップする作業ですね！ 僕が運用しているサーバは、gitが入っていたりいなかったり、共同作業のメンバーの環境でうまくgitが動かなかったり、そもそもWindows環境で動かしたときのエラーで心が折れていたり・・・・。 Ruby on Railsがメインの環境なら、sass、scssを置くだけで解決される問題が、他の環境でもどうにかならないかなあ・・・なんて思っていました。 サーバ側でコンパイルできればオールオーケー！っていう話で調べてみたら見つけたので紹介します！ Compass for scssphp https://github.com/leafo/scssphp-compass 使い方 Composerを使うため、若干ハードル高めですが、黒い画面をご用意ください！ 開発環境なり
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
