compass
Compassの落とし穴：グラデーションにsvg出力を行わせない
CompassでCSSグラデーションを描く際は下記のように記述します。 @include background-image(linear-gradient(#fff, #ccc)); これをコンパイルするとCSSには下記…AipoのCSSコーディング環境（Grunt/Sass/Compass)のおさらい
Grunt/Sass/Compassとは何なのか、どのように設定され動いているのかを社内向けにおさらいの意味で記します。 Gruntとは node.jsで動くタスクランナー（監視自動実行プログラム） できること Sass…Compass：WindowsでCompassをインストールする
まずはRuby本体のインストール。 参照： http://www.rubylife.jp/install/install/index1.html 次にコマンドプロンプトを立ち上げ、下記コマンドを実行する。 gem upd…Grunt：Compass、CoffeeScript、CSS圧縮を実行するGruntfile設定
module.exports = function (grunt) { var pkg = grunt.file.readJSON('package.json'); grunt.initConfig(…Sass：extendでCSSグラデーションを共用
Sassのextendを使って、グラデーション設定を使いまわしましょう。 Sass $experimental-support-for-svg: true; .gradient { @include background…Sass：HTMLに「clearfix」を書くのを卒業しよう
HTMLコーディングに欠かせないclearfixですが、気付けばHTML各所にclearfixの記述が多くなることがあります。 Sassのextendを使って個別にclearfixを記述することから卒業しましょう。 CS…Compass(Sass)：標準mixinを使いこなそう
Compassにはmixinで作らずとも標準で利用できるmixinが存在します。 ベンダープレフィックスを付けて複数書かなければならないプロパティを簡単に書けるものが多いです。 @include border-radiu…