2 заметки с тегом

спрайты

Обновление флагов

Обновил спрайт с пиктограммами государственных флагов до версии 0.2.

Изменился синтаксис вставки флажка в ХТМЛ, было:

<i class="b-fg b-fg_RU"><img src="fg.png"></i>

Стало в два раза короче:

<i class="flag-RU"></i>

Пустой флаг-заглушка:

<i class="flag-NOWHERE"></i>

Никита Иванов, автор пиктограмм, перерисовал флаг Ливии (LY) и добавил Южный Судан (SS), а я внёс эти изменения в спрайт и массив названий.

В зипе теперь лежит тестовая страница, снимающая все вопросы подключения.

Пользуйтесь на здоровье:

http://artpolikarpov.ru/projects/flags/


В следующей версии хочется добавить SQL-дамп базы данных, он уже почти готов — осталось добавить русские названия и некоторые непризнанные государства и несуверенные регионы с нестандартными кодами. У кого есть несколько часов на эту задачу?

2012   вёрстка   спрайты   флаги

Спрайты через <img>

Хорошая статья про то, почему нужно делать спрайты через <img>, а не через background:
http://www.artzstudio.com/2010/04/img-sprites-high-contrast/

В двух словах: если вы хотите, чтобы при печати, сохранении на жёсткий диск и в контрастном режиме Виндоус ваши спрайты не потерялись, нужно подключать их через <img>.

Кодовые отличия двух подходов я показал на картинке:
Спрайты через &lt;img&gt;, а не через background

На тестовой странице обыкновенные спрайты действительно отваливаются при выше указанных условиях:
Спрайты через background работают не везде
2011   вёрстка   спрайты