dr.Brain

doctor Brain

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

frontend

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

стили для родителя,содержащего определенный дочерний элемент

dr.Brain

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

Photo by Fabio Mangione on Unsplash

В CSS псевдоклаcc :has дает возможность создавать правила для родительского HTML-элемента, содержащего определенный дочерний элемент.

HTML: submit за пределами формы

размещаем кнопку submit за пределами формы

dr.Brain

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

Photo by Paul Pastourmatzis on Unsplash

Далеко не всегда кнопка отправки формы должна находиться в пределах родительского блока form. Спецификация HTML позволяет размещать ее в любом месте на странице сайта.

CSS: @container

управляем CSS свойствами элемента с помощью at-rule правила @container

dr.Brain

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

Photo by Jacob Meissner on Unsplash

Правило @container позволяtт динамически управлять стилями дочернего HTML-элемента в зависимости от размера родительского контейнера, содержащего этот элемент. Запросы для контейнеров работают также как и медиа-запросы.

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

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

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

Далее

Категории

О нас

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