HTTPリクエスト数削減テクニック2： CSS Sprite編

はじめに こんにちは、クラスメソッド株式会社の野中です。 HTTPリクエスト削減テクニックの紹介に入り、前回の『リクエスト数削減テクニック1：インラインイメージ編』では、インラインイメージについて紹介しました。本記事では「CSS Sprite」の基本的な知識と使い方、使いどころについて解説します。すでに定番のテクニックとなっていますが、何となく使っていることが多いと思います。初学者の方にも理解していただけるよう詳しく解説します。 対象者 対象者は主にコーダー、フロントエンドエンジニアです。 デザインとコーディングを合わせて担当するWebデザイナーも対象です。 コーダー・フロントエンドエンジニア Webデザイナー Webディレクター Web担当者 CSS Spriteとは Webサイトではアイコンやナビゲーションなどに多くの画像が使われ、サイトによっては20個30個とたくさんのアイコンが使わ

[aont]

ここまで来るともうCoffeeScriptのHTML版みたいな書きやすい言語つくってそっからコンパイルしてCSS Spriteまでやってくれるとか無いと大変だよね

[luccafort]

CSS Spriteとか最早デファクトスタンダードなもんだと思ってたけど違うの？

[hideosaN]

やってみよー

[deritmi]

本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて、Webサイト高速化に関する手法や技術について解説していきます。今回は、CSS Spriteについて紹介します。 はじめに　こんにちは、クラスメソッド株式会社の野

[kaipu1224]

ゲームとかと同じような感じね

[yoshi-na]

Retina Displayがなー

[karumado]

ふむふむ。

[ichizin]

画像を一枚にまとめてパフォーマンスをよくするやり方はコチラ

[poppun1940]

本連載ではWeb担当者やWebデザイナー、コーダーの方々に向けて、Webサイト高速化に関する手法や技術について解説していきます。今回は、CSS Spriteについて紹介します。 はじめに　こんにちは、クラスメソッド株式会社の野