Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 21–27 ноября.

🔥 Главное за неделю

Опрос State of JavaScript 2022 открыт для всех.

Вышел черновик CSS Snapshot 2022. Этот документ объединяет все спецификации, которые вместе формируют текущее состояние CSS. Основная аудитория документа — разработчики CSS.

Геометрия объектной модели документа (DOM): введение и руководство для начинающих.

В некоторых версиях Windows 10 будет навсегда отключён Internet Explorer 11.

💫 Релизы

Firefox Nightly: добавлена поддержка Manifest v3 и выражений от контейнеров.

Firefox Nightly
Источник

Safari Technology Preview 158 с font-size-adjust, font-variant-alternates и исправлением line-height с calc()

Hyperstack: новый веб-фреймворк Node. js, вдохновлённый Rails.

🖌 HTML и CSS

Вторая часть руководства по специальным возможностям клавиатуры.

Интерактивное руководство по флексам. Новички познакомятся с флексами, а продолжающие освежат тему в памяти.

Эксперименты с наложением слоёв, фильтрацией и маскированием в CSS.

Укрощение каскада с помощью БЭМ и современных селекторов CSS.

Про единицы измеренияvh, svh, lvh, and dvh

Как использовать :whereдля замены сложных селекторов.

Гриды и кастомные фигуры. Узнайте ещё больше про то, как использовать причудливые формы с помощью clip-path с гридами.

🏗 JavaScript

Улучшение времени взаимодействия React в 4 раза. Длинная история о том, как обнаружить и улучшить медленные взаимодействия пользователя с интерфейсом.

Создайте приложение в Deno с помощью React.

Как стандартные практики React для структуры кода влияют на другие библиотеки.

Несколько новых страниц бета-документации: createRef, PureComponent и useDebugValue.

Руководство для начинающих по тестированию React.

Как создать приложение на Vue с приоритетом на производительность.

✅ «Никогда не делайте в npm ничего, в чём вы не уверены на 100%». Когда имя вашего npm-пакета слишком похоже на имя другого пакета, могут возникнуть проблемы, даже если вы контролируете оба имени!

Читать статью о таких проблемах

Правильный способ написания и организации тестов Node API. Напишите тесты для вашего REST API с помощью Jest, Supertest и Chai.

ECMAScript proposal: Array.fromAsync(). Предложение, представляющее статический метод для преобразования асинхронных итерируемых объектов в массивы.

Рубрика «Нейросетевой веб-дизайн»

На этой неделе Midjourney сгенерировала часть главной страницы сайта некой художницы.

Девушка в огненных красках

🚶 Доступность

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

🎓 Общее

Как создавать проекты полностью в интерфейсе Гитхаба в браузере, на примере проекта по машинному обучению.

Улучшение стабильности Firefox с помощью странного трюка.

Руководство по оптимизации изображений на сайтах Jamstack.

Boxy SVG: полнофункциональный онлайн-редактор SVG.

Прошлые выпуски