dr.Brain

doctor Brain

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

css

CSS: незакрывающийся details

элемент details, который открывается только раз и никогда не закрывается

dr.Brain

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

Элементы details и summaryотлично подходят для того, чтобы скрыть небольшой фрагмент текста. По умолчанию содержимое блока details скрыто. Виджет элемента details обычно представлен небольшим треугольником, который меняет свое положение при раскрытии или скрытии контента. Содержимое блока summary, являющегося первым дочерним элементом блока detail, используется в качестве метки виджета раскрытия.

CSS: липкий футер

прибиваем футер к нижней части экрана с помощью CSS

dr.Brain

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

Photo by Lomig on Unsplash

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

CSS: псевдокласс :focus-within

для чего нужен псевдокласс :focus-within в CSS

dr.Brain

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

Photo by Kyran Aldworth on Unsplash

В этом небольшом обзоре мы рассмотрим для каких целей в CSS нужен псевдокласс :focus-within и как его можно применять.

CSS: как корректно скрыть элемент

скрываем CSS-элемент, сохраняя доступность для скринридеров и поисковых роботов

dr.Brain

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

Как корректно удалить со страницы элемент, не оказывая отрицательного влияния на параметры поисковой оптимизации (SEO) и не нарушая взимодействие этого элемента с программами-скринридерами.

CSS: поворот картинки

как повернуть картинку с помощью CSS

dr.Brain

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

Photo by Jan Kopřiva on Unsplash

Вы можете повернуть картинку с помощью CSS. Для чего это нужно? Допустим, у Вас есть только одно изображение со стрелкой, и, поворачивая его, можно указать различные направления.

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

Далее

Категории

О нас

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