Фронтенд дайджест #132 Лучшее за неделю Подкаст [EN] 23 окт | FrontoWeek: Недельный дайджест [Фронтовик]

Фронтенд дайджест #132
Лучшее за неделю
Подкаст

[EN] 23 октября по требованию RIAA (Recording Industry Association of America) заблокирован GitHub-репозиторий самого популярного скрипта для скачивания видео с YouTube.
Поводом для претензии послужил пример использования скрипта на популярных клипах Icona Pop, Justin Timberlake и Taylor Swift.
Выходит, теперь уже достаточно простой ссылки на видео, чтобы вас могли засудить.

Небольшой тест. Отмечайте, если нашли у себя:
- Способность проявить внимание к другому человеку, умение интуитивно распознать, что он сейчас чувствует и выразить свое сочувствие;
- Умение почувствовать, является ли обвинение справедливым, и способность сообщить о своей невиновности;
- Умение убедительно дать отказ, в ситуации, когда тебя не устраивает, что тебе предлагают.

Нет, это не навыки супер-человека, а всего лишь выдержка из 45 социальных компетенций, которыми должны обладать психически здоровые дети 5–7 лет.

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

[EN] Когда, в марте 2020, GitHub покупал npm, исполнительный директор GitHub заявил, что одним из важнейших направлений развития npm, он видит работу с JavaScript-сообществом.
И вот, 30 октября, npm обзавёлся двумя публичными репозиториями:

Один — с роудмапом, где можно посмотреть все фичи и планы их релизов.

Другой — для сбора идей и фидбэка от пользователей. Любой желающий сможет предложить улучшение, а сотрудники npm постараются объяснить, почему они этого делать не будут.
Ну а когда они не смогут найти причину для отказа — перенесут предложение в первый репозиторий и запланируют релиз.

[EN] Совокупный сдвиг макета (CLS) — это одна из метрик Web Vitals, показывающая, насколько сдвигается контент страницы после отображения пользователю.
Скоро эта метрика будет использоваться при ранжировании сайтов в поисковой выдаче. Она пока не входит в стандарт W3C и поддерживается только браузерами использующими движок Blink: Chrome, Opera, Edge.
Автор статьи подробно разбирает, из чего складывается эта метрика, как её можно измерить, а также какими сервисами, инструментами и библиотеками для этого пользоваться.

[EN] Все еще вставляете JS-библиотеки со сторонних CDN? Тогда Terence Eden идёт к вам.
Давным давно загрузка скриптов с таких CDN была чем-то естественным, так как экономила время загрузки за счёт кэширования и оптимизированной отдачи статики.

В 2020 эти преимущества становятся не так актуальны. Библиотеки, в сравнении с остальным кодом, уже не такие большие, скорости сетей выросли, кэширование скриптов скоро будет работать только в рамках одного домена, а вопрос приватности и безопасности данных стоит очень остро.
Вывод один — храните все скрипты у себя.

Возможность правильной, предсказуемой навигации по веб-странице с помощью клавиатуры — это одно из требований accessibility.
В большинстве случаев, достаточно просто использовать семантическую вёрстку, но один нюанс до сих пор вызывает трудности — управление фокусом в модальных окнах.

Для подобных случаев в HTML недавно появился атрибут inert, с помощью которого можно пометить произвольный HTML-элемент, как недоступный для фокуса и скринридеров.

Атрибут экспериментально поддерживается всеми Blink-браузерами, совсем скоро появится в Firefox, а для всех остальных можно использовать полифил, с которым, правда, не всё так гладко.

[EN] В ноябре 2019 года, мейнтейнер популярной библиотеки-сборника полифилов, получил полтора года тюрьмы за наезд на пешехода со смертельным исходом.
И вроде казалось, что про core-js можно забыть, как вдруг, спустя год, в репозитории появился пост: «Я вернулся. Ждите новостей».
Ну теперь-то точно будем ждать.