Для одного из проектов мне нужно было использовать набор простых иконок. Сначала я остановил свой выбор на популярный набор Silk Icons и его Sprite-плагин для Blueprint, но чем дальше я с ним работал, тем сильнее требовалось что-то большее. Иконок было маловато, ненужных гораздо больше, чем нужных, а подгружать приходилось все.

Далее мой выбор остановился на Fugue Icons. Я поискал в гугле что-либо для CSS и нашел два решения. Первое: каждая иконка отдельным файлом. Сразу нет, потому что при загрузке страницы это смотрится очень убого. Второе: несколько отдельных PNG со спрайтами и единый CSS. Все это дело весило 1.4 Мб, что никак не допустимо для среднестатистического сайта.

Посему было принято решение паковать Sprite с нужными иконками и писать для него CSS самому, однако это можно сделать единожды, но не каждый раз при каких-то изменениях на сайте, да и для новых проектов тоже было бы не лишним как-то упростить задачу.

Сегодняшняя заметка посвящена иконкам для WAP сайтов. Украшая мобильный сайт иконками, следует обращать внимание на качество прорисовки, размер и разрешение иконок. Многие WAP мастера пренебрегают тщательным подбором иконок, поэтому зачастую сайты либо перегружены графикой и страницы долго загружаются, либо на сайтах используются иконки с непрозрачным фоном, что выглядит нелепо. Хочу предложить вашему вниманию три набора [...]