[B! Compass] Akinekoのブックマーク

Compass使うのやめた

前から思ってたんだけど、Gulp使い始めたのをきっかけにCompass使うのやめた。コンパイル遅いCompass、とにかくコンパイルが遅いという感じだった。普通にcompass watchしてやる分には問題ないんだけど、GruntやらGulpやらを使ってCompassのコンパイルをするととにかく遅い印象。5〜10秒くらいかかる。Middleman使ってコンパイルするとそこまで遅くないので、タスクランナーのプラグインの問題っぽい(無知)。でもいつもMiddleman使うわけではないし、やっぱり遅いのはイライラするので使う気がなくなった。 Sprite画像生成するとさらにヤバいCSS Sprite用の画像を生成させると、とにかく遅くて重くて辛い感じになる。最近はSprite Smithとかもあるので、CompassでCSS Sprite生成する意味がそこまでない。ベンダープレフィックス

Akineko 2014/08/08

Compass

リンク

パフォーマンスから考えるSass/Compassの導入・運用

- The document discusses the introduction and use of Sass and Compass for a large-scale e-commerce site. - Key aspects covered include using Sass features like nesting, mixins, extends and @import to organize CSS, Compass features like sprite generation and creating a style guide. - The results of adopting Sass/Compass included improved development speed and a 40% increase in site traffic over 4 m

Akineko 2013/05/07

sass
Compass

リンク

scss (sass) + compassがスーパー便利でびっくりしすぎて今さら環境を作ったり。Koalaで。 – 林家次男

※2013.06.19 に書いた Preprops が Koala より便利っぽいです。連休中にテーマを作ろうそうしよう。あ、ついでにscssってのとcompassってのがなんかどうも便利っぽいのでちょっと調べてみよっかな。から始まって。結論から言うと「狂おしいほど便利で今までぼくは何をしてたんだ」というレベルでした。環境作るのを忘れないためにφ(｀д´)ﾒﾓﾒﾓ… 環境作るのはちょっとめんどうですががんばりましょう。 ※今回は全てwindows7 x64環境になります。 compassとscssは何がどういいのか論よりなんちゃら、もう見たらわかります。scssはsassの派生らしく、scssのほうが使いやすかったのでぼくはそちらを選択。 compassとscssが何なのかは各々のページを読んでみてください。ここではさらっとだけ書いてみます。 scss (sass) にできるこ

Akineko 2013/04/30

SCSS
compass

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

Akineko 2012/11/20

リンク

Sass を使うなら、Compass も使うと便利

あちこちで Sass のエントリーが増えてるので、私の環境も書いてみます。 Sass 使う時、より便利になる Compass というフレームワークを一緒に使っています。 Compass Home | Compass Documentation Compass って？便利だなと思う機能満載なフレームワークで、これも一緒に使うことで Sass がさらに簡単になったり使い勝手がパワーアップしたりします。具体的に例をあげたほうが分かりやすいと思うので、いくつか書いてみます。 Compass はいろいろな Mixin が含まれている @import “compass”; で呼び出して使えます。自分で書かなくていいから楽ちん。 @import "compass"; .ex1 { @include clearfix; } .ex2 { @include border-radius(5px); } .e