dr.Brain

doctor Brain

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

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, браузера уже есть темная тема. Чем хуже созданный Вами веб-сайт? Тем-более, сайт можно переключить в соответствующий режим при включенной темной теме браузера. И сделать это гораздо проще, чем Вы думаете.

Параллакс на чистом CSS

эффект параллакса при прокручивании страницы на чистом CSS

dr.Brain

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

Photo by Lukasz Szmigiel on Unsplash

CSS дает нам гораздо больше возможностей, чем кажется. Для того, чтобы получить различные визуальные эффекты, вместо объемных JavaScript-библиотек во многих случаях без каких-либо проблем можно использовать CSS. Отличной иллюстрацией такого утверждения является реализация parallax-эффекта при прокручивании страницы на чистом CSS.

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

Далее

Категории

О нас

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