ゴトー
Compass(Sass)で画像サイズを自動取得する
以前の記事で何の説明もなしにしれっと使いましたが、結構便利なCompass関数です。 .image { width: image-width("../img/example.png"); …CSS3：ロードアイコンパターン20
表示サンプルはこちら。 http://jsdo.it/goto_jp/rg4l HTMLはこちら。 <span class='icon20'></span> Sassの記述は下…CSS3：ロードアイコンパターン19
表示サンプルはこちら。 http://jsdo.it/goto_jp/qZRK HTMLはこちら。 <span class='icon19'></span> Sassの記述は下…Sassで計算する時は丸め込みを忘れずに
といったタイトルに反して自分も結構丸め込みを忘れがちですが… 例えば下記のような例だと、widthの値が小数点以下になるのが明確です（161.8px） $size: 100px; $goldretio: 1.618; .…画像をCompass(Sass)でData URIスキーム化してHTTPリクエストを削減する
そもそも「Data URI」って何？って話ですが、例えば下記の画像。 実はスマホでGmailを表示した際に使われているアイコン画像なのですが、画像のリンクを開いたURLを見てください。外部に存在する画像を参照しているので…ベンダープレフィックスが面倒な人に贈る、常用Compass(Sass)ミックスイン
「-webkit-」「-moz-」といったベンダープレフィックス付きで複数書かなければならないCSSプロパティは面倒ですよね。Compassミックスイン使って楽しましょう。 @include border-radius(…CSS3：ロードアイコンパターン18
表示サンプルはこちら。 http://jsdo.it/goto_jp/sOpB HTMLはこちら。 <span class='icon18'></span> Sassの記述は下…