Видео в вебе, Browser Policy и палки в колёсах
Раньше, когда деревья были большими, а веб был с градиентными кнопочками, на сайтах любили впилить рекламные видео, которые автоматически запускались с громким звуком. И вместо того чтобы приятно провести время или найти нужную информацию, приходилось судорожно искать источник этого звука.
Это негативно сказывалось на пользовательском опыте, и в какой-то момент разработчики браузеров решили, что хватит это терпеть.
В результате появилась Autoplay Policy.
Как понятно из названия, это политика автовоспроизведения видео в браузере. Инициатором её введения стал Chrome (с v.66), и на текущий момент эту политику поддержали все современные браузеры.
Итак, давайте поговорим, что это такое и какие палки и колёса мы можем встретить.
#ru
Раньше, когда деревья были большими, а веб был с градиентными кнопочками, на сайтах любили впилить рекламные видео, которые автоматически запускались с громким звуком. И вместо того чтобы приятно провести время или найти нужную информацию, приходилось судорожно искать источник этого звука.
Это негативно сказывалось на пользовательском опыте, и в какой-то момент разработчики браузеров решили, что хватит это терпеть.
В результате появилась Autoplay Policy.
Как понятно из названия, это политика автовоспроизведения видео в браузере. Инициатором её введения стал Chrome (с v.66), и на текущий момент эту политику поддержали все современные браузеры.
Итак, давайте поговорим, что это такое и какие палки и колёса мы можем встретить.
#ru
This media is not supported in your browser
VIEW IN TELEGRAM
This media is not supported in your browser
VIEW IN TELEGRAM
Animated Social Links
Каждый блок состоит из нескольких слоев, стили которых изменяются при наведении.
#css
Каждый блок состоит из нескольких слоев, стили которых изменяются при наведении.
#css
Javascript PRO - канал для JS и FrontEnd разработчиков.
По контенту:
1. Готовые примеры: карусели, паралаксы
2. Тесты
3. Туториалы и фишки JS
По контенту:
1. Готовые примеры: карусели, паралаксы
2. Тесты
3. Туториалы и фишки JS
This media is not supported in your browser
VIEW IN TELEGRAM
Horrible UX: Bad Buttons
Неотлипающаяся кнопка "Subscribe" и кнопка "Unsubscribe", которую невозможно нажать, реализованные с помощью React.
#react
Неотлипающаяся кнопка "Subscribe" и кнопка "Unsubscribe", которую невозможно нажать, реализованные с помощью React.
#react
This media is not supported in your browser
VIEW IN TELEGRAM
Что из перечисленного относительная единица?
Anonymous Quiz
19%
px
10%
pt
58%
vh
4%
in
10%
Посмотреть ответы