October 25th, 2012

Применение изображений-спрайтов

Проблема
Вы хотите сэкономить на трафике, поместив все или большинство ваших пиктограмм
в одно изображение.
Решение
Поместите наиболее часто используемые изображения в одно главное (master)
изображение, убедившись в том, что вокруг каждого изображения достаточно свободного
пространства.
Создайте достаточно свободного места для отображения каждой пиктограммы и
задайте неповторяющееся фоновое изображение.
В этом примере каждая пиктограмма будет располагаться рядом со строкой заголовка.
Используя селекторы ID, поместите каждую пиктограмму рядом с соответствующим
заголовком с помощью свойства background-position.
Обсуждение
Очень похожим способом разработчики применяют одно и то же изображение снова и
снова, пользуясь способностью Web-обозревателя кэшировать изображение,
применение спрайтов помогает немного развить эту идею. Поместив отдельные графические
элементы в одно изображение, Web-разработчики уменьшают количество серверных
обращений Web-обозревателя к их машинам. Предложенное решение очень подойдет
для сайтов со средним или большим объемом трафика.


А вы знаете, что продукты всемирно известной компании Himalaya теперь доступны и вам! Вся продукция производится только из натуральных продуктов. Один из самых популярных продуктов - шампунь с протеинами для сухих и поврежденных волос «Восстановление и Уход» - поможет вам не только защитить свои волосы от УФ-лучей, но и сохранить водный и липидный баланс кожи головы.

Выиграй билет на концерт Lady Gaga!



Эпатажная, спонтанная, экспрессивная, непредсказуемая - талант Lady Gaga не знает границ. Своей энергией, музыкой и космическим образом она впускает в нашу жизнь яркое безумие и хаос, пробуждая в нас маленьких монстров.

Только с 8 по 28 ноября 2012 года сеть магазинов парфюмерии и косметики ИЛЬ ДЕ БОТЭ дарит уникальный шанс увидеть королеву монстров воочию!

Лучшие покупатели парфюмерного дебюта певицы Lady Gaga Fame получат билет на концерт, который состоится 9 декабря 2012 года в СКК в Санкт-Петербурге и 12 декабря 2012 года в московском СК \"Олимпийский\" в рамках мирового тура BORN THIS WAY BALL*.

Воплощение самых темных желаний, аромат Lady Gaga Fame – это первый парфюм черного цвета! Признайся себе в самых сокровенных мечтах. Темная суть белладонны, чувственные ноты меда, шафрана и абрикоса, светлые аккорды орхидеи и жасмина самбак раскроют тайну звучания славы.

*Количество подарков ограничено. Информацию об организаторе акции, о правилах ее проведения, количестве подарков, сроках, месте и порядке их получения – узнавайте на сайте WWW.ETOYA.RU или по тел. 8-800-2001-700. В Акции принимают участие магазины парфюмерии и косметики ИЛЬ ДЕ БОТЭ г. Москвы и г. Санкт-Петербурга.

Обрезка фоновых изображений

Проблема
Вы хотите использовать в HTML-элементе только часть фонового изображения.
Решение
Для отделения части фонового изображения примените
собственное свойство CSS Web-обозревателя Firefox moz-image-rect.
Обсуждение
Свойству -moz-image-rect требуется два вида данных. Сначала укажите изображение,
которое нужно обрезать.
А потом задайте видимую часть изображения с помощью последовательности из
четырех значений, разделенных запятыми и выраженных в пикселах или процентах.
Эти значения представляют те же стороны изображения, что и в свойстве margin или
padding с сокращенной формой записи: верхнюю, правую, нижнюю и левую.
( Примечание )
Я не указал единицы измерения рх после целочисленных значений, хотя бы потому что Web-обозреватель понимает, что здесь должны быть пикселы. Использование рх не допускается и помешает отображению изображения. В последующих выпусках Web-обозревателя это может измениться, так что следите за будущими реализациями этого свойства. Во время написания книги способность обрезать фоновые изображения была только в ночных сборках (nightly build) Firefox. Основная версия Web-обозревателя, следующая за Firefox 3.5, должна включать в себя поддержку этого свойства. Для того чтобы фоновое изображение выводилось в других Web-обозревателях, не поддерживающих Обрезку фона, вставьте В правило CSS СВОЙСТВО background-image со стандартными значениями. Другие обозреватели игнорируют свойство обрезки фона Firefox.

А вы знаете, что сейчас набирает популярность так называемое живое хобби? Что это? Дорого ли это? а может быть опасно? Читайте на нашем сайте!

Применение масок к изображениям и рамкам

Проблема
Вы хотите применить маску к изображению и окружающей его рамке.
Решение
Сначала создайте изображение в формате PNG с альфа-прозрачностью. Затем примените маску с помощью правила CSS.
Обсуждение
При создании маски все прозрачные части изображения становятся маской или частью,
скрывающей фрагмент фонового изображения. Этот результат трудно объяснить, т. к.
обычно альфа-прозрачность означает хорошую прозрачность.
Кроме изображений в формате PNG, в качестве масок можно применять изображения
в формате SVG так же, как и для формирования градиентов.
Во время написания книги создание масок средствами CSS поддерживал только Web-
обозреватель Safari.

Если у вас есть грузовик Урал, то в один прекрасный момент вам могут потребоваться разнообразные запчасти для него например 4S3502252Е260А Валик тормозного кулака среднего моста, правый или арка задней опоры кабины. Оригинальные запчасти по низким цены вы можете приобрести только у нас!

Пластиковые окна.

Всем привет! Сегодня мы с вами поговорим о такой интересной и увлекательной теме, как поливинилхлоридовые окна или как их называют в народе пластиковые окна. Чем же они отличаются от всех остальных и где приобрести качественную продукцию? Вопреки устоявшемуся мнению пластиковые окна не только более экологичны , чем деревянные или алюминиевые, но и более экономичны! Не так давно ученые разработали систему позволяющую оценить все типы и виды окон. Все окна были подвергнуты суровым испытаниям: их проверяли в диапазоне температур от -60 до +50 градусов по Цельсию, а так же их искусственно состарили более чем на 40 лет. Результаты оказались следующими: пластиковые окна оказались более приспособленными к таким жутким условиям, к тому же они оказались на 55-60% дешевле в эксплуатации, чем другие. А теперь главный вопрос: где же купить хорошие и недорогие окна? В этом вам поможет одна из крупнейших фирм на Российском рынке – Окнастар! Эта компания занимается не только производством, но и установкой своей продукции. Так же фирма не занимается накрутками, поэтому цена пластиковых окон фирмы Окнастар доступна каждому.