Дайджест свежих материалов из мира фронтенда за последнюю неделю №506 (6 — 13 февраля 2022)

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

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

Медиа

• Frontend Weekend: Зачем основатель IT-компании идет работать по найму – Глеб Михеев – Frontend Weekend
• Подкаст proConf #121: React Conf 2021 — React 18+ | Suspense | Streaming SR | Skype тоже React
• Подкаст Callback Hell от CSSSR: Web 3.0, фреймворк Remix, форумы или чаты?
• Подкаст «Веб-стандарты» 320. Wolvic, бета Chrome 99, 2FA, Cooler, декораторы, Fetch, раскладка, Jest, Nova, редкие шрифты
• Подкаст «Фронтенд Юность» #222: Публичная порка от тимлида-школьника
• Подкаст «JS Party», эпизод #212: A deep-dive on Vite (featuring Evan You)

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

• Почему всем стоит попробовать шрифты для разработчиков
• Мой опыт с Webpack 5 Module Federation
• Рисование в canvas с помощью Emscripten
• Закулисный тур по новому интерфейсу WebPageTest
• Улучшение адаптивности с помощью <details> и <details-utils>
• Создание адаптивной фавиконки
• Введение в Deno: лучше ли он, чем Node.js?
• Создание генеративных SVG-сеток
• Замена стандартных диалоговых окон на JavaScript новым элементом диалогового окна
• Подвинься, JavaScript: бекенд-языки приходят во фронтенд

CSS

• Как подключиться к базе данных с помощью CSS
• Модуляризация CSS
• CSS-выражения от контейнера для дизайнеров
• Отсутствие анимаций не всегда соответствует prefers-reduced-motion
• CSS Animations Tutorial: полное руководство для начинающих
• Экскурсия по 4 новым цветовым функциям CSS
• Aspect Ratio is Great
• Привет, каскадные слои CSS
• CSS-свойства с несколькими значениями и необязательными пользовательскими значениями свойств
• Цветовые пространства и цвета в CSS
• 3 способа стилизовать CSS-эффекты box-shadow

JavaScript

• JavaScript: делаем селфи с помощью браузера
• 4 важных нововведения в ES2022
• Отладка JavaScript
• Написание собственной системы сборки: сочетание концепций gulp с современным JavaScript
• Как в JavaScript добавляются новые функции
• Перехват запросов и ответов JavaScript Fetch API

• Теория
  • Основы внутреннего устройства JavaScript
  • Почему […‘👩‍❤️‍💋‍👨’] возвращает [‘👩’, ‘‍’, ‘❤’, ‘️’, ‘‍’, ‘💋’, ‘‍’, ‘👨’] в JavaScript?
  • Контекст выполнения JavaScript — как JS работает за кулисами
  

• React
  • CSS-анимация как DOM-based фреймворк для анимации
  • Как писать производительные React-приложения с помощью Context
  • Руководство по работе с формами и полями ввода в React
  • Повышение производительности вашего React-приложения с помощью React Profiler
  • Некоторые причины не любить хуки в реакте
  • Самый популярный стек для React
  

• Vue
  • Coming Into Vue: что будет дальше во Vue 3
  • Погружение во Vue 3 — Methods, Watch и Computed
  • Опасность использования v-html в Vue-приложениях
  • Полное руководство по компонентам Vue 3
  

• Angular
  • Исследование проблемы с Angular typed form RFC prototype
  • В Angular 14 добавят строго типизированные реактивные формы
  • Как работает компилятор в Angular
  • Управление состоянием в Angular с использованием Akita — ч.1
  

• Ember
  • Загрузка изображений на S3 в Ember.js: часть 1 , часть 2
  

• Libs & Plugins
  • ogl — Минимальная библиотека для WebGL
  • lwder.js — Легкая анимация загрузки
  • mailwind: использование Tailwind CSS для создания HTML писем
  

Браузеры

• Mozilla развивает механизм передачи телеметрии рекламным сетям, обеспечивающий конфиденциальность
• Релиз Firefox 97: Технические подробности в блоге Марата Таналина
• Google: использование многозадачности в Chrome на больших экранах возросло в 18 раз
• В Chrome 98 появилась функция «Путешествия», упрощающая поиск по ранее посещенным страницам, и виджеты для Android
• Прежде чем я уйду: когда дело доходит до жалоб на веб-браузеры
• Не все браузеры одинаковы (на iOS)

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