Дайджест свежих материалов из мира фронтенда за последнюю неделю №469 (24 — 30 мая 2021)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры

Медиа

• Подкаст «Веб-стандарты» №284. Safari TP, Chrome 91, Node.js в браузере, Google Docs на Canvas, Flow, зачем TDD, Babel на ESM
• Подкаст «proConf» #97: JavaScript for WordPress 2020
• Подкаст «Callback Hell»: Sublime Text 4 и другие редакторы, проблемы написания читаемого кода, завершение эпохи IE
• «Новости 512» от CSSSR: Chrome 91, TypeScript 4.3, Server-Sent Events API, logux и logux/state, postTask, Parcel 2 beta 3
• «Новости 512» от CSSSR: Sublime Text 4, PostCSS 8.3, ненадежность TypeScript, Angular DevTools, WebContainers, Google I/O 21
• Пилотный выпуск подкаста «Goose & Duck»: Babel, деньги, два гуся

Веб-разработка

• Самая серьёзная проблема HTML? Разработчики, разработчики, разработчики
• Использование веб-компонентов при работе над GitHub
• Наиболее полное руководство по практическому использованию Web Speech API
• Полное руководство по SEO для разработчиков в 2021 году.
• Эволюция и новое определение Jamstack
• 10 вариантов клиентских хранилищ и когда их использовать
• Нарушаете ли вы патент, публикуя PWA?
• Создайте эффект плавного наведения с помощью GSAP и SVG

• Инструменты
  • Полезные расширения для VS Code для разработчиков фронтенда
  • SVG Crop — инструмент для мгновенного удаления пустого пространства вокруг любого SVG.
  

• Доступность
  • Проблемы доступности веб-форм
  • Доступные SVG: идеальные шаблоны для пользователей скринридеров
  

CSS

• HTML и CSS ошибки, ухудшающие UX
• Тщательный анализ CSS-in-JS
• CSS Container Queries для дизайнеров
• 25 лет CSS
• CSS Container Queries: примеры использования и стратегии миграции
• Новый способ уменьшить влияние загрузки шрифтов: дескрипторы шрифтов в CSS

JavaScript

• Карманная книга по TypeScript. Часть 1. Основы, Часть 2. Типы на каждый день
• 3 способа визуального извлечения данных с помощью JavaScript
• Sparkplug — неоптимизирующий компилятор JavaScript
• Новые стандарты доступа к оборудованию устройств с использованием JavaScript
• 7 инструментов, трансформирующих JavaScript-разработку
• Введение в Clio lang: несложная реализация производительного critical js

• React
  • Автоматизированное тестирование доступности для React
  • Как очищать Async Effects в React
  • Современное руководство по паттернам состояний React
  • govuk-react — Реализация системы дизайна GOV.UK на React с использованием CSSinJS и Object notation (со styled-components).
  • Использование MobX для управления состоянием крупного веб-приложения
  

• Vue
  • Руководство для начинающих по Vue 3
  • Знакомство с Vue Composition API с примерами
  • Полное руководство по аутентификации пользователей во Vue.js с помощью Auth0
  • Темизация Vue.js с помощью styled-components
  • Лучшие UI-фреймворки для Vue 3
  

• Angular
  • Как быстро и удобно документировать Angular проект с помощью модуля AddOnDoc из TaigaUI
  • Основы Angular: почему вам следует использовать сервисы в Angular
  • Как @taiga-ui/cdk может помочь вам упростить работу с Angular: 5 наших лучших практик
  

• Svelte
  • Изучение SvelteKit, новейшего фреймворка на основе Svelte
  

• Libs & Plugins
  • Handy.js упрощает определение и распознавание положения и жестов рук
  

Браузеры

• Mozilla примет Manifest v3 для дополнений Firefox, но без мер против блокировщиков рекламы
• Релиз Chrome 91
• Призрак Google Reader находит свой путь в новой сборке Chrome Canary

Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.