Флаги 254 стран одним спрайтом

[@Jodes]

Спасибо, как раз искал нечто подобное

[@lampslave]

Лицензии на значки и спрайт можно обозначить?

[@medalist]

Флаги, бесплатно, скачать без СМС :-) с сайта автора

[@lampslave]

«Бесплатно» — очень растяжимое понятие. К тому же, бесплатность указана только для флагов.
ИМХО не очень правильно считать «общественным достоянием» всё, на что нет конкретной лицензии.

[@artpolikarpov]

CC-BY-SA и на флаги, и на спрайт.

[@lampslave]

Спасибо. Вообще хорошо было бы, если бы в архиве это тоже было указано.

[@artpolikarpov]

Указал, спасибо, за вопрос.

[@lampslave]

Вы архивы не перепутали? В том, что скачивается из топика, никаких лицензий нет. Как и указания автора исходных картинок с флагами.

[@artpolikarpov]

Я коментарием в коде это сделал. Вам кажется этого не достаточно?

[@lampslave]

Достаточно, просто мне показалось, что в то время, когда я писал комментарий, этого в коде не было. Сейчас есть, всё в порядке.

[@GlumShadow]

Согласно недавней статьи habrahabr.ru/company/bitdefender/blog/123698/
Чтобы не нарушить закон, надо заключить письменное соглашение :)
Если конечно вы в россии.

[@lampslave]

Это не для закона, а для совести.

[@Talyutin]

Отлично! Только плохо, что они вытянутые получились, нет стандартного соотношения 2:3.

[@bubuq]

Такого стандарта не существует. Каждый флаг определяет свои пропорции. Например, флаг Катара крайне вытянут, 28:11, а вот флаг Швейцарии квадратен.

Кроме того, спорно включение в список государств Абхазии, Южной Осетии, которые не признаны практически никем в мире, и Палестинской автономии, которая пока государством не является. С одной стороны, никому не хуже от пары флажков, а с другой, может не хватить места для более бесспорных государств, как справедливо упомянутый Южный Судан.

[@leg]

Чем набор от famfamfam не угодил?

[@axis]

Дурацкими тенями и выпуклостью, которая зачастую только лишняя.

[@artpolikarpov]

Мне не по душе их карамельная глянцевость. Флаги Никиты — честные, поэтому я сделал спрайт на их основе.

[@rapida]

А мне нравятся. Спасибо.

[@ascending]

Там всё написано:

Однажды мне понадобились маленькие пиктограммы всех государственных флагов на свете. Причём, в них не должно было быть игрушечной веб-два-нольной глянцевости и «весёленьких» искажённых цветов.

[@pxx]

Очень рекоммендую к ознакомлению, шикарное решение.
habrahabr.ru/blogs/skype/47356/

[@uadeveloper]

Мне вот эти понравились c соответствием доменной зоны (со скайпа):

[@akira]

Все новое, хорошо забытое старое :)
habrahabr.ru/blogs/skype/47356/
habrahabr.ru/blogs/javascript/47370/ — рабочий пример уже не рабочий, я давно его уже удалил.

[@spmbt]

Вот рабочий пример растаскивания Скайпового полотна из habrahabr.ru/blogs/skype/47356/ на куски (в IE работать не будет, но кто знает, 1 строчку поправит).

<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К картинка. Чуть позже попробую нарисовать скрипт на приведённое в текущей статье полотно. Спасибо автору за донесённую информацию :).

[@snakeye]

Пользуйтесь на здоровье: flag-sprites.com/ru_RU/

[@kachkaev]

Круто! Кстати, для ускорения накидывания стилей браузерами можно было бы вместо
.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, получается долго. Об этом то ли Сергей Чикуёнок писал, то ли Виталий Харисов, не помню уже. Не смог ссылку найти.

[@rapida]

Верстка абсолютно независимыми (неискажающими) блоками

[@kachkaev]

Мне почему-то кажется, что где-то была отдельная статья с исследованием на тему производительности css-селекторов. Хотя, это могло и присниться. :)

[@artpolikarpov]

Я знаю о БЭМ. Но если ему следовать полностью, то и ЦСС станет тяжелее, и кусок ХТМЛ запутаннее и длиннее:

<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, ХТМЛ получился длинным. Поэтому, думаю, можно оставить каскадность с одним уровнем вложенности, ради того, чтобы не делать всё ещё длиннее.

[@tenshi]

не, самый трувэй — это типа:
img[src=«fg.png#ru»]{… }

[img src=«fg.png#ru» /]

а для ие6 если надо — сделать костыль на яваскрипте, добавляющий классы

по скорости в теории должно быть даже быстрее

[@Tokolist]

Пользуясь случаем, хочу спросить известен ли кому набор флагов с существующими и уже не существующими странами, такими как СССР, например?

[@roman_tik]

Хорошо бы найти такой набор флагов, который используется на Википедии для обозначения страны в разные годы. Там отображается именно тот флаг, который был у страны в этот период. Наглядно это видно на страницах Википедии об Олимпийских Играх. Например:

Германия (1916):
Германия (1936):
Германия (2008):

[@MTonly]

Для обхода проблем IE с масштабированием, отдельных изображения в рамках спрайта имеет смысл разделять пустым пространством не менее 1 пиксела.

[@kumankov]

Спасибо. А нет ли такого спрайта с иконками браузеров?

[@EntireDestiny]

кажись сайти лежит

[@Adrior]

У меня открывается, причём шустренько так.

[@EntireDestiny]

сайт*
извините

[@VovixLDR]

Сегодня в мире появилась новая страна Южный Судан, она там есть? Если да, получит номер FF.

А если после этого кто-то еще решит объявить независимость, то в мире не останется ни одной страны:)))

[@VovixLDR]

* если НЕТ, конечно же:)

[@Oleg_Yozhik]

То что надо! Еще бы их чуть по выше и в ico формате. Давайте дополним флагами Orfo Switcher?