xandeadx.ru Блог музицирующего веб-девелопера

CSSВыпадающее меню с задержкой

Опубликовано в

Обычное выпадающие css-меню сделанное с помощью переключения display:none;/display:block; повешенного на hover обладает двумя раздражающими недостатками:

— подменю показывается мгновенно, как только курсор мыши попал в область родительского пункта
— подменю мгновенно пропадает, как только курсор вышел за пределы подменю

Пример такого меню:

CSSКроссбраузерный @font-face

Опубликовано в

Без нудного вступления про бардак в реализации стандартов, хочу поделиться ссылкой на сервис @font-face Kit Generator. Сервис позволяет закачать свой шрифт и с помощью одного клика получить архив, в котором содержится всё для кроссбраузерного подключения закачанного шрифта:

1. шрифт в формате eot для работы в IE 6/7/8
2. шрифт в формате woff для работы в IE9+, FF3.6+, Chrome 5+
3. шрифт в формате ttf
4. шрифт в формате svg для работы в iOS младше 4.2
5. css файл с кроссбраузерной записью @font-face