Основные варианты использования CSS-переменных (Custom Properties)

Скрипты и советы | 15 ноября 2021

Уроки CSS на Хабрахабре, habrahabr.ru, CSS, JavaScript, HTML, css, custom properties, var,

CSS Variables или CSS Custom Properties уже давно используются в разработке и поддерживаются большинством популярных браузеров. Если у вас нет обязательного требования разрабатывать под IE, то вполне вероятно, вы уже успели оценить их преимущества.

По этой теме написано множество статей, но я сфокусируюсь на том, чтобы показать распространенные кейсы по использованию, которые сам применял на практике. Будет мало теории, но много кода.

Читать далее
[Из песочницы] Топ 5 причин, почему мне нравятся пользовательские свойства CSS

Привет, Хабр! Представляю вашему вниманию перевод статьи «My top 5 reasons why I like CSS custom properties», автора...

Подробнее
Крутые трюки с переменными CSS

Переменные в CSS (или custom properties, кому как удобнее) изначально задумывались для хранения повторяющихся свойств...

Подробнее
Введение в пользовательские CSS-свойства

Автор курса «HTML-верстка» Стас Мельников рассказал, что такое пользовательские CSS-свойства и почему их стоит изучить....

Подробнее
[Перевод] CSS-переменные

CSS-переменные (их ещё называют «пользовательскими свойствами») поддерживаются веб-браузерами уже почти четыре года. Я...

Подробнее
[recovery mode] SEO оптимизация. Начало

Здрасте! Множество информации по SEO (оптимизация, продвижение, вот это вот все) разбросано по просторному интернету,...

Подробнее
Веб компоненты без Shadow DOM

Привет, Хабр! За последнее время я заметил целый ряд статей с разного рода критикой веб-компонентов. Порой, эта критика...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms/

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями