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

Мимо этой витрины  пешеходам трудно пройти - действительно, многие наборы иконок заслуживают чести красоваться в музее иконок, если такой когда нибудь будет создан. Главное - внимательно смотрите лицензионное соглашение на сайтах авторов. В Windows 7 теперь иконки будут на подставке - так, видимо, будет удобнее с ними работать. Короче, принимайте!

Very cool icons from different [...]

После того как основные графические элементы для меню созданы, можно приступить к CSS верстке. Для этого в корневой директории, где будет находить файл index.html, создадим папку css. Внутри этой папки заведем еще одну папку images, в которую поместим три файла:
фон :

левая “крышка”:

правая “крышка” (длинная):

Эти три файла сохраним в папке css/images
Теперь приступим к созданию стилей. Ниже [...]

Что будем печь
Сегодня мы с вами испечем вот такое меню:

Главная
Товары
Доставка
Контакты

Идея Идея этого меню очень простая - при движении мыши по гиперссылке пункта меню благодаря псевдоклассу :hover происходит замена стиля и это пункт меню подсвечивается. Кроме этого есть класс current (текущий), в котором происходит подсветка активного на данный момент пункта меню. Поскольку названия пунктов меню могут [...]

Весьма корректно работающий генератор CSS меню. Предлагает на выбор несколько дизайн-решений как для горизонтальной раскладки, так и для вертикальной. Очень просто, очень быстро, очень качественно. Идея этого генератора очень проста - превратить ненумерованный список <ul></ul> в форматированное с помощью CSS меню. На выходе - HTML и CSS код.

Иногда очень необычные и весьма оригинальные эффекты достигаются весьма простыми средствами. Особенно приятно, когда эти эффекты незаезжены. Пример тому - статья, помещенная на любимом мной сайте http://css-tricks.com, в которой приводится рецепт, как размыть часть фона, находящегося по слоем. Идея в использовании двух изображений для фона - одно изображение обычное, резкое, а другое - размытое, как [...]