dr.Brain

doctor Brain

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

css

Кое-что о CSS: border-radius

разбираем CSS-свойство border-radius

dr.Brain

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

Photo by Joel & Jasmin Førestbird on Unsplash

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

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, и, спустя некоторое время, обнаружили проблему, связанную с одним из базовых компонентов, а именно с горизонтальной линией, выполнявшей роль разделителя. Проблема рендеринга самой примитивной линии - это практически невообразимо.

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

Далее

Категории

О нас

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