コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 | DevelopersIO

はじめに 特に寒い今日この頃ですが読者の皆様は元気にお過ごしでしょうか？ 2月のリア充イベントといえばバレンタインですね（企業戦略）。バレンタイン用のチョコを販売するお店も増えてきました。 弊社は秋葉原という立地ですが意外なことに既婚者が多いので「リア充爆発しろ」と嘆く男性は少数のようです。 ちなみにビターチョコが好きです。 本題 今回は少し前に執筆した「コーダー必見、SCSS・Compassで開発効率アップ｜便利なCSS Sprite実装編」を発展させてSCSS・CompassでRetina Displayに対応する方法を紹介します。 事前に必要な知識 この記事では、以下の事前知識が必要になります。 記事中でも解説を挟みますが、詳しくは解説で案内しているページを参考にしてください。 SCSS/Compass CSS Sprite Media Queries 1，サンプルをキャプチャしてみ

[kool_kreate]

普通にcompassのミックスインと比較するとどう違うか注意

[skunk0915]

レスポンシブ

[warriorking]

コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 ｜ クラスメソッド開発ブログ

[yuririn_1118]

あとでやる！

[htn_50koma]

starred items / from はてなブックマーク - 人気エントリー http://b.hatena.ne.jp/hotentry

[diveintounlimit]

sprite-map、sprite-path、image-width、image-height

[aretokore]

>> コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 ｜ クラスメソッド開発ブログ

[masamune61]

高解像度ディスプレイには「Media Querys」を覚えて活用。

[d_animal141]

コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編

[OfficeRiverHead]

コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編

[Foorier]

TKGHatebuReaderより