コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 | DevelopersIO
コーダー必見、SCSS・Compassで開発効率アップ｜Retina Display対応CSS Sprite編 はじめに 特に寒い今日この頃ですが読者の皆様は元気にお過ごしでしょうか？ 2月のリア充イベントといえばバレンタインですね（企業戦略）。バレンタイン用のチョコを販売するお店も増えてきました。 弊社は秋葉原という立地ですが意外なことに既婚者が多いので「リア充爆発しろ」と嘆く男性は少数のようです。 ちなみにビターチョコが好きです。 本題 今回は少し前に執筆した「コーダー必見、SCSS・Compassで開発効率アップ｜便利なCSS Sprite実装編」を発展させてSCSS・CompassでRetina Displayに対応する方法を紹介します。 事前に必要な知識 この記事では、以下の事前知識が必要になります。 記事中でも解説を挟みますが、詳しくは解説で案内しているページを参考にしてくださ
【CSS/Image】フロントで出来るCSSスプライト/DataURIの最適解とは – T2
【CSS/Image】フロントで出来るCSSスプライト/DataURIの最適解とは 2月 1, 2013 admin 読了: 約 3 分 画像が膨大な数になったときに、画像の取り扱いについて(png,jpg)をどうするか、 CSSスプライトで何枚用意するのか、一枚に完全に纏めるのか、それともページ単位やカテゴリー単位でもうけるのが 良いのか少し気になったので調べてみました。 目的 ・フロント側で出来る更新性とパフォーマンスの両面から見た現状の最適な答えを見つけ出すため はじめに すでにフロント側で出来る高速化まとめみたいなものを作っていたのですが、 画像のみやCSSだけに焦点を当てたものが少なかったのでさらに調べてみたいと思ったので、 デザイナーさんやマークアップの方向けにまとめてみます。 ページの構造・設計から考える そもそもCSSスプライトする画像が膨大になったときにカテゴリーやページ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
