Переключатель 🌓 цветовой схемы: радиокнопки, CSS-фильтры и инверсия, SVG-иконки, JS и localStorage
Автор: Vadim Makeev
Загружено: 2021-08-25
Просмотров: 20151
00:00 Интро
00:53 Постановка задачи
01:12 Обзор основы
02:16 Обзор дизайна
03:28 Разметка контрола
05:18 Добавление стилей
05:48 Позиционирование
06:20 Описание группы
06:59 Радиокнопки
07:47 Инверсные иконки
08:56 Блок статуса
10:35 Индикатор статуса
11:55 Красота инверсии
12:43 Подключение JS
13:13 Обзор работы скрипта
14:43 Форсинг темы
15:39 Сетап скрипта
17:08 Сетап свитчера
18:04 Переключение
18:53 Установка схемы
20:28 Сетап схемы
21:40 И ещё демо
22:06 Вывод
22:47 Аутро
Нравится? Становитесь патронами / pepelsbey
Демо переключателя https://pepelsbey.github.io/playgroun...
Светлая и тёмная темы на CSS • Светлая 🌕 и тёмная 🌑 темы на CSS: кастомны...
Свойство filter в CSS https://developer.mozilla.org/en-US/d...
Prefers-color-scheme: Hello darkness, my old friend https://web.dev/prefers-color-scheme/
Improved dark mode default styling with the color-scheme https://web.dev/color-scheme/
Фото светлого неба https://unsplash.com/photos/G-6kwVnClsE
Фото тёмного неба https://unsplash.com/photos/ZPRgmVqgPj0
* *
Камера: Sony A7C
Объектив: Sony 24–70 мм, f/4
Микрофон: Audio-Technica BP40
Свет: Amaran 200d + Light Dome
Софт: DaVinci Resolve, iZotope RX
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
