Фронтенд-новости №8. Вышел Wordpress 6.0, найдена оптимальная длина строки, <dialog> под вопросом

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

К сожалению, на хабре нельзя устанавливать alt для картинок, поэтому ...

Доступность

• Всемирный день осведомлённости о доступности.

• Отчёт React Native о прогрессе улучшения доступности.

• Автоматизированные тесты доступности с помощью Storybook.

HTML

• dialog: использовать нативный или написать свой? 

CSS

• Малоизвестные и малоиспользуемые CSS-свойства.

• Google Fonts обновил API и теперь можно загружать более производительные шрифты.

• Гриды для адаптивного отображения сложных элементов.

• Знакомимся с object-view-box.

• Идеальное оглавление с помощью HTML и CSS.

• Управляйте цветами с помощью color-contrast().

• Рассуждения на тему того, что переключатель тёмного режима должен стать функцией браузера.

JavaScript

• Самое большое обновление Next.js. В этой части рассматривается новая система маршрутизации и её интеграция с React Server. В следующей части будут примеры.

• API перехода страниц для плавной смены страниц. 

• Разбираемся с тремя обработчиками массивов: for-of, .reduce() и .flatMap().

• Как Airbnb оптимизировала сборку JavaScript с помощью Metro.

• Посмотрите на странности stringification в JavaScript.

• Приведение значений к Boolean в JavaScript.

React

• Все ещё пытаетесь разобраться во всех стейт менеджерах? Вот вам сводная статья про популярные стейт менеджеры.

• React и React Native всё больше похожи, благодаря Tailwind CSS для стилизации и Framer Motion для анимации.

Node.js

• Теперь можно запускать Github Actions в node.js 16.

• Сервер для транскрипции подскастов на node.js. Может понадобиться, если вы любите слушать подкасты, но хотите иметь возможность искать то, что в них говорилось.

Angular

• Обзорная статья по 14 версии.

• Дальнейшие планы на 2022 год: автономные компоненты и типизированные формы.

• После next-релизов начались rc-релизы. Уже вышел второй релиз-кандидат.

Vue

• Атомарный дизайн.

• Если думали о замене Vuex, то посмотрите в сторону Pinia.

• Узнайте о взаимодействии компонентов.

Инструменты

• Компонент для добавления интерфейса CMD + K на сайт. 

• Wordpress 6.0.

• npm 8.11.0.

• Electron 19.0.0.

Общее

Как выделяться с помощью типографики. Рассматривайте возможности типографики как дополнительную возможность привлечь внимание вашего интерфейса.

Оптимальная длина строки. Спойлер: 50-75 символов. Меньше 50 или больше 75 может ухудшить читабельность

Почему в вебе закругляют углы?

Как читать статьи на английском языке

В дайджесте много статей и видео на английском языке, чтобы это не стало препятствием: в Google Chrome есть функция перевода страницы с любого популярного языка, а видео можно перевести в Яндекс Браузере.