Веб-стандарты. Страница 63

Быстрая загрузка страниц на самых простых дешёвых телефонах. Эдди Османи объясняет, как разрабатывать сайты, которые будут полезны для большего числа пользователей, и почему важно задумываться об их производительности заранее, в переводе на Хабре — https://habr.com/p/482470/

CSS Grid Template Areas в действии. Ахмад Шадид разбирается в особенностях работы свойства grid-template-areas и применяет его на практике — https://ishadeed.com/article/grid-area/

JetBrains Mono — новое моноширинное семейство шрифтов с лигатурами для кода, поддерживает кириллицу и ещё 142 локали, распространяется бесплатно под лицензией Apache 2.0 — https://www.jetbrains.com/lp/mono/

Используйте мемоизацию в коде, чтобы избежать бесполезного повторного рендеринга. Эмма Гоуту показывает на примере React, как найти проблемы с производительностью и исправить их при помощи React.memo() — https://www.emgoto.com/react-memoization/

Микроптимизации производительности и JavaScript. Андрей Мелихов разбирается, когда оптимизировать свой JS-код под конкретный движок может быть дорого для его будущей поддержки — https://medium.com/devschacht/optimizations-and-javascript-f8e060d3eae3

Ваш браузер — полиглот? Хуэй Цзин Чэнь разбирается, как научить браузер понимать не только английскую речь при помощи SpeechRecognition API — https://www.chenhuijing.com/blog/is-your-browser-a-polyglot/

00:00:47 События
00:07:32 Microsoft Edge
00:14:32 Прощание с User-Agent
00:24:59 Ограничение сторонних кук
00:35:54 Коротко про Babel 7.8.0
00:39:13 Причины хостить Google Fonts
00:47:54 Зачем всё-таки HTTP/2

Выпуск №213: Microsoft Edge, прощание с User-Agent, ограничение сторонних кук, коротко про Babel 7.8.0, причины хостить Google Fonts, зачем всё-таки HTTP/2. Ссылки на Медиуме https://medium.com/p/7eb8e8da218e или на Ютубе https://youtu.be/SBb_OFYUZqo

Появление скрытых элементов. Пол Геберт создаёт доступную анимацию скрытия и показа элементов, убираемых из потока при помощи атрибута hidden или через display: none — https://cloudfour.com/thinks/transitioning-hidden-elements/

Доступные ссылки и кнопки на React. Хьюго Жирадель собирает компонент Action, который по переданным свойствам выбирает семантически оптимальный элемент — https://hugogiraudel.com/2020/01/17/accessible-links-and-buttons-with-react/

Разбираемся в уязвимости доступа к файловой системе в npm. Лиран Тал объясняет суть уязвимостей, которым подвержены пакетные менеджеры npm до v6.13.4, yarn до v1.21.1 и pnpm до v4.5.0 при использовании исполняемых бинарных файлов — https://snyk.io/blog/understanding-filesystem-takeover-vulnerabilities-in-npm-javascript-package-manager/

Ужасная правда про оптимизацию прекрасных изображений. Майкл Гудинг разбирает случаи, когда сжатия размера изображений недостаточно для улучшения производительности, а некоторые техники загрузки могут даже навредить — https://calendar.perfplanet.com/2019/the-ugly-truth-about-optimising-beautiful-images/

Доступный заголовок страницы в SPA на React. Хьюго Жирадель реализует простой компонент, позволяющий ассистивным технологиям работать с <title> страницы в SPA — https://hugogiraudel.com/2020/01/15/accessible-title-in-a-single-page-react-application/

Селекторы цвета: погружение в различия между реализациями в браузерах. Ана Тюдор подробно разбирает, из чего в разных браузерах состоит <input type="color"> и как можно попробовать его стилизовать — https://css-tricks.com/color-inputs-a-deep-dive-into-cross-browser-differences/

Тёмный режим: подробное руководство. Часть 1, Цвет. Атхарва Кулкарни объясняет отличия работы с цветом для тёмной темы и показывает, с каких цветовых палитр можно начать разрабатывать свою — https://uxdesign.cc/dark-mode-ui-design-the-definitive-guide-part-1-color-53dcfaea5129

Модуль WebAssembly, секции. Сендил Кумар разбирает внутренности собранного WebAssembly-модуля по байтам, объясняя назначение каждого из них — https://dev.to/sendilkumarn/webassembly-module-sections-44o1

Google планирует унифицировать и заморозить заголовок User Agent и свойство navigator.userAgent в Chrome. Изменения планируется внедрить постепенно с марта по сентябрь 2020. В качестве альтернативы, разработчикам предлагается User Agent Client Hints — https://groups.google.com/a/chromium.org/d/msg/blink-dev/-2JIRNMWJ7s/yHe4tQNLCgAJ

Microsoft Edge перешёл на движок Chromium с выходом стабильной версии 15 января. Подробнее о релизе и про обновления браузера — https://blogs.windows.com/msedgedev/2020/01/15/upgrading-new-microsoft-edge-79-chromium/

Скачать браузер для Windows 7–10 или macOS https://www.microsoft.com/edge
Подробности для разработчиков https://blogs.windows.com/msedgedev/2019/11/04/edge-chromium-release-candidate-get-ready/