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

Обновил спрайт с пиктограммами государственных флагов до версии 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-дамп базы данных, он уже почти готов — осталось добавить русские названия и некоторые непризнанные государства и несуверенные регионы с нестандартными кодами. У кого есть несколько часов на эту задачу?

Поделиться
Отправить
5 комментариев
Владислав Юдин 2012

Вопрос по CSS-у, а точнее по строчке, в которой перечисляются все классы:
«.flag-NOWHERE, .flag-ABKHAZIA, .flag-AD, .flag-AE, .flag-AF, .flag-AG [..]»

Разве не было бы лучше сделать один класс «flag», присвоить ему все свойства, а страну указывать вторым классом: class=«flag AD».

А в CSS было бы:

{ background: url(«flags.png») [..]

{ background-position: 0 -9px; }

итд.

Интересует почему сделанно именно так, может я чего-то не знаю?

Артём Поликарпов 2012

Это сделано для удобства использования при вёрстке. Один понятный класс — и всё. Ипользовать .flag, как базовый класс опасно — наверняка такой уже будет в ЦСС и конфликтов не избежать, а класс вроде b-flag (как было в предыдущей версии) слишком громоздкий.

Короче говоря, нужно или в ХТМЛ два класса писать или в ЦСС дублировать, я выбрал последнее. Машине тяжелее, человеку легче :-)

Евгений Камышин 2012

+1

Анатолий Буров 2012

С большим интересом возьмусь за SQL-дамп!

Артём Поликарпов 2012

Поймал! Напишу письмо.

Арефьев Тимур 2012

А не планируется ли в дамп добавить так же регионы и города? :)

Артём Поликарпов 2012

Это, кажется, из другой оперы.

Владислав Юдин 2012

Понятно, спасибо за развёрнутый ответ! :)

Популярное