タグ

CSSとsassに関するgfxのブックマーク (2)

  • Sass、そしてSassy CSS (SCSS)

    CSSを拡張したメタ言語であるSass、そしてその別文法として定義されたSCSSについて、960.gsなどのCSSフレームワークと絡めて、Sass (主にSCSS)の良さを解説する。 CSSフレームワーク Sass Sassy CSS aka SCSS SCSSCSSフレームワーク 2カラムレイアウトの作成 clearfixやReset CSSの組み込み カラム幅の変更 カラムの入れ替え SCSSで完結することの意義 まとめ 最後に CSSフレームワーク 960.gsやBlueprint、BlueTripなどCSSフレームワークと呼ばれるものは色々ある。フレームワークと名乗るだけのことはあって、それらの生産性はとても高い。テンプレートで適切にクラス名やIDを埋め込むだけなので、複雑怪奇なCSSコーディングを意識することなく誰でも簡潔にきれいなカラム・レイアウトを作成できる。 HTML 4

    gfx
    gfx 2011/02/12
  • Sass 3.x系を知る - すがブロ

    はじめに この記事はRuby Advent Calendar jp: 2010 : ATNDの10日目です。前日はTrinityTさんでした。 最近注目の浴びている Sass を改めて学んでみましょう Sass - Syntactically Awesome Stylesheets 前フリ Ruby 界隈では Haml とセットで1〜2年前くらいから話題にはなっている(と思っている)のですが、私の周りでは Haml の話は聞くことがあっても Sass をバリバリ使ってるぜ、という話しはあまり聞きません。 しかし、Haml と違い Sass の場合は単体での使用も現実的な選択だと思っているので*1、Ruby/Rails 案件という枠組みを超えた使い方ができるのでは無いかと考えています。 そんなわけで一年前に以下のライブラリを作ったのですが、現在の Sass 3 系では --watch オプシ

    Sass 3.x系を知る - すがブロ
    gfx
    gfx 2010/12/10
    SCSS記法はいいね
  • 1