dr.Brain

doctor Brain

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

css

CSS. Управление пробелами

Как управлять пробелами и разрывами строк с помощью свойств CSS: white-space, line-height, word-spacing, vertical-align, height, width, padding и margin

dr.Brain

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

Photo by MILKOVÍ on Unsplash

Пробелы имеют большое значение для верного восприятия текста. Они группируют и разделяют контент, привлекают внимание. создают визуальные разделители.

CSS: calc

чем полезна CSS-функция calc()

dr.Brain

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

Photo by Ray Reyes on Unsplash

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

Простой счетчик на CSS

Как создать счетчик элементов HTML-документа только с помощью CSS

dr.Brain

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

Photo by Siora Photography on Unsplash

Бесспорно, очень здорово решать проблемы верстки HTML-документа только с помощью CSS, абсолютно не прибегая к помощи JavaScript. CSS-счетчик - отличный пример такой реализации. Надеюсь, в один прекрасный день он Вам пригодится.

lh и rlh

тестируем единицы измерения lh и rlh в Safari Preview

dr.Brain

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

Photo by Eliza Diamond on Unsplash

Относительные единицы измерения lh и rlh были анонсированы еще в 2018 году. В апреле 2020 года они были включены в состав единиц измерения для CSS. Но только релиз Safari Technology Preview 105 позволил испытать новые возможности CSS на практике.

Плавающий label

создаем плавающий label для поля ввода с помощью CSS и HTML

dr.Brain

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

Photo by Kiril Aglichev on Unsplash

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

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

Далее

Категории

О нас

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