dr.Brain

doctor Brain

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

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

CSS: dark mode

добавляем dark mode с помощью CSS

dr.Brain

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

Photo by Ivan Mani on Unsplash

В настоящее время многие приложения имеют dark mode. Наверняка, у Вашего консольного приложения, IDE, браузера уже есть темная тема. Чем хуже созданный Вами веб-сайт? Тем-более, сайт можно переключить в соответствующий режим при включенной темной теме браузера. И сделать это гораздо проще, чем Вы думаете.

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

Далее

Категории

О нас

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