dr.Brain

doctor Brain

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

css

Простой счетчик на 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

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

CSS: 5 полезных свойств

5 полезных CSS-свойств, о которых многие забывают или не знают

dr.Brain

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

Photo by Richard Lee on Unsplash

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

Label в роли плейсхолдера и автозаполнение

Особенности использования смещаемого плейсхолдера для поля ввода

dr.Brain

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

Photo by Pierre Bamin on Unsplash

Многим веб-разработчикам известен CSS-прием, при котором для выбранного поля ввода происходит смещение плейсхолдера.

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

Далее

Категории

О нас

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