Как использовать селектор :has() в CSS
По своей сути селектор :has() является реляционным псевдоклассом. Это означает, что он позволяет выбрать элемент на основе его отношений с другими элементами.
верстка
Нативный HTML-элемент dialog и его возможности
Все основные браузеры теперь поддерживают элемент . Зачем добавлять этот HTML-элемент? Подобный функционал, особенно в части захвата фокуса, имеет юзерленд-код — код, который разработчики пишут для заполнения пробелов в браузере.
Нейминг: как давать осмысленные имена переменным
В этой статье я расскажу, как эффективно составлять имена для переменных. Ведь даже если вы не испытываете проблем с придумыванием имен, используете ли вы весь их потенциал?
Как оптимизировать дорогостоящие CSS-свойства
Некоторые свойства CSS более затратны, чем другие, с точки зрения производительности. При неправильном использовании они могут замедлить работу вашей веб-страницы и сделать ее менее отзывчивой для пользователей.
Оптимизация изображений в HTML
В настоящее время существует огромное количество размеров экранов и разрешений. И нет никакой причины выдавать всем посетителям сайта один и тот же файл с изображением.
7 интересных, но редко используемых элементов HTML
Перебрав, казалось, бесконечную вереницу HTML-элементов, я нашел несколько очень полезных, но при этом редко используемых.
В чем разница между : и :: в CSS?
Возможно, это будет последний раз, когда вам пришлось гуглить разницу между : и :: в CSS!
Генераторы CSS-кода: самая полная коллекция
Коллекция генераторов CSS-кода для разнообразных элементов дизайна UI (фоны, градиенты, кнопки, разделители, тени, фильтры изображений).
Методы event.preventDefault() и event.stopPropagation()
В этой статье мы познакомимся с методами event.preventDefault() и event.stopPropagation(). С их помощью мы будем отменять некоторые дефолтные действия браузера.
Как изменить CSS-стили при помощи JavaScript
Как изменить CSS-стили? Ответ очевиден — отредактировать CSS-файл. Возможно, после этого понадобится компиляция.
Как закомментировать CSS (и как писать комментарии)
Комментарии — составляющая часть кода на любом языке программирования. Есть возможность комментирования и в CSS.
Светлый и темный режим всего в 14 строках CSS
В этом решении не используется JavaScript, поскольку мы создаем не переключатель режимов. Этот код будет выявлять системные настройки пользователя при помощи медиа-запросов CSS и таким образом определять базовую цветовую схему.