タグ

cssとsassに関するnuenoのブックマーク (2)

  • CSS拡張メタ言語「Sass」フレームワークをインストール(Mac) | サイブリッジラボブログ

    こんにちは、デザイナーの石井です。 1年ほど前からTwitterのTLなどでしばしば目にして気になっていた「Sass」。 ちょっと調べてみたところ、CSSコーディングの際に「こんな事できたら良いのに!」と 今まで思っていた事が実現出来るすごいフレームワークなのでは?!と思い、 試しに触ってみる事にしました。 が!気軽な気分で手を出してみたものの、Zen Codingの様なものとはまた違い、 どうやらRuby on Railsのプラグインの様なものとして動く様子。 そもそも「Rubyってなに?」っていう状態の生粋の文系デザイナーなので、 案の定、インストールからエラーがでまくり…。 サイブリッジは開発案件も多く手掛けていますので、 こういう時、社内のプログラマーにすぐ聞ける環境なのは助かります。 今回は同じ様に躓くかもしれないデザイナーさんのために、 自分の環境でのインストール成功までの過程

    CSS拡張メタ言語「Sass」フレームワークをインストール(Mac) | サイブリッジラボブログ
  • SassでCSSの弱点を克服しよう (1/2)- @IT

    maedana SonicGarden SUG(SKIP User Group)/日Hamlの会 2009/5/22 Railsを使ったWebアプリケーション開発で、プログラマやデザイナを悩ませるものの1つがスタイルシートの記述だろう。Sassを使って、“クールで構造化された”スタイルシートを記述してみよう(編集部) Sassとは、Syntactically Awesome StyleSheetsの頭文字を取ったものです。あえて日語に訳すと、「かっこいい構文のスタイルシート」といった感じでしょうか。 もう少しシンプルに表現すると「クールなCSS(Cascading Style Sheets)」でもいいかもしれません。Sassはスタイルシートを簡潔に表現するためのメタ言語であり、同時にSassからCSSを生成するための便利なライブラリやコマンドラインツールを提供します。 Sassを使うと

  • 1