CSS3

Первый HTML5-редактор для создания баннеров от Google

Понедельник, 30 сентября 2013 г.
Рубрика: Web-мастеринг
Метки: | |
Просмотров: 12719
Подписаться на комментарии по RSS

HTML5 редактор Google Web Designer

Отличная новость для всех web-мастеров! Google выложила в свободный доступ графический HTML5-редактор Google Web Designer для создания рекламных баннеров, тем самым вбив очередной гвоздь в крышку гроба Flash.

Редактор ориентирован на адаптивный дизайн выдавая результатом работы HTML5, CSS3 и JavaScript. Для создания баннеров (ключевая функция редактора) предлагается два режима работы - графический и в текстовый редактор кода. Материалы можно создавать с помощью инструментов рисования, текста и 3D-объектов, а также анимировать их с помощью временной шкалы (timeline). Поддерживаются шаблоны со всеми стандартными форматами и размерами AdMob и DoubleClick.

читать полностью →

Знакомимся с CSS3. Секреты прозрачного фона и модель RGBa

Среда, 17 июля 2013 г.
Рубрика: Web-мастеринг
Метки: | |
Просмотров: 3923
Подписаться на комментарии по RSS

наследование CSS

Продолжим знакомство с некоторыми, не совсем очевидными, свойствами CSS3. Одно из таких свойств — прозрачность фонового цвета, заданная в формате RGBa или HSLa.

Не пугайтесь последнего названия HSLa - Hue (оттенок), Saturate (насыщенность) и Lightness (яркость). Буква «A» на конце аббревиатуры означает «альфа» (хорошо знакомо любителям Photoshop) и отвечает за величину прозрачности цвета.

Напрашивается резонный вопрос, для чего в таком случае нужно свойство оpacity (прозрачность) и в чем разница?

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

читать полностью →

Скругление углов CSS3

Вторник, 8 февраля 2011 г.
Рубрика: Web-мастеринг
Метки: |
Просмотров: 15214
Подписаться на комментарии по RSS

Сегодня хочу рассказать о таком свойстве CSS3, как border-radius, позволяющее создать закругленную границу вокруг прямоугольного блока.

Backgrounds and Borders module на данный момент всё ещё остается черновым документом W3C, поэтому при именовании свойства border-radius браузеры используют вендорные префиксы:

  • -moz- используется в браузерах на основе движка Gecko (Firefox и SeaMonkey)
  • -webkit- в браузерах на основе одноименного движка (Safari и Chrome)

Браузер Opera обходится без вендорного префикса, ну а IE, оправдывая своё народное название "осла", вовсе не поддерживает данного свойства.

Скругление углов средствами CSS3. В данном примере не используется JS или картинки.

читать полностью →