Посмотрел интересную презентацию от Lea Verou с конференции Fronteers 2011. Вынес для себя несколько интересных моментов.
Свойство pointer-events, которое позволяет управлять событиями курсора на элементе. Когда, например, ссылка скрывается за градиентом, то можно назначить элементу с градиентом pointer-events: none и при наведении на него ссылка будет активна. Это свойство для html элементов не поддерживают на данный момент IE и Opera, поэтому практическое использование сейчас под вопросом.
Использование нескольких box-shadow для эмуляции нескольких border и использования у box-shadow отрицательного значения четвертого параметра spread, что схлопывает тень внутрь блока и позволяет сделать тень меньше размера самого блока.
Использование сочетаний псевдоселекторов :last-child, :first-child, nth-child, only-child для выделения только одного, только пяти элементов, если их больше пяти и т.д. Комбинации можно делать очень интересные. Например, оказалось довольно легко выделить элементы, когда их пять и более.
Ипользование псевдокласса :checked для того, чтобы сделать кастомный чекбокс.
Ну и свойство background-origin, которое задает точку отсчета бэкграунда (можно не учитывать padding и отсчитывать непосредтвенно от области контента)