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

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

📔 Не все браузеры поддерживают доступность через display: contents.

🍶 Спецификации

📔 Децентрализованные идентификаторы (DID). Новые тип идентификатора, который обеспечивает проверяемую децентрализованную цифровую идентификацию.

🧬 HTML

📔 10 причин почему alt важен. Альтернативный текст не только для компьютера, но и для людей.

📔 Мощные инструменты по оптимизации изображений. Оптимизация изображений может оказать большее влияние на производительность сайта, чем все остальные вместе взятые области.

📔 Минимальная разметка для социальных сетей. Рассматривается open graph протокол.

📔 Сайт, который высмеивает современный опыт просмотра страниц.

🖌 CSS

📔 Стилизация состояний для семантических тегов.

📔 Будущее CSS: О переменных единицах измерения. О типизации кастомных свойств и где это можно применять.

📔 Sass: разрабатываем дизайн-систему.

📔 История стиля который никто не просил или body margin 8px.

🏗 JavaScript

📔 Тренды фреймворков: React, Angular, Vue, Svelte. Собрано несколько статистик на одной странице.

📔 10 распространённых проблем с которыми сталкиваются разработчики.

📔 Краткая информация о 91 заседании TC39.

📔 Мысли о целочисленной математики в JavaScript.

📔 Методы обфускации на примерах.

🚀 React

📔 Чтение исходного кода: React. Узнайте как работает рендер и какие методы это реализуют.

📔 Взгляд на Remix и разница с Next.js. Сравнение двух фреймворков, которые имеют много общего, но при этом есть ключевые отличия.

📔 Hermes станет дефолтным движком JavaScript в React Native. Узнайте в статье почему.

📔 Познакомьтесь с пятью React-хуками: useReducer, useRef, useImperativeHandle, useMemo и useCallback.

📔 Использование useRef с TypeScript.

📔 LocalStorage в React.

📔 Superstate — новая микро-библиотека для управления состоянием приложения.

📔 Общий синтаксис для математических выражений.

💽 Node.js

📔 Введение в многопоточность в Node.js.

⬜ Vue

📔 Обмен данными между Phaser.js и Vue.js используя Vuex.

📔 Как создать и развернуть библиотеку компонентов Vue в NPM.

📔 Vue здорового pragmatica. Как правильно делать выбор между React и Angular.

🛠 Инструменты

📔 Locofy. Из Figma в React-компоненты. Пока бесплатно в бета-версии.

📔 Docusaurus 2.0.0-rc.1. Служить для построения сайтов на MDX+React.

📔 Bootstap 5.2.0. Улучшена документация, новые руководства, обновлённые кнопки, новый _maps.css, новые утилиты и хелперы, адаптивный offcanvas и многое другое.

📔 npm-check 6.0.0 проверит ваши зависимости на наличие устаревших, неправильных или неиспользуемых.

🕸 Браузеры

📔 Safari Technology Preview 149.

📔 Как работают браузеры.

🎓 Общее

📔 37 способов оживить ваш интерфейс. Поработайте с фонами, границами и разделителями, тенями, текстами и другим.

📔 Идеальная страница с ценами. Рассматриваются шаблоны проектирования и методы создания более качественных интерфейсов.

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

📔 Internet Explorer больше не является первой колонкой в caniuse.

📔 Facebook научился обходить удаление отслеживание с URL-адресов, которые недавно было внедрено в Firefox.

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

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