This media is not supported in your browser
VIEW IN TELEGRAM
#ссылка дня
Когда-то давно мы с Виталием Киренковым, автором канала «Просто: разработка» (в телеге и на ютубе) запилили красивый анимированный переключатель тем в браузере.
Причём, трёхпозиционный: авто, день, ночь. Получилось красиво, но я не смог выжать адекватную работу, без моргания, на мобильных устройствах. Так что в продакшен (на сайт канала) так и не пошло.
Вот оно, если кому интересно: https://codepen.io/alinaki/pen/gOLzbQE
Так вот, ссылка дня — это коллекция анимированных переключателей попроще. Скажем так, сильно попроще: https://toggles.dev/
Но их много, они оттестированные и довольно симпатичные.
Пользуемся.
#switch #dark #light
Когда-то давно мы с Виталием Киренковым, автором канала «Просто: разработка» (в телеге и на ютубе) запилили красивый анимированный переключатель тем в браузере.
Причём, трёхпозиционный: авто, день, ночь. Получилось красиво, но я не смог выжать адекватную работу, без моргания, на мобильных устройствах. Так что в продакшен (на сайт канала) так и не пошло.
Вот оно, если кому интересно: https://codepen.io/alinaki/pen/gOLzbQE
Так вот, ссылка дня — это коллекция анимированных переключателей попроще. Скажем так, сильно попроще: https://toggles.dev/
Но их много, они оттестированные и довольно симпатичные.
Пользуемся.
#switch #dark #light
❤12
#видео дня
А это что это? А это Юлия Миоцен вернулась (вот ссылка на первую часть) со второй частью обучающих видео по 3D в CSS!
Вот: https://www.youtube.com/watch?v=2FEgcYfiTEM
Напомню, что в прошлый раз мы с вами рисовали воксельных животных.
На этот раз речь пойдёт об освещении: где размещать источник света, как рассчитывать и строить тень, какого цвета эта самая тень должна быть.
Есть и текстовая версия с примерами: https://miocene.io/post/light-and-shadow-in-css/
Как и в прошлый раз, стоит отметить: возможно, вы никогда в жизни не будете рисовать животных на своих страницах. Но на промо-сайтах чего только не бывает, переворачивающиеся толстые карточки — несите их сюда!
#css #3d #light
А это что это? А это Юлия Миоцен вернулась (вот ссылка на первую часть) со второй частью обучающих видео по 3D в CSS!
Вот: https://www.youtube.com/watch?v=2FEgcYfiTEM
Напомню, что в прошлый раз мы с вами рисовали воксельных животных.
На этот раз речь пойдёт об освещении: где размещать источник света, как рассчитывать и строить тень, какого цвета эта самая тень должна быть.
Есть и текстовая версия с примерами: https://miocene.io/post/light-and-shadow-in-css/
Как и в прошлый раз, стоит отметить: возможно, вы никогда в жизни не будете рисовать животных на своих страницах. Но на промо-сайтах чего только не бывает, переворачивающиеся толстые карточки — несите их сюда!
#css #3d #light
❤14