Ликбез по CSS спрайтам - Вопросы по CSS

Ликбез по CSS спрайтам
Для нормальных людей - читаем ниже.

СПАСИБО! За разжевывание. Проглотил и не подавился 

СПАСИБО! За разжевывание. Проглотил и не подавился 

Многое не учел конечно. Надеюсь вероятные вопросы и ответы дополнят мануал ))

1 пример поправь:
в диве пишешь id, а в CSS описуешь class.

Я ещё спрайтами не пользовался. Интересует целесообразность.
Когда куча маленьких картинок, они загружаются паралельно, а одна большая будет грузиться тьма-тьмущую времени...
Или не так?

1 пример поправь:
в диве пишешь id, а в CSS описуешь class.

Есть такое дело. Наследование. Дополню

Я ещё спрайтами не пользовался. Интересует целесообразность.
Когда куча маленьких картинок, они загружаются паралельно, а одна большая будет грузиться тьма-тьмущую времени...
Или не так?

Однозначно технология спрайтов выгоднее. Если онтересно, на модеме огранич скорость до минимума и по нижней ссылке в мануале сайт открой и посмотри как меню грузится. Там 2 спрайта я делал. Они именно что грузятся паралельно. То есть, одна картика грузится. И естественно это заметно сверху вниз. Особенно на иконках. Прям все разом сверху вниз отображаются. Для примера БЕЗ спрайтов глянь на ограниченной скоросте редактор тут на форуме-смайлы

SmokerMan, за подсказку +

Спасибо. За тему однозначно+
Как-нибуть займусь. Просто пугает неизведанное.  А вот если парочка картинок (иконок) нужны с прозрачным фоном, то придётся весь спрайт в png делать? Или просто их в спрайт не включать?

Спасибо. За тему однозначно+
Как-нибуть займусь. Просто пугает неизведанное.  А вот если парочка картинок (иконок) нужны с прозрачным фоном, то придётся весь спрайт в png делать? Или просто их в спрайт не включать?

Однозначно придется. Но там вес даже не в килобайтах а в битах получается. На png  так же рядом можно и не прозрачные рядом положить. Но тогда либо через псевдоэлементы резать остальные либо просто фон задать изображению в HEX или RGB Япресвдо-классами и псевдоэлементами предпочитаю не пользоваться. Только как описано в самом начале. Мне проще отступ сделать в картинке чем сделать CSS не валидным, а псевдо - не валидны. Заказчик с каждым новым месяцем становится подкованнее. Он не знает специфики, зато знает что такое валидатор. Вес на биты больше. Но это биты-не килобайты. Если делать отступы.

Al-teen, блгдрю за разжёвывание.
 А кто-нить пользовался другим "американьским" вариантом - http://spriteme.org ?  Какие мнения есть на этот счёт?

Составляет вполне нормальные спрайты. Но самому их делать проще и, главное, потом знаешь что, где, куда и откуда там растут ноги. Когда в спрайте много изображений, то желательно знать каждый блок кода, применяемого к нему.

Понятно, блгдрю.
Просто я об этом не думал в начале "творения", поэтому сейчас думаю как это использовать без большой головоломки, т-к сайт не маленький, да и вручную скрипты писать я пока не силён...