Как стать автором
Обновить

Комментарии 39

Спасибо, как раз искал нечто подобное
Лицензии на значки и спрайт можно обозначить?
Флаги, бесплатно, скачать без СМС :-) с сайта автора
«Бесплатно» — очень растяжимое понятие. К тому же, бесплатность указана только для флагов.
ИМХО не очень правильно считать «общественным достоянием» всё, на что нет конкретной лицензии.
CC-BY-SA и на флаги, и на спрайт.
Спасибо. Вообще хорошо было бы, если бы в архиве это тоже было указано.
Указал, спасибо, за вопрос.
Вы архивы не перепутали? В том, что скачивается из топика, никаких лицензий нет. Как и указания автора исходных картинок с флагами.
Я коментарием в коде это сделал. Вам кажется этого не достаточно?
Достаточно, просто мне показалось, что в то время, когда я писал комментарий, этого в коде не было. Сейчас есть, всё в порядке.
Согласно недавней статьи habrahabr.ru/company/bitdefender/blog/123698/
Чтобы не нарушить закон, надо заключить письменное соглашение :)
Если конечно вы в россии.
Это не для закона, а для совести.
Отлично! Только плохо, что они вытянутые получились, нет стандартного соотношения 2:3.
Такого стандарта не существует. Каждый флаг определяет свои пропорции. Например, флаг Катара крайне вытянут, 28:11, а вот флаг Швейцарии квадратен.

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

Чем набор от famfamfam не угодил?
Дурацкими тенями и выпуклостью, которая зачастую только лишняя.
Мне не по душе их карамельная глянцевость. Флаги Никиты — честные, поэтому я сделал спрайт на их основе.
А мне нравятся. Спасибо.
Там всё написано:
Однажды мне понадобились маленькие пиктограммы всех государственных флагов на свете. Причём, в них не должно было быть игрушечной веб-два-нольной глянцевости и «весёленьких» искажённых цветов.
Мне вот эти понравились c соответствием доменной зоны (со скайпа):

Вот рабочий пример растаскивания Скайпового полотна из 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К картинка. Чуть позже попробую нарисовать скрипт на приведённое в текущей статье полотно. Спасибо автору за донесённую информацию :).
Круто! Кстати, для ускорения накидывания стилей браузерами можно было бы вместо
.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, получается долго. Об этом то ли Сергей Чикуёнок писал, то ли Виталий Харисов, не помню уже. Не смог ссылку найти.
Мне почему-то кажется, что где-то была отдельная статья с исследованием на тему производительности css-селекторов. Хотя, это могло и присниться. :)
Я знаю о БЭМ. Но если ему следовать полностью, то и ЦСС станет тяжелее, и кусок ХТМЛ запутаннее и длиннее:

<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, ХТМЛ получился длинным. Поэтому, думаю, можно оставить каскадность с одним уровнем вложенности, ради того, чтобы не делать всё ещё длиннее.
не, самый трувэй — это типа:
img[src=«fg.png#ru»]{… }

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

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

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

Германия (1916):image
Германия (1936): image
Германия (2008): image
Для обхода проблем IE с масштабированием, отдельных изображения в рамках спрайта имеет смысл разделять пустым пространством не менее 1 пиксела.
Спасибо. А нет ли такого спрайта с иконками браузеров?
У меня открывается, причём шустренько так.
сайт*
извините
Сегодня в мире появилась новая страна Южный Судан, она там есть? Если да, получит номер FF.

А если после этого кто-то еще решит объявить независимость, то в мире не останется ни одной страны:)))
* если НЕТ, конечно же:)
То что надо! Еще бы их чуть по выше и в ico формате. Давайте дополним флагами Orfo Switcher?
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации

Истории