Комментарии 39
Спасибо, как раз искал нечто подобное
0
Лицензии на значки и спрайт можно обозначить?
+7
Флаги, бесплатно, скачать без СМС :-) с сайта автора
+15
CC-BY-SA и на флаги, и на спрайт.
+5
Спасибо. Вообще хорошо было бы, если бы в архиве это тоже было указано.
+2
Указал, спасибо, за вопрос.
+2
Вы архивы не перепутали? В том, что скачивается из топика, никаких лицензий нет. Как и указания автора исходных картинок с флагами.
+1
Согласно недавней статьи habrahabr.ru/company/bitdefender/blog/123698/
Чтобы не нарушить закон, надо заключить письменное соглашение :)
Если конечно вы в россии.
Чтобы не нарушить закон, надо заключить письменное соглашение :)
Если конечно вы в россии.
+2
Отлично! Только плохо, что они вытянутые получились, нет стандартного соотношения 2:3.
+1
Такого стандарта не существует. Каждый флаг определяет свои пропорции. Например, флаг Катара крайне вытянут, 28:11, а вот флаг Швейцарии квадратен.
Кроме того, спорно включение в список государств Абхазии, Южной Осетии, которые не признаны практически никем в мире, и Палестинской автономии, которая пока государством не является. С одной стороны, никому не хуже от пары флажков, а с другой, может не хватить места для более бесспорных государств, как справедливо упомянутый Южный Судан.
Кроме того, спорно включение в список государств Абхазии, Южной Осетии, которые не признаны практически никем в мире, и Палестинской автономии, которая пока государством не является. С одной стороны, никому не хуже от пары флажков, а с другой, может не хватить места для более бесспорных государств, как справедливо упомянутый Южный Судан.
+1
Дурацкими тенями и выпуклостью, которая зачастую только лишняя.
-1
Мне не по душе их карамельная глянцевость. Флаги Никиты — честные, поэтому я сделал спрайт на их основе.
+1
А мне нравятся. Спасибо.
+8
Там всё написано:
Однажды мне понадобились маленькие пиктограммы всех государственных флагов на свете. Причём, в них не должно было быть игрушечной веб-два-нольной глянцевости и «весёленьких» искажённых цветов.
0
Очень рекоммендую к ознакомлению, шикарное решение.
habrahabr.ru/blogs/skype/47356/
habrahabr.ru/blogs/skype/47356/
+14
Мне вот эти понравились c соответствием доменной зоны (со скайпа):
+3
Все новое, хорошо забытое старое :)
habrahabr.ru/blogs/skype/47356/
habrahabr.ru/blogs/javascript/47370/ — рабочий пример уже не рабочий, я давно его уже удалил.
habrahabr.ru/blogs/skype/47356/
habrahabr.ru/blogs/javascript/47370/ — рабочий пример уже не рабочий, я давно его уже удалил.
+2
Вот рабочий пример растаскивания Скайпового полотна из habrahabr.ru/blogs/skype/47356/ на куски (в IE работать не будет, но кто знает, 1 строчку поправит).
Но это тяжеловатое решение — более 100К картинка. Чуть позже попробую нарисовать скрипт на приведённое в текущей статье полотно. Спасибо автору за донесённую информацию :).
<script>//show flag by country
document.addEventListener('DOMContentLoaded', function(){
var container = document.createElement('DIV');
document.body.appendChild(container);
var d = document.createElement('DIV');
d.style.width ='16px';
d.style.height ='11px';
d.style.backgroundImage ='url(1568279_432x297.png)';
d.style.display ='inline-block';
d.style.marginTop ='6px';
d.style.marginLeft ='12px';
//'a'.charCodeAt()==97
for(var i=0; i < 27; i++){
var dLine = document.createElement('DIV');
for(var j =0; j < 27; j++){
var dd = d.cloneNode(!1);
dd.style.backgroundPosition = '-'+ j*16 +'px -'+ i*11 +'px';
dLine.appendChild(dd);
}
container.appendChild(dLine);
}
}, !0);
</script>
Но это тяжеловатое решение — более 100К картинка. Чуть позже попробую нарисовать скрипт на приведённое в текущей статье полотно. Спасибо автору за донесённую информацию :).
+1
Пользуйтесь на здоровье: flag-sprites.com/ru_RU/
+6
Круто! Кстати, для ускорения накидывания стилей браузерами можно было бы вместо
использовать что-то типа
и, соответственно
Дело в том, что браузеры «накидывают» стили не сверху вниз, а снизу вверх, т. е. в вашем случае 254 раза берут все картинки и пытаются найти у них родительские элементы с классами
.b-fg_xx img { top: -YYpx; }
использовать что-то типа
.b-fg_xx__img { top: -YYpx; }
и, соответственно
<i class="b-fg"><img src="fg.png" class="b-fg_xx__img"/></i>
Дело в том, что браузеры «накидывают» стили не сверху вниз, а снизу вверх, т. е. в вашем случае 254 раза берут все картинки и пытаются найти у них родительские элементы с классами
.b-fg_xx
, получается долго. Об этом то ли Сергей Чикуёнок писал, то ли Виталий Харисов, не помню уже. Не смог ссылку найти.+6
Я знаю о БЭМ. Но если ему следовать полностью, то и ЦСС станет тяжелее, и кусок ХТМЛ запутаннее и длиннее:
Вместо:
У меня и так из-за спрайта через
<i class="b-fg"><img src="fg.png" class="b-fg__img b-fg__img_RU"/></i>
Вместо:
<i class="b-fg b-fg_RU"><img src="fg.png"/></i>
У меня и так из-за спрайта через
img
вместо background-image
, ХТМЛ получился длинным. Поэтому, думаю, можно оставить каскадность с одним уровнем вложенности, ради того, чтобы не делать всё ещё длиннее.0
не, самый трувэй — это типа:
img[src=«fg.png#ru»]{… }
[img src=«fg.png#ru» /]
а для ие6 если надо — сделать костыль на яваскрипте, добавляющий классы
по скорости в теории должно быть даже быстрее
img[src=«fg.png#ru»]{… }
[img src=«fg.png#ru» /]
а для ие6 если надо — сделать костыль на яваскрипте, добавляющий классы
по скорости в теории должно быть даже быстрее
+2
Пользуясь случаем, хочу спросить известен ли кому набор флагов с существующими и уже не существующими странами, такими как СССР, например?
+1
Хорошо бы найти такой набор флагов, который используется на Википедии для обозначения страны в разные годы. Там отображается именно тот флаг, который был у страны в этот период. Наглядно это видно на страницах Википедии об Олимпийских Играх. Например:
Германия (1916):![image](https://habrastorage.org/r/w1560/getpro/habr/comment_images/df5/8c5/272/df58c5272d49dccd2a79c8cf3f7b6b35.png)
Германия (1936):![image](https://habrastorage.org/r/w1560/getpro/habr/comment_images/fcd/be6/a9e/fcdbe6a9ee4215fd56b07e5970633f89.png)
Германия (2008):![image](https://habrastorage.org/r/w1560/getpro/habr/comment_images/14e/74b/07a/14e74b07aea275e01af3b556cb231354.png)
Германия (1916):
![image](https://habrastorage.org/getpro/habr/comment_images/df5/8c5/272/df58c5272d49dccd2a79c8cf3f7b6b35.png)
Германия (1936):
![image](https://habrastorage.org/getpro/habr/comment_images/fcd/be6/a9e/fcdbe6a9ee4215fd56b07e5970633f89.png)
Германия (2008):
![image](https://habrastorage.org/getpro/habr/comment_images/14e/74b/07a/14e74b07aea275e01af3b556cb231354.png)
+2
Для обхода проблем IE с масштабированием, отдельных изображения в рамках спрайта имеет смысл разделять пустым пространством не менее 1 пиксела.
+4
Спасибо. А нет ли такого спрайта с иконками браузеров?
+2
кажись сайти лежит
+1
Сегодня в мире появилась новая страна Южный Судан, она там есть? Если да, получит номер FF.
А если после этого кто-то еще решит объявить независимость, то в мире не останется ни одной страны:)))
А если после этого кто-то еще решит объявить независимость, то в мире не останется ни одной страны:)))
+2
То что надо! Еще бы их чуть по выше и в ico формате. Давайте дополним флагами Orfo Switcher?
0
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Флаги 254 стран одним спрайтом