Меньше года назад, Dave Hyatt, Dean Jackson и Chris Marrin предложили внедрить новые CSS возможности: анимация, трансформация и CSS-константы. Последнее реализовано разработчиками Webkit еще в июне. А вчера на их официальном блоге появилась заметка о том, что теперь в последней версии Webkit внедрена поддержка CSS-анимации.

Чтобы увидеть анимацию в действии установите WebKit Nightly Build и откройте демо-страничку. Вы должны увидеть как на фоне картинки падают листья.

Модель RGBa отличается от RGB тем, что позволяет дополнительно указать прозрачность цвета. Это выглядит так:

div {
background: rgba(200, 54, 54, 0.5);
}

Этот код выполняет тоже самое, что и привычное нам написание background и opacity. Но последнее делает прозрачным все дочерние слои и способов решения этой проблемы нет (кроме хаков с позиционированием). Кроме того, для разных браузеров приходится прописывать как минимум 3-4 названия этого свойства (opacity, filter: alpha(opacity=X), -moz-opacity, -khtml-opacity).

Продолжаю серию статей о том, как оформить простейшие элементы на сайте с помощью CSS. Напомню ссылки на прошлые статьи:

Оформление внешних ссылок с помощью CSS
Способы верстки блока с закругленными краями
Как сделать красивую кнопку с помощью CSS
Способы оформления цитат с помощью CSS

Сегодня я расскажу вам о 5 простых и эффективных способах оформления изображений с помощью CSS.

Где заказать классические кухни? Мебельная компания “Аммати” предлагает широкий выбор кухонной мебели и готовые дизайнерские решения!
Хотите изменить дизайн интерьера к Новому Году? Обращатейсь в компанию DECORIT!
Воронеж Интернет Новости.
Internex – студия создания сайтов. Качественные сайты, раскрутка за низкие …

Язык HTML (4+), использует более 100 тегов. Естественно, что при верстке сайта мы используем лишь часть из них. Кроме того, любой блочный (и не только) элемент можно “превратить” с помощью CSS в любой другой элемент. Например, font мы заменяем на span; span на div; code на pre и т.п.
Однако, в HTML предусмотрены теги для самых различных ситуаций. Знакомы ли вам такие теги, как samp, var, q, cite, abbr, acronym..? Думаю, что многие из вас слышат эти названия впервые, поэтому я составила таблицу с описанием и примерами для чего нужны эти …

Вольный перевод статьи Automatic numbering with CSS Counters. Автор: David Storey
Введение
Очень часто в различных документах нам приходиться использовать нумерацию, например, для оформления оглавления. Нумеровать можно и вручную, но такой способ доставит немало хлопот, если понадобиться удалить или добавить новый пункт. В CSS2.1 существует способ, который позволяет автоматизировать этот процесс – это использование CSS counters. Стоит уточнить, что CSS counters не поддерживаются браузером IE, однако в 8й версии это обещают исправить.

Нестандартные тексты, броские заголовки и душещипательные рассказы. Все это на Максим.ру
корпоративный новый год, проведение нового года – мероприятие ответственное, оно …

Для начала, вот как это будет выглядеть: горизонтальное меню + выпадающее меню горизонтальным списком:

Чтобы сделать подобное, нам понадобиться внести изменения в исходный код меню блога. Обычно это в файле header.php. Находим нужное место и заменяем следующим кодом, который выведет весь список страниц/категорий и подкатегорий.
 <ul id=”nav2″ class=”clearfloat”>
<li><a href=”<?php echo get_option(‘home’); ?>/” class=”on”>Home</a></li>
<?php wp_list_categories(‘orderby=name&exlude=181&title_li=’);
$this_category = get_category($cat);
if (get_category_children($this_category->cat_ID) != “”) {
echo “<ul>”;
wp_list_categories(‘orderby=id&show_count=0&title_li=&use_desc_for_title=1&child_of=’.$this_category->cat_ID);
echo “</ul>”;
}
?>
</ul>
свадьба – самое прекрасное событие в жизни невесты, поэтому надо хорошо подготовиться и посмотреть красивые свадебные платье.
Компания “Софт-Сервис” успешно проводит профессиональное обслуживание компьютеров уже более 4-х …

С момента публикации спецификации СSS 3 прошло почти 3 года, но вебмастера так и не могут воспользоваться всеми преимуществами нового стандарта. Перетирать причины и искать виновников – дело бесполезное т.к. все равно ничего с места не сдвинется. Можно лишь сказать спасибо разработчикам FireFox и Safari, за возможность “пощупать” новые свойства CSS 3.
Мне хочется рассказать об одном из таких замечательных нововведений  CSS 3, а именно: о псевдо-классе :not(). В спецификации нем написано всего пару строк, но польза его очень велика.
The negation pseudo-class, :not(X), is a functional notation taking a simple selector …