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

Скрипты и советы | 19 декабря 2008

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

Источник: Уроки CSS на Хабрахабре
Клиентская оптимизация / Выносим CSS в пост-загрузку

После сравнительной заметки о CSS Sprites и data:URL все мои мысли были направлены на решение основной проблемы: В...

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

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

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

Хотя CSS-подобных языков не так уж и много – на слуху и на плаву сейчас и вовсе одни Sass и Less, я все же начну с...

Подробнее
Нам нужен блог

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

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

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

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

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

Подробнее

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

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями