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

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

Медиа

• UnderJS Podcast #30 — Billing и бухгалтерия — инженерная сторона с Виталием Слободиным.
• «Новости 512» от CSSSR: Firefox 87, Grid на примерах, «смерть» Node.js-процессов, проблема JS-библиотек, Compat2021
• Подкаст «Фронтенд Юность» #178: Супер-выпуск. Массивы против объектов. Раунд 1
• Подкаст «Веб-стандарты» №274. Новинки V8, бета Chrome 90 и веб-бандлы, ненастоящие PWA и нативный CSS Nesting

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

• 14 полезных инструментов, ускоряющих и упрощающих веб-разработку
• Глубокое погружение в Eleventy Static Site Generator
• Под капотом Emoji
• Конец AMP
• Интерактивные веб-компоненты проще, чем вы думаете
• Bootstrap 5 Beta 3, Понимание леайута в Bootstrap 5
• 5 различных инструментов для мониторинга фронтенда
• Headless: сценарии использования и для чего он нужен

• Безопасность
  • Как Web Audio API используется для снятия цифрового отпечатка браузера
  • Скрытые векторы атак через OAuth
  • Неужели мы проиграли битву за конфиденциальность супер-кукам?
  • security.txt: предлагаемый стандарт, который позволяет веб-сайтам задавать политики безопасности
  

• Производительность
  • Как повысить производительность мультимедиа при ограниченном бюджете
  • Как улучшить производительность CSS
  • У кого самый быстрый веб-сайт F1 в 2021 году? Часть 1: Methodology & Alpha Tauri, Часть 2: Alfa Romeo
  • 4 инструмента для измерения Core Web Vitals
  

• Доступность
  • Полное руководство по доступным компонентам интерфейса
  • Автоматическое тестирование доступности: использование GitHub Actions и pa11y-ci с помощью axe
  • A11y Style Guide
  • Подкаст «JS Party» – Эпизод #167: 10 ошибок a11y, которые следует избегать
  

CSS

• Цветовые функции в CSS. Мечты сбываются: смешивание, прозрачность, контраст
• Compat2021: устранение пяти основных проблем совместимости в вебе
• Приручение режимов наложения: `difference` и`exclusion`
• 4 лучших альтернативы Tailwind CSS на 2021 год
• Обработка текста, размещенного поверх изображений в CSS
• Нетипичное использование горизонтальных разделителей
• Анимация подчеркивания
• Как улучшить недостаточно проработанные элементы select
• Эффект фрагментации изображения с помощью масок CSS и кастомных свойств

JavaScript

• Как создатель node.js сам разочаровался в нем
• Понятный человеку JavaScript: история двух экспертов
• Основные тренды JavaScript, за которыми стоит следить в 2021 году
• JavaScript SEO: лучшие практики и инструменты отладки
• Самый проклятый JavaScript
• Новые функции ES2021, которые вы могли пропустить

• React
  • Тотальный React — Ресурс для изучения React.js и связанных с ним технологий на русском языке
  • Простые советы по написанию чистых компонентов React
  • Визуализация данных: легкое создание графиков на React
  • React + D3.js
  • Как создать аккордеон с нуля без использования внешней библиотеки
  • Расширенное руководство по React Context с хуками.
  • Собеседование JUNIOR FRONTEND REACT разработчика
  

• Vue
  • Реактивность во Vue
  • Переписываем Nuxt Hacker News с помощью Fastify, Vite и Vue 3
  

• Angular
  • Семилетними шагами: миграция с JSP + Angular JS на Angular 2+
  • Banx. Создание Nx workspace для Angular
  • Banx. Настройка базовых правил в eslint в Nx в Angular
  • Banx. Структура Angular приложения в монорепозитории Nx
  • Как мы делаем наши базовые компоненты более гибкими: концепция контроллеров в Angular
  • Объяснение хуков жизненного цикла в Angular
  

• Ember
  • The Ember Times — Issue No. 176
  • Представляем: Glint, typed-template решение для GlimmerX и Ember
  

• Svelte
  • Публичная бета-версия SvelteKit
  • Создайте десктопное приложение с Electron и Svelte
  • Как создать сайт с помощью Svelte и Sveltekit
  

• Libs & Plugins
  • Что нового в SocketIO 4?
  • wordwrapjs — Перенос слов на javascript.
  • jsep — крошечный парсер выражений в JavaScript
  

Браузеры

• Google удалил расширение ClearURLs из Chrome Web Store
• IETF официально прекратил поддержку протоколов TLS 1.0 и 1.1
• Релиз Firefox 87
• Microsoft, Google и другие объединяют усилия для улучшения совместимости браузеров
• В Chrome 90 утверждено использование HTTPS по умолчанию в адресной строке

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