dr.Brain

doctor Brain

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

css

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-прием, при котором для выбранного поля ввода происходит смещение плейсхолдера.

CSS: отключаем возможность выбрать текст

как с помощью CSS сделать так, чтобы текст не выбирался

dr.Brain

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

Photo by angela González garcia on Unsplash

По-умолчанию, любой пользователь, просматривающий страницы различных сайтов, может выбрать текст с помощью клавиатуры или мыши.

CSS: как красиво выделить текст

делаем акцент на тексте с помощью CSS

dr.Brain

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

Photo by Alina Grubnyak on Unsplash

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

Адаптивное видео с youtube

интегрируем видео с Youtube в адаптивную верстку

dr.Brain

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

Photo by Sam McGhee on Unsplash

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

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

Далее

Категории

О нас

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