IDEA * IDEAドットインストール代表のライフハックブログ
CompassとSassの基礎の覚書（インストールとツール編）
Compassを使えたら便利だろうなぁと思うことが結構増えてきたので、年末に時間をつくって基礎を勉強してみました。僕のような初心者にはとっつきにくいところもあったので、備忘録として基礎をまとめてみました。 目次 そもそもCompassやSassってなに？ SassやCompassを使うメリットは？ CompassやSassを使うには？ コマンドラインツール GUIツール Compassのコマンドラインツールの基本的な使い方 Compassの設定ファイル（config.rb）について まとめ 参考 そもそもCompassやSassってなに？ SassはSyntactically Awesome StyleSheetの略で、CSSをプログラム言語のように拡張するものです。CSSでは使えない変数や関数のようなものを使えるようにするものです。SASSで書いたものは一度プロセス（コンパイル）してCS
Takazudolog - OOCSSとSass
CSS Preprocessor Advent Calendar 2012の10日目、@Takazudoです。 僕はSassが好きです。なぜならSassにはextendがあるからです。その理由を、社内勉強会で発表した、以下のスライドで話したことを補足しつつ、書きます。 OOCSS + Sass OOCSSってなんぞ まず、Sassのextendが素敵な点を紹介する前に、OOCSSについて簡単に紹介します。 OOCSSというのは、Nicole Sullivanという人が言い出した考え方です。そのプレゼン資料やビデオなどは、本人が発表したものが、slideshare等にアップされています。 Object-oriented CSS Object Oriented CSS by Nicole Sullivan · Fronteers The Cascade, Grids, Headings, an
Sass&ScssをリアルタイムにCSSに変換できるSassmeister | バシャログ。
エクスペンダブルズ2を吹き替えでもう一回観たいminamiです。 Webサービスのご紹介です。Sass/ScssをリアルタイムでCSSに変換してくれるSassMeisterというサービスです。 Sassmeister ページを開くとこんなかんじになっています。左のエリアににSassを書いていきます。エディタ自体もインデントできたり行をハイライトしてくれたり結構よくできています。 シンタックス、エクステンション、出力の形式も選べます！普段はScssのフレームワーク、compassを使っているのでこれが選べるのも嬉しいところ。 左エリアにこんなScssを書きました。compassのmixinも入れてみます。 Sass/Scssの場合CSSの形式にするにはコンパイルの作業が必要になりますが、このサービスではリアルタイムで右側に出力されます！すごい！ ちょっとSassを利用したいんだけど環境を整え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SASSを使用したレスポンシブWebデザイン対応のCSSフレームワーク・Centurion - かちびと.net
Codekit「Compass」でWordPressテーマ制作〜SCSSのconfig.rb設定〜 - よつば手帖
http://atnd.org/events/21919
