4.3. Техника CSS Sprites

4.3. Техника CSS Sprites

Рассмотрев все аспекты объединения текстовых файлов, перейдем к графической и мультимедийной информации. Сейчас уже много где написано и упомянуто про технику CSS Sprites (или CSS Image Maps). Ниже приведены несколько примеров и полезных ссылок. И пара советов, где и как этот метод может быть применим наиболее оптимальным образом.

Сама техника заключается в том, что мы создаем комбинированное изображение, из которого затем «вырезаем» с помощью CSS-свойства background-position нужный нам в данном случае кусок. На текущем уровне поддержки браузерами (порядка 99,9%) она является просто обязательной для любого уважающего себя веб-ресурса, так как позволяет сократить число запросов к серверу — а кроме этого отделить поведение от представления, и возложить труд по анимации на CSS-движок браузера, а не на JavaScript-движок (т. е. это будет работать даже с выключенными скриптами), и много-много прочих «вкусностей». Но обо всем по порядку.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг:

4.5. CSS Sprites и data:URI

Из книги автора

4.5. CSS Sprites и data:URI Давайте проведем сравнение двух освещенных выше методов для кардинального уменьшения числа запрашиваемых файлов с сервера: CSS Sprites и


Приложение В Техника отладки

Из книги автора

Приложение В Техника отладки Это приложение содержит некоторые рекомендации и описание методов отладки сетевых приложений. Ни один из приведенных методов не является панацеей от всех возможных проблем, однако существует множество инструментальных средств, с которыми


Техника симуляции

Из книги автора

Техника симуляции Естественным первым шагом будет вынести различающуюся функциональность Matrix‹› в два базовых класса: Matrix_‹›, реализующий общий случай, и Matrix_float_‹› для специфики Matrix‹float,…›.template‹class T, int Rows, int Columns› class Matrix_ { //…};template‹int Rows, int Columns› class Matrix_float_ { //…};


19.3.1. Принципы и техника

Из книги автора

19.3.1. Принципы и техника Каркас Rails построен на основе паттерна Модель-Вид-Контроллер (Model-View-Controller — MVC). Каждое приложение естественно разбивается на модели (моделирующие предметную область), виды (с помощью которых информация представляется пользователю и организуется


Техника

Из книги автора

Техника Техника извлечения и манипулирования данными выходного набора использует курсор для чтения по порядку каждой строки из оператора SELECT В предварительно объявленный набор переменных. Часто это могут быть выходные аргументы, куда помещаются значения столбцов,


Глава 7 Техника для съемки

Из книги автора

Глава 7 Техника для съемки Это одна из тех глав, в которой философского текста будет больше, чем картинок и диалогов. Все потому, что вопрос о технике для съемки всегда был наиболее щекотливым. Перед тем как решительно идти в магазин с вырванным из книги кратким списком


Глава 5 Техника съемки

Из книги автора

Глава 5 Техника съемки 5.1. Главный секрет – избегать типичных ошибок5.2. Учимся двухмерному видению5.3. Композиция кадра5.4. Кадрирование5.5. Освещение5.6. Правильное использование вспышки5.7. Съемка движения5.8. Макросъемка5.9. Фотографа без штатива не бываетИ любительская


Лекция 16. Техника наследования

Из книги автора

Лекция 16. Техника наследования Наследование - ключевая составляющая ОО-подхода к повторному использованию и расширяемости. В этой лекции нам предстоит исследовать новые возможности, разнородные, но демонстрирующие замечательные следствия красоты базисных идей.


Кибернетическая техника

Из книги автора

Кибернетическая техника В 1969 году Б. Н. Малиновский был избран членом-корреспондентом Академии наук Украинской ССР. В 1971 году после ухода Г. Е. Пухова он возглавил Отделение кибернетической техники Института. Отделение занималось разработкой вычислительных средств, их


Техника

Из книги автора

Техника Специально покупать новую фотокамеру для первых опытов в съемке натюрморта вряд ли стоит — вполне подойдет то, что у вас есть. Хорошая техника не спасет неудачную композицию. Главное в данном случае — не фотокамера, хотя конечно, высококачественное оборудование


Техника съемки

Из книги автора

Техника съемки В макросъемке трудно с первой попытки получить превосходный результат. Если для остальных видов съемки обычно достаточно одного-двух дублей, то для макро потребуется сделать больше снимков. Хорошо, если отличным получится один из пяти или десяти


Техника макросъемки

Из книги автора

Техника макросъемки Сюжетов для съемки макро всегда хватает с избытком, при этом снимки не похожи друг на друга. Подходящие для съемки объекты вы можете найти повсюду. Важно научиться смотреть на объекты внимательным взглядом (как смотрят на новые игрушки маленькие