Фронтенд-новости #34
- 28 ноября 2022
- 675
Дайджест новостей и полезных статей из мира фронтенд-разработки за неделю 21–27 ноября.
🔥 Главное за неделю
Опрос State of JavaScript 2022 открыт для всех.
Вышел черновик CSS Snapshot 2022. Этот документ объединяет все спецификации, которые вместе формируют текущее состояние CSS. Основная аудитория документа — разработчики CSS.
Геометрия объектной модели документа (DOM): введение и руководство для начинающих.
В некоторых версиях Windows 10 будет навсегда отключён Internet Explorer 11.
💫 Релизы
Firefox Nightly: добавлена поддержка Manifest v3 и выражений от контейнеров.
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.
Прошлые выпуски