29 февраля 2012, 13:29

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

Обновил спрайт с пиктограммами государственных флагов до версии 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 комментариев
Владислав Юдин

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

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

А в CSS было бы:
.flag { background: url(«flags.png») [..]
.flag-AD { background-position: 0 -9px; }
итд.

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

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

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

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

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

+1

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

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

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

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

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

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

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

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

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

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

Популярное