Дайджест свежих материалов из мира фронтенда за последнюю неделю №500 (27 декабря 2021 — 2 января 2022)

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

Медиа    |    Веб-разработка    |    CSS

Медиа

• «Новости 512» от CSSSR: Новогодний спецвыпуск
• Подкаст «Сделайте мне красиво» №66 — Псевдоэлементы вообще не нужны
• Подкаст «Фронтенд Юность (18+)» #218 Джуниоры выбирают Angular
• Front-end Science with Sergey Puzankov: Первое интервью фронтендера самоучки (30+). Решил более 2000 задач на Codewars
• Ленивый фронтендер | Новогодний выпуск
• webDev #14 Front-end. Вопросы на собеседовании
• YaTalks 2021: доклады про фронтенд

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

• Итоги 2021 от CSSSR. Год длиной в железнодорожный состав
• Планируй учебу, фокусируйся на процессе и заведи твиттер: 21 совет джунам от сеньор-разработчика
• Добавьте сервис-воркер на свой сайт
• Рассказ о том, как разные веб-движки обрабатывают волнистое оформление текста
• InnerHTML против скорости DOM: я был неправ?
• Page Visibility: если в лесу упадет дерево…

• Эффекты
  • Топ-10 веб-приложений на CodePen за 2021 год
  • Codrops 2021
  • Three.js анимация с K-d (Christmas) Tree Algorithm
  • Добавление Persistence Effect в сцены на Three.js

CSS

• Новогодние подарки Рабочей группы CSS: значения и единицы 4 уровня, медиавыражения 4 и 5 уровней
• CSS в 2022
• Учитываем prefers-color-scheme в CSS Paint API с Custom Properties
• hwb() — человеческая нотация цвета?
• Создание настраиваемого Range Input, который будет одинаковым во всех браузерах
• PurgeCSS: удаление неиспользуемого CSS кода
• 9 клевых CSS-инструментов, которые стоит использовать в 2022 году
• Magic PostCSS Custom Combinators c :has()

JavaScript

• JS Self-Profiling API на практике
• CommonJS vs. ES модули в Node.js
• WeakMap и WeakSet: понимание JavaScript weak references
• Обратите внимание на то, что возвращают методы JS
• Сложные части JavaScript — Часть 1
• Эффективный способ создания MERN-приложения

• React
  • Создайте доступную якорную ссылку «Skip to Content» с помощью React.
  • Первое впечатление от Tailwind + React First: плюсы и минусы
  • React Server Components в Next.js 12
  • Переход на React Router v6: полное руководство

• Vue
  • Quasar — универсально, быстро, современно.
  • Создание PWA с помощью Vue.js

• Libs & Plugins
  • eaf-linter — linter/prettier, делающий все максимально просто.
  • Лучшие WebSocket библиотеки для Node.js в 2022 году

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