Рубрика «html5» - 17

Обновление Chrome, блокирующее автопроигрывание видео, ломает веб-игры - 1

В мире очень мало интернет-пользователей, которым нравится функция автоматического старта разного рода видео на некоторых сайтах. Речь идет о ситуации, когда пользователь открывает определенный сайт, и вдруг, откуда ни возьмись, начинает играть музыка (причем иногда очень громко), а на переднем плане воспроизводится видео с разного рода контентом.

Если открыта 1-2 вкладки, это хотя и проблема, но решить ее можно быстро. Но вот если открыто несколько десятков вкладок (а некоторые пользователи так и делают), то поиск сайта с автопроигрывающимся видео превращается в пытку. Стремясь сделать пребывание в интернете для своих пользователей максимально комфортным, разработчики браузера Chrome добавили функцию блокирования таких объектов. Но вот беда — вместе с видео новая функция блокирует и некоторые веб-игры.
Читать полностью »

Service Workes как технология для создания offline приложений очень хорошо подходит для кэширования различных ресурсов. Разнообразные тактики работы в сервис воркере с локальным кэшем подробно описаны в Интернете.

Не описано одного — каким образом обновлять файлы в кэше. Единственное, что предлагает Google и MDN, это делать несколько кэшей для разных типов ресурсов, и, когда нужно, изменять в скрипте сервис воркера sw.js версию этого кэша, после чего тот весь удалится.Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №313 (30 апреля — 6 мая 2018) - 1

Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №312 (23 — 29 апреля 2018) - 1

Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №311 (16 — 22 апреля 2018) - 1

Читать полностью »

Angular: оптимизация обработки событий - 1

Прошла буквально пара недель, как я впервые начал писать на Angular, и сразу же столкнулся с рядом специфических проблем. Из-за малого опыта работы с этим фреймворком, я не уверен, что примененные способы оптимизации — это не стандартная практика. Некоторые признаки указывают, что разработчики предполагают подобные подходы, но делать выводы пришлось по профайлеру, а информацию искать по частям. При этом надо сказать, что решение нашлось очень быстро, когда причины проблем прояснились.

В статье я разберу как оптимизировать обработку часто вызываемых событий: mousemove, scroll, dragover и прочих. Конкретно я столкнулся с проблемами при реализации drag-and-drop интерфейса, поэтому и разбирать буду на примере с перетаскиванием элементов.
Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Кстати, на днях дайджесту исполнилось 6 лет. Спасибо, что все еще читаете.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №310 (9 — 15 апреля 2018) - 1

Читать полностью »

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Дайджест свежих материалов из мира фронтенда за последнюю неделю №309 (2 — 8 апреля 2018) - 1

Читать полностью »

Добрый день, хочется представить очередное свое произведение рукотворчества, свою подделку "3D-Quarter-the-Espruino" и рассказать о проблемах с которыми я столкнулся в процессе изготовления устройства.

image
Читать полностью »

Привет! Представляю вашему вниманию перевод статьи "Meet the New Dialog Element" автора Keith J. Grant.

HTML 5.2 представил новый элемент dialog для нативных модальных окон. На первый взгляд, он кажется довольно простым (так и есть), но поигравшись с ним я обнаружил, что он имеет несколько замечательных возможностей, которые легко упустить.

Я встроил полноценное демо в конец статьи, но если вы захотите взглянуть на него во время чтения, вы можете найти его здесь.

Вот пример базовой разметки для окна диалога:

<dialog open>
  Native dialog box!
</dialog>

Атрибут open означает, что диалог виден. Без этого атрибута диалог будет скрыт до тех пор, пока вы не используете JavaScript, чтобы он стал видимым. Без всякой стилизации диалог выглядит следующим образом:

Знакомство с новым элементом dialog - 1
Читать полностью »


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js