Светлая 🌕 и тёмная 🌑 темы на CSS: кастомные свойства, подключение, фолбэк для старых браузеров
00:00 Интро
02:17 Обзор демки
04:23 Описание задачи
05:11 Светлая тема
07:54 Тёмная тема
08:50 Обозначение тем
10:39 Удобное тестирование
11:54 Тема для Safari
14:11 Кроссбраузерность
16:23 Фолбэк на всякий
18:49 Подсказка браузеру
19:45 Выводы
20:42 Аутро
Нравится? Становитесь патронами https://www.patreon.com/pepelsbey
Демо с небом https://pepelsbey.github.io/playground/color-scheme/
Средний цвет картинки https://matkl.github.io/average-color/
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
Видео Светлая 🌕 и тёмная 🌑 темы на CSS: кастомные свойства, подключение, фолбэк для старых браузеров канала Вадим Макеев
02:17 Обзор демки
04:23 Описание задачи
05:11 Светлая тема
07:54 Тёмная тема
08:50 Обозначение тем
10:39 Удобное тестирование
11:54 Тема для Safari
14:11 Кроссбраузерность
16:23 Фолбэк на всякий
18:49 Подсказка браузеру
19:45 Выводы
20:42 Аутро
Нравится? Становитесь патронами https://www.patreon.com/pepelsbey
Демо с небом https://pepelsbey.github.io/playground/color-scheme/
Средний цвет картинки https://matkl.github.io/average-color/
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
Видео Светлая 🌕 и тёмная 🌑 темы на CSS: кастомные свойства, подключение, фолбэк для старых браузеров канала Вадим Макеев
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
Переключатель 🌓 цветовой схемы: радиокнопки, CSS-фильтры и инверсия, SVG-иконки, JS и localStorageВойна:has в CSS — псевдокласс из будущего 👽 на примере карточки новостиЭкономит ли ТЕМНАЯ ТЕМА батарею на самом деле? | Droider Show #458CSS Variables Tutorial (CSS Custom Properties)Где использовать флексы, а где гриды? 🤨 Спойлер: да где хотитеLight/Dark Theme Toggle with CSS and JavaScriptПолитех, магический JPEG, ненужная форма и object-fit на SVG🥨 Попап вместо селекта: ✨новые HTML-элементы✨ наконец-то решат старую проблемуСвежий взгляд на Gulp: функции и ES-модулиНеправильные правила по доступности вёрстки Студии ЛебедеваЦветные вкладки 🌈 на theme-color для Safari, Vivaldi и Chrome. Бонусом ES-импорты, сервер на Node.jsКастомный ХУК для изменения ТЕМЫ приложения на ReactJS (Темная тема React)✅ Кастомные чекбоксы правильноКак сделать Dark mode для сайта за 5 минут ? #javascriptЛайв с ответамиТабы или пробелы? ➡️ Почему мы повернули не туда и как табы помогаютКак Проверить и Выключить Прослушку На Телефоне!!! 3 Типа Прослушки6+5 способов сделать две колонки ✌️ От таблиц и флоатов до гридов и полной дичи 😱