Sass
【SASS】partialのパスは相対パスであれば辿れる
@import "mixins"; と書いていたパスも @import "../../themes/default/sass/mixins"; と相対パスで記述することで、別階層に…画像をCompass(Sass)でData URIスキーム化してHTTPリクエストを削減する
そもそも「Data URI」って何？って話ですが、例えば下記の画像。 実はスマホでGmailを表示した際に使われているアイコン画像なのですが、画像のリンクを開いたURLを見てください。外部に存在する画像を参照しているので…ベンダープレフィックスが面倒な人に贈る、常用Compass(Sass)ミックスイン
「-webkit-」「-moz-」といったベンダープレフィックス付きで複数書かなければならないCSSプロパティは面倒ですよね。Compassミックスイン使って楽しましょう。 @include border-radius(…Sassの応用：importを活用してファイル分割管理する
クロスドメインの関係で、全く同じ内容のCSSをほんの一部だけ書き換えて別のファイルに分離させるなんて事がありました。 普通ならばCSSの二重管理になるので避けるべきですが、SassでCSSを出力していれば若干の工夫で楽に…CSS3：ロードアイコンパターン2
表示サンプルはこちら。IEは10以上で正常表示可能。http://jsdo.it/goto_jp/drYc HTMLは下記のみです。 <span class='icon2'></sp…CSS3：ロードアイコンパターン1
表示サンプルはこちら。IEは10以上で正常表示可能。http://jsdo.it/goto_jp/xVRa HTMLは下記のみです。 <span class='icon'></spa…Sassメモ：if文で分岐
Sass記法内ではif文を使うことができます。 $value: false; .box { @if $value { margin: 0; } @else { margin: 10px; } } 上記の場合、CSSでは下…