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

Мажорное обновление сборщика Rollup 2.0.0 получило множество изменений: возвращение к отсутствию зависимостей, переезд на Node.js 10, использование Chokidar для отслеживания изменений, удаление некоторых хуков, подключение в виде ES-модуля и другие — https://github.com/rollup/rollup/releases/tag/v2.0.0

Преимущества в производительности от использования вариативных шрифтов. Мэнди Майкл объясняет, почему выгоднее использовать вариативные шрифты вместо отдельных шрифтов для начертаний и как это может помочь дизайнерам — https://medium.com/p/79af8c4ff56c

Задавать ширину и высоту изображений снова важно. Барри Поллард показывает, как влияет наличие атрибутов width и height у изображений на загрузку страницы и какими ещё способами можно помочь браузеру загружать картинки правильно — https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/

Что React делает, а что не делает. Дэйв Седдиа объясняет, за что в приложениях отвечает React, а какие части никак с ним не связаны — https://daveceddia.com/what-react-does/

Хронология CSS-спецификаций, обновлённая и осовремененная. Эрик Мейер обновил свой интерактивный график развития CSS новыми спецификациями и попутно добавил современный CSS в его вёрстку — https://meyerweb.com/eric/thoughts/2020/03/03/css-specification-timelines-updated-and-modernized/

7 видов нативных ошибок в JavaScript, которые вы должны знать. Чидуми Ннамди показывает, в каких случаях какие ошибки возникают на этапе выполнения кода — https://blog.bitsrc.io/types-of-native-errors-in-javascript-you-must-know-b8238d40e492

Когда умножение на 0 на самом деле не равно 0. Дэниэл Уилсон изучает, как работают режимы смешивания цветов в разных браузерах и как итоговый цвет может зависеть от цветового пространства монитора пользователя — https://danielcwilson.com/blog/2020/03/blend-modes-in-spaaaace/

Понимание спецификаций ECMAScript. Марья Хёльття объясняет, что такое типы языка, типы спецификации, внутренние слоты и внутренние методы и как правильно читать спецификации.
Часть 1 — https://v8.dev/blog/understanding-ecmascript-part-1
Часть 2 — https://v8.dev/blog/understanding-ecmascript-part-2

Профессиональный онлайн‑курс «Вёрстка email-рассылок» HTML Academy стартует летом 2020. В программе 5 разделов: особенности вёрстки писем, текст и картинки, тестирование и оптимизация, фреймворки и конструкторы. Предварительная запись.

Основные советы по SEO-оптимизации сайтов на JavaScript. Айман Рахмат в переводе CSS-live — https://css-live.ru/articles/osnovnye-sovety-po-seo-optimizacii-sajtov-na-javascript.html

Google Fonts отпраздновал 10-летие лёгким редизайном и поддержкой вариативных шрифтов https://twitter.com/googlefonts/status/1234967000193150978 Всего в каталоге 31 вариативный шрифт https://fonts.google.com/?vfonly, 12 из них поддерживают кириллицу https://fonts.google.com/?vfonly&subset=cyrillic

Широкая цветовая гамма в CSS. Никита Васильев в официальном блоге WebKit про цветовое пространство Display-P3, способы использования, аппаратную и браузерную поддержку — https://webkit.org/blog/10042/wide-gamut-color-in-css-with-display-p3/

Ленивые пайплайны на генераторах в TypeScript. Вим Чонгинил реализует ленивые обработчики больших массивов данных при помощи итераторов и генераторов — https://itnext.io/fast-pipelines-with-generators-in-typescript-85d285ae6f51

Rome, новый набор инструментов для JavaScript. Джейсон Миллер разбирается, какие подходы и возможности приносит для разработчиков новый проект создателя Yarn и Babel — https://jasonformat.com/rome-javascript-toolchain/

Vue.js: документальный фильм. История о том, как сторонний проект разработчика в Google смог составить конкуренцию Angular, React и другим популярным фреймворкам — https://youtu.be/OrxmtDw4pVI

Обход дерева при помощи JavaScript. Джошуа Холл реализует несколько алгоритмов поиска в бинарном дереве с объяснениями — https://alligator.io/js/tree-traversal/

4 способа анимировать цвет текстовой ссылки по наведению. Кэтрин Като разбирает разные техники и их плюсы и минусы — https://css-tricks.com/4-ways-to-animate-the-color-of-a-text-link-on-hover/

Случай частичной гидрации на Next и Preact. Лукас Бомбах рассказывает о подходе, когда на клиенте гидрируется только самое необходимое — https://medium.com/p/20fab9c808d5