Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
• 
Подкаст «Веб-стандарты» №293. Chrome DevTools, нестинг в CSS, Compat 2021, Yarn 3, парсер URL, Git Hooks, доступный диалог
• «Новости 512» от CSSSR: Rust — любимый язык разработчиков, рекомендации по доступности и будущее браузерных автоматизаций
• Подкаст «Фронтенд Юность» #198: ЛГБТ-девелоперы
• Подкаст «Callback Hell» от CSSSR: GraalVM + Facebook, конкуренты React, a11y, мультиплатформа идущая от мобильных платформ
Веб-разработка
• NFC приходит в web
• Написание отличного альтернативного текста: эмоции имеют значение
• О веб-компонентах
• Влияние заголовков client hints на пользовательские настройки
• Бородатый мальчик объясняет веб-компоненты
• Как создать приложение-синтезатор с помощью AudioContext API
• Глубокое погружение в нюансы функциональности Skip to Content
• Исполнилось 30 лет с момента появления интернета в мире
- Производительность
• Как собрать свой Lighthouse
• Рендеринг 3D за кадром: максимальная производительность с помощью canvas workers
• Стоит ли SVGO того?
- Эффекты
• Как сделать магический шар на Three.js
• Запускаем SVG (SMIL) анимацию, когда SVG становится виден
• Волшебные шарики в Three.js
• Подборка креативных сайтов «Inspirational Websites Roundup #28»
CSS
• Использование CSS Shapes для интересных элементов управления и навигации
• CSS Modules (нативные)
• 6 причин использовать Tailwind вместо традиционного CSS
• Вложенность CSS, специфика и вы
• Эффективные вспомогательные утилиты, использующие инлайновые кастомные свойства CSS и calc()
• Рефакторинг CSS: стратегия, регрессионное тестирование и обслуживание (часть 2)
• Подробно о text-emphasis
JavaScript
• JavaScript: как из Fetch сделать Axios?
• Приёмы ускорения кода на JS и других языках: подборка от разработчика поиска Яндекса
• Как создать устойчивые пользовательские интерфейсы на JavaScript
• Представляем JavaScript и TypeScript клиент для AnyCable
• Наглядное руководство по рефакторингу коллбек-функций для промисов и Async/await
• Как работает функция автозаполнения в поиске MDN
• Секрет производительности JavaScript: V8 и скрытые классы
- React
• Как выполнять CRUD-операции с помощью React, React Hooks и Axios
• Три примера проблемного кода в React и способы их устранения
• Использование localStorage с React Hooks
• Визуальное руководство по рендерингу в React — useMemo
• Выявление ошибок в Reactс помощью Error Boundaries
• Почему вам следует отказаться от использования шаблона «container/presentational» в Redux
• 10 способов стилизовать приложение на React
• Создайте свою собственный Recoil
- Vue
• Vue.js был выбран в качестве будущего JavaScript-фреймворка Wikimedia Foundation
• Лучшие UI-библиотеки для Vue 3 за 2021
• Создайте эффективный виртуальный список с прокруткой во Vue.js
- Angular
• Пришло время избавиться от Angular и сэкономить миллиарды долларов
• Продвинутый динамический Angular компонент
- Svelte
• Tauri со cтандартным Svelte или SvelteKit
• Svelte Society — глобальная сеть поклонников Svelte, которые добровольно стремятся продвигать Svelte и его экосистему
• SvelteKit и Prisma — союз, заключенный в цифровом раю
- Libs & Plugins
• Упрощенная Peer to Peer коммуникация с PeerJS
• Учебное пособие по TensorFlow.js: начало работы с ML библиотекой
Браузеры
• Microsoft добавила в браузер Edge сверхбезопасный режим Edge Super Duper Secure Mode
• Исследование: как популярные расширения Chrome влияют на производительность устройства
• Количество пользователей Firefox продолжило снижение во втором квартале
• Chrome 93 может считывать одноразовые SMS-пароли со смартфона и переносить их в десктопную версию браузера
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.