dr.Brain

doctor Brain

мир глазами веб-разработчика

CSS: псевдокласс :scope

сопоставляем элементы с помощью псевдокласса :scope в CSS

dr.Brain

время чтения 1 мин.

Photo by Jennifer Lim-Tamkican on Unsplash

Селектор :scope появился в 2023 году и служит для определения области действия стилей в CSS.

JavaScript: онлайн или офлайн

выводим сообщение о наличии подключения к Интернету с помощью JavaScript

dr.Brain

время чтения 2 мин.

Photo by Raphael Nogueira on Unsplash

Порой пользователю веб-сервиса необходимо знать о потере подключения к Интернету. Например, он может работать с кэшированной информацией, думая, что сайт не обновляется администраторами, в то время как основной причиной такой ситуации является отсутствие подключения к Интернету.

CSS: вложенность

добавляем вложенные стили без препроцессоров

dr.Brain

время чтения 1 мин.

Photo by Johannes Giez on Unsplash

В CSS вложенность позвояяет размещать одни правила в других. Это особенно полезно для управления стилями, зависящими от контекста.

CSS: counter

учимся использовать счетчики в CSS

dr.Brain

время чтения 2 мин.

Photo by Anne Nygård on Unsplash

Что такое CSS-счетчики? Их можно рассматривать, как переменные CSS, значения которых увеличиваются по определенным правилам.

Tailwind: центрирование

размещаем элемент по центру с помощью Tailwind CSS

dr.Brain

время чтения 2 мин.

Photo by Darius K on Unsplash

Давайте разберем, как можно разместить HTML-элемент в центре родительского блока по горизонтали и по вертикали с помощью Tailwind CSS.

Новые публикации

Далее

Категории

О нас

Frontend & Backend. Статьи, обзоры, заметки, код, уроки.