SVG-спрайты
Вчера ночью, эксперементируя с различными способами внедрения картинок в ХТМЛ, я понял, что уже все браузеры (кроме «Оперы Мини»), понимают СВГ прямо в коде страницы. А это значит, можно отказаться от CSS-спрайтов в пользу того, что можно назвать «SVG-спрайтами»:
Принцип,
Думаю, всем понятен код: в теге svg задаются размеры кусочка спрайта, в image обязательно нужно указать полные размеры картинки (для Ретины можно указать их в два раза меньше, если спрайт подготовлен к этому типу экранов), при помощи параметров x и y позиционируем в каком именно месте спрайта расположена наша картинка.
В комментариях спрашивают зачём это всё надо, чем это лучшее спрайтов в ЦСС.
Ну,
Комментарии 14
Если спрайт генерировать, а не создавать руками, то на выходе можно получить полностью готовый к употреблению файл для
Есть. Фон грузится в последнюю очередь и часто не попадает на печать. А ещё это семантически неверно.
ЭтоSVG-стеки, совсем другое :)
Скорее ЯРГТ тогда :)
Тут проблема в том, что ХТМЛ по звучанию сильно отличается от«аш-ти-эм-эль» (а его слышу обычно так), а БМВ и по-немецки БМВ. Что-то вроде NASA — НАСА, но FBI — не ФБИ, а ФБР.
А тут спорить о правильности ЯРГТ или ХТМЛ — приближать тепловую смерть вселенной. Правльно писать HTML, и читать на английском.
Комментарий для jankkhvej.tumblr.com:
Вы, вроде, давно меня читаете, но, видимо, невнимательно. В двух постах через два, где я пишу сокращения топо-русски, то по-английски меня спрашивают почему так. Если я не ошибаюсь, то вы тоже один из тех, кто спрашивал.
И я уже давненько, с одного спора с Пепелсбеем, разъясняю, что моя текущая стратегия постепенно приучать читателей к их виду.
Вы имеете ввиду, среда, гдепо-английски говорят? В среде, где говорят по-английски, я говорю по-английски. Мои русские «Казань» или «Москва» никто в ней не поймёт, но это не значит, что я в блоге должен писать «живу в Kazan, три года работал в Moscow».