22 декабря 2015
1 декабря 2009
13
JavaScript библиотеки, которые расширяют возможности CSS
Привет!
Сегодня мы рассмотрим не совсем обычные JS фреймворки. Их цель — принести в CSS немного больше функциональности и возможностей.
Приведу пример: вы знаете, что есть браузеры, которые поддерживают закругленные углы (свойство из CSS3), а есть те, которые не поддерживают это. Такое условие можно прописать непосредственно в CSS.
Или, скажем, нужно написать разные стили для пользователей шестого ослика под Маком — тоже не проблема.
Modernizr
Эта библиотека позволяет вам с помощью CSS-селекторов определять, поддерживает ли текущий браузер конкретные CSS3 свойства или нет, и писать соответствующие стили для современных браузеров и более старых версий.
.multiplebgs div p {
/* свойства для браузеров,
которые поддерживают множественные фоны */
} .no-multiplebgs div p {
/* и для тех, которые
не поддерживают */
}
Кроме того, с помощью этой библиотеки можно писать стили для тегов из HTML 5.
MoreCSS
Эта библиотека добавляет в CSS некоторые возможности из JS — создание попапов, тултипов, более продвинутые и удобные свойства. Посмотрим на пример, чтобы понять, о чем речь.
tr.blue td {
background-color: #D0E3FF;
color: #FFFFFF;
}
/* MoreCSS */
#example_1 tr:every-second-child {
add-class: blue;
}
CSS Browser Selector
Про эту библиотеку я уже писал в статье про эффективный CSS. Она позволяет вам писать стили под конкретный браузер или ОС, ну или и под то и другое одновременно.
.win.chrome .example {
background-color: cyan;
}
И по теме - не знаете есть ли подобные библиотеки, позволяющие писать на CSS3 в браузерах не поддерживающих его?
Сколько таких % в рунете?
И по теме - не знаете есть ли подобные библиотеки, позволяющие писать на CSS3 в браузерах не поддерживающих его? =)
MoreCSS заинтересовал, надо будет в свободное время подробнее ознакомиться.