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

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

Медиа

• Подкаст «Фронтенд Юность» #220 Пермские Свидетели Мира
• World Wide Work от CSSSR: Андрей Ситник — США и Испания, Барселона
• Ulbi TV: Ищем работу на FRONTEND РАЗРАБОТЧИКА. Что не так с этими вакансиями??
• Программист-эмигрант TV: Фронтендер в ФААНГе. Как получить оффер?

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

• Тренды веб-разработки в 2022 простыми словами
• Что такое и зачем нужны шаблонизаторы HTML
• Базис веб-разработки в 2022 году
• Как создать впечатляющий README-профиль в GitHub

• Доступность
  • Почему разработчики не относятся серьезно к доступности?
  • 5 самых распространенных a11y-ошибок и как их исправить
  

CSS

• Безопасный CSS, или как писать универсальные стили
• Значение from-font в CSS, объясненное в 4 демонстрациях
• Каскад CSS. Или как браузеры разрешают вопрос конкурирующих стилей
• Вот чего я не знал о :where()
• Анимация смещения фона с помощью режимов наложения CSS
• Забавные CSS Borders с использованием масок
• Начало работы с каскадными слоями CSS
• CSS Speedrun
• CSS font-size-adjust: Как автоматически настроить размер шрифта

JavaScript

• State of Javascript 2021/22: Принимайте участие в ежегодном опросе
• Что нового в JavaScript с 2016 по 2022
• От JQuery к React, Vue, Angular — эволюция фронтенд фреймворков и их различия
• Что решают веб-фреймворки и как обойтись без них (часть 1)
• Как переключаться между классами HTML-элемента
• Как сделать скролл-анимацию с помощью базового JavaScript
• Самые полезные команды для NPM, которые вы должны знать JavaScript разработчик .
• Underdog UI Frameworks: 5 JavaScript фреймворков, которые вам нужно попробовать в 2022 году

• React
  • React: Code Editor
  • Мои 3 любимые библиотеки для анимации в React
  • Легкие альтернативы Redux
  • Как работают серверные компоненты React: подробное руководство
  • Создание многоуровневого выпадающего меню в React
  • Создание общедоступных виджетов React
  • Почему пользовательские хуки в react могут снизить производительность вашего приложения
  • Как добавить анимацию с помощью React Transition Group
  

• Vue
  • Как создать приложение вокруг Composition API во Vue 3
  • Ref() vs Reactive() в Vue 3 — какой правильный выбор?
  

• Angular
  • Расширенная диагностика Angular
  • Настройте Tailwind CSS с Angular в Nx workspace
  • Полное руководство: Хуки жизненного цикла Angular
  • Telegraph с RxJS: сила реактивных систем
  • 4 подводных камня производительности Angular
  • Дорожная карта Angular: прошлое, настоящее и будущее
  

• Ember
  • The Ember Times — Issue No. 195
  • Ember v4: Обновление поддержки TypeScript
  • Подкаст «Whiskey Web and Whatnot»: «Discovering Ember, Adopting Orbit, and Unlocking Optimization with Chris Thoburn (runspired)»
  

• Svelte
  • О, кинчик
  • Svelte vs. Vue: сравнение внутренностей фреймворка
  

• Libs & Plugins
  • chroma.js — небольшая JS библиотека с нулевой зависимостью (13,5 КБ) для всех видов преобразования цветов и цветовых шкал.
  

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