dr.Brain

doctor Brain

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

css

CSS каламбуры

34 селектора, которые рассмешат не только веб-разработчика и дизайнера

dr.Brain

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

Photo by Carson Arias on Unsplash

Каскадные таблицы стилей (CSS) определяют визуальное представление элементов HTML-документа, в том числе цвет, отступы, фон, шрифт и другие свойства. В этой статье представлены свойства селекторов, которые заставят улыбаться, даже если Вы не понимаете для чего эти стили нужны.

Осторожно. CSS grid

будьте внимательны, используя сочетание CSS-свойств display: grid и height: 100%

dr.Brain

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

Photo by Plush Design Studio on Unsplash

Найти веб-ресурс, причиной медлительности которого является CSS, достаточно непросто. Тем не менее, это возможно. Данный пример касается использования вложенных элементов CSS grid.

Управляем активностью кнопки на чистом CSS

как заблокировать кнопку отправки формы на CSS, если не заполнено поле ввода

dr.Brain

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

Photo by Plush Design Studio on Unsplash

В этой небольшой статье мы рассмотрим, как заблокировать кнопку отправки данных формы только в том случае, когда не заполнено одно поле ввода. Тем не менее, этот прием будет работать и для нескольких полей ввода, но при этом нужно соблюдать одно важное условие - все поля ввода должны быть прямыми потомками элемента <form>. Использование различных блоков оберток для полей ввода приведете к неизбежному краху.

Исчезающая линия

исчезающая линия или еще кое-что о магии CSS

dr.Brain

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

Photo by Andre Benz on Unsplash

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

Выскальзывающий footer

создаем эффект выскальзывающего футера

dr.Brain

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

Photo by Maarten Duineveld on Unsplash

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

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

Далее

Категории

О нас

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