Кроссбраузерное использование data: URL

[DorBer]

Еще один выход не грузить дважды для нормальных браузеров использовать условные комментарии для ИЕ, и использовать отдельные файлы CSS.

[sunnybear]

это указано в статье :)

с помощью либо отдельного CSS-файла для IE

[DorBer]

Да, вижу :) Спасибо за методу :)

[Lynn]

Вся загвоздка теперь заключается в том, что у нас нет хаков, позволяющих не показывать часть HTML-кода только для IE

Есть: <!--[if !IE]>-->I'm not IE<!--<![endif]>-->

[sirus]

хочу немного подправить, вот так правильнее (без > после [endif])

<!--[if !IE]>-->I'm not IE<!--<![endif]-->

иначе условные коментарии псоле вашего варианта ИЕ интерпретирует как !IE
т.е. в вашем случае

<!--[if !IE]>--><link rel=«stylesheet» href=«addon.css» /><!--<![endif]>-->
<!--[if lte IE 7]><link rel=«stylesheet» href=«addon.ie.css» /><![endif]-->

addon.ie.css не подключится

а так

<!--[if !IE]>--><link rel=«stylesheet» href=«addon.css» /><!--<![endif]-->
<!--[if lte IE 7]><link rel=«stylesheet» href=«addon.ie.css» /><![endif]-->

будет все ок

[remx]

мммм
нечеловеческое просто спасибо (плюсик не в состоянии), что напомнили об этом способе.
как раз думал как свои иконки вставить в скрипт. реализовал. удовлетворен :)

[Delka]

отлично, спасибо!

[Delka]

я категорически непонимаю почему к такой замечательной статье так мало комментариев и плюсов?
почему у темы про голубых 65 голосов, про какой-то сервис и ноутбук 106(!) а у реальной темы, которую раскрывают впервые - 22(!!!) голоса.
врот мне ноги!
где супер-хабр?

[arestov]

получается что вы заставляете обладателей обоих браузеров скачивать в одном файле картинки для и тех и других браузеров? это меньшее зло против одного лишнего запроса для ie?

[sunnybear]

размер CSS-файла от этого не только не увеличивается, а даже уменьшается, как я указал в статье. При чем здесь "меньшее зло"?

[arestov]

Это был мой скептический вопрос...

Первый же скептический вопрос, который каждый уважающий себя оптимизатор задаст: как можно эти картинки выводить только один раз в CSS-файле (внимательный читатель уже заметил, что base64-строка появляется там дважды)?

Однако, я как всегда был невнимателен, потому что пропустил про эффективное в данном случае gzip сжатие. но я думаю я это сделал подсознательно, потому что использую css там где настроить сервер на сжатие нельзя