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

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

Медиа

• Goose&Duck #2 – Промежуточные сорсмапы с Валентином Семирульником
• «Новости 512» от CSSSR: Import Assertions, стримы в Node.js, веб и потребление памяти, голосовые интерфейсы, Rust 1.53
• Подкаст «Веб-стандарты» №288. Сторонние куки, Safari TP, ES2021, веб-платформа, LayoutNG, определение браузеров на CSS

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

• Что можно положить в тег <head>
• webpack или esbuild: почему не оба?
• Состояние WebAssembly в 2021 году
• На пути к лучшей метрике отзывчивости
• OMG, SVG Favicons FTW!
• Indiepen — Независимое и защищенное решение для демонстрации примеров кода.
• Экспериментальная inline-to-menu-link анимация
• Технические подробности MS Teams 2.0: отказ от Electron в пользу Edge Webview2, миграция с Angular на reactjs

CSS

• Полное визуальное руководство/шпаргалка по CSS Grid
• Простой CSS хак для сокращения времени загрузки страницы
• Пользовательские свойства CSS — разминка для мозга
• Использование производительных изображений следующего поколения в CSS с  image-set
• Использование CSS для обеспечения доступности
• Генерация структур Grid Layout с помощью дерева квадрантов
• Правила CSS @supports для таргетинга только Firefox/Safari/Chromium
• Кастомные скроллбары в CSS
• Наследование размера шрифта предка для забавы и выгоды
• Рисование графики с помощью CSS Paint API
• Как создавать диаграммы на CSS с помощью интересных форм, символов и эмодзи
• 22 CSS-трюка, которые сделают из вас Layout Ninja

JavaScript

• Когда код это данные
• zx – bash скрипты на javascript
• Новые JavaScript-API для работы с аппаратным обеспечением
• Магия вне Хогвартса: NJS
• Что нового в ES2021
• Парсинг в JavaScript: инструменты и библиотеки
• Как работает JavaScript: высокопроизводительный код + 8 советов по оптимизации
• Топ-5 встроенных баз данных для JavaScript приложений
• Сравнение Flutter и React Native. Какой фреймворк лучше в 2021 году?

• React
  • React Intl: интернационализация React-приложений
  • React испортил веб-разработку
  • Don't Stop Me Now: как использовать хук useTransition() в React
  • Демистификация styled-components
  • Архитектура React: как структурировать и организовать приложение на React
  • Тестируете React MobX store? C Cypress это легко!
  • Руководство по кастомным хукам React с MutationObserver
  • Создание приложения с React и Nx
  

• Vue
  • Vue 3: CompositionAPI + Typescript эксперименты
  • Как работают функции provide и inject во Vue 3?
  • Понимание $nextTick в Vue.js
  • Создание мобильных приложений с Vue Native
  

• Angular
  • Bindon: малоизвестные фишки шаблонов Angular
  • Лучшие практики из перехода на Angular 12
  • Стратегия предварительной загрузки в Angular, экономия Loading Time
  

• Svelte
  • Использование Custom Elements в Svelte
  

Браузеры

• Прекращение поддержки сторонних Cookie в Chrome отложено до 2023 года
• Windows 11 удаляет Internet Explorer

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