スマートフォン向けサイトを構築する際などでは特に ページのレンダリングスピードが重要視されます。 構築する際のページ構成について考慮することも重要ですが、 可能な限りページ上で<img>タグや背景での「画像」の使用を 控えることが有効だったりもします。 そこで、アイコンなどの小さいパーツを 「画像」として使用せずに簡単にサイト上に掲載することが可能な 便利なWebサービスがあったので2つほど紹介してみます。 まずは「One div」 One div – The single element HTML/CSS icon database One div – The single element HTML/CSS icon database HTMLソース上では一つの<div>を配置し CSSを使ってアイコンの形状を成形しているサービスです。 サイト上ではHTMLソースに加えて 成形するCSS
![アイコンを画像を使わずにCSSやWebフォントで表示することができるサービス「One div」「We Love Icon Fonts」|BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/bd7f43946768aad1f06300e637b882c90bf15786/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp.png)