dr.Brain

doctor Brain

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

css

Flexbox: автоматические отступы

некоторые особенности выравнивания элементов внутри flex-контейнера

dr.Brain

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

Photo by Krishnam Moosaddee on Unsplash

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

CSS: логические свойства

логические понятия и величины для управления свойствами элементов

dr.Brain

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

Photo by Emma Miller on Unsplash

Итак, название свойства margin-left кажется логически верным, но Мануель Рего Касасновас (Manuel Rego Casasnovas) имеет по этому поводу другое (как оказалось, объективное) мнение. Так, например, иногда появляется необходимость разместить контент не слева направо, а справа налево, при этом отступы, находящиеся физически справа, будут иметь смысловое значение левых отступов. Как результат, для некоторых элементов придется поменять местами значения margin-right и margin-left.

Простой календарь

календарь на Vanilla JS

dr.Brain

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

Photo by Eric Rothermel on Unsplash

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

Для чего нужен is

повторяющиеся селекторы в CSS

dr.Brain

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

Photo by chuttersnap on Unsplash

Довольно часто мы имеем дело с повторяющимися селекторами, имеющими общих родителей. Возможно, это как раз то место, в котором пригодится псевдоселектор :is().

CSS: элемент в центре

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

dr.Brain

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

Photo by George Bougakov on Unsplash

Эта статья будет полезна для тех, кто только начинает свой путь в веб-разработке. Выравнивание элемента по центру - достаточно распространенная задача, но каждый из нас все равно когда-то испытывал связанные с этим затруднения и искал оптимальные способы выравнивания по центру одного блока относительно другого c помощью Google или Stackoverflow. Несомненно, это простая задача. Однако, наличие большого количества элементов и стилей зачастую приводит к обидным ошибкам.

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

Далее

Категории

О нас

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