Клиентская оптимизация / Data:URI CSS Sprites — современный подход к генерации CSS спрайтов


Мучения со стандартным подходом применения CSS спрайтов, а именно трудности модернизации и в некоторых случаях сложности оптимальной компоновки заставили искать альтернативный вариант оптимизации загрузки изображений. Очередной раз почитывая хабра-статьи, наткнулся на интересный подход реализации спрайтов с применением data:URI. В ходе дискуссий и умозаключений были определены слабые и сильные стороны данного подхода. Одним из значительных недостатков нового подхода является сложность сборки конечного CSS. Однако, при использовании data:URI имеет место возможность автоматизации процесса.

Источник: Уроки CSS на Хабрахабре


Уважаемые посетители,
Если Вы хотите оставить заказ на разработку сайта или получить предварительную консультацию воспользуйтесь формой по ссылке ниже.
Обратная связь
Наш специалист ответит вам в течении суток.


19 декабря 2008  0 3 676   Версия для печати


Похожие публикации

Клиентская оптимизация / Выносим CSS в пост-загрузку

После сравнительной заметки о CSS Sprites и data:URL все мои мысли были направлены на решение основной проблемы: В общем случае [при использовании data:URL], загрузка страницы не ускорится,... читать далее

Клиентская оптимизация / Ссылка Клиентская оптимизация: лучше меньше, да лучше

Частичная перепечатка моей статьи в Терминал.Ру. "Еще во времена HTML 3.2 разработчики стали задумываться над тем, как сократить время загрузки сайтов, перегруженных информацией и графикой. С тех пор... читать далее

TeaCSS – очевидный подход к созданию стилей

Хотя CSS-подобных языков не так уж и много – на слуху и на плаву сейчас и вовсе одни Sass и Less, я все же начну с ответа на вопрос «А зачем нужен еще один?». Если коротко, то TeaCSS не плодит новых... читать далее

Нам нужен блог

Эта статья возникла в ходе работы над предыдущей. Михаель озадачил нас, назвав цифру в 1500 слов, как необходимый минимум содержимого на странице. В ходе рассмотрения вариантов реализации этого... читать далее

JavaScript-only: гомогенная архитектура веб-проектов

Работа фронтенд-разработчика наполнена задачами по оптимизации кода, переносу готовых фрагментов между версиями проектов и т.п., сложность которых зачастую определяется исторически сложившимся... читать далее

[Перевод] Современный CSS для динозавров

— Двигать пиксели в CSS и так было трудно! А теперь мне говорят, насколько круто использовать несемантические названия классов, встроенные стили в HTML и даже писать стили CSS на JavaScript! [Вставь... читать далее

Прокомментировать


@

  • bowtiesmilelaughingblushsmileyrelaxedsmirk
    heart_eyeskissing_heartkissing_closed_eyesflushedrelievedsatisfiedgrin
    winkstuck_out_tongue_winking_eyestuck_out_tongue_closed_eyesgrinningkissingstuck_out_tonguesleeping
    worriedfrowninganguishedopen_mouthgrimacingconfusedhushed
    expressionlessunamusedsweat_smilesweatdisappointed_relievedwearypensive
    disappointedconfoundedfearfulcold_sweatperseverecrysob
    joyastonishedscreamtired_faceangryragetriumph
    sleepyyummasksunglassesdizzy_faceimpsmiling_imp
    neutral_faceno_mouthinnocent

Архив сайта

Реклама на сайте Веб студия в Киеве hover