Дайджест свежих материалов из мира фронтенда за последнюю неделю №473 (14 — 20 июня 2021)

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

Медиа

• Подкаст «Веб-стандарты» №286: Высокопроизводительное хранилище для вашего приложения: Storage Foundation API
• Подкаст «Callback Hell»: Микрофронтенды и Module Federation, почему компании боятся открывать свой код, игровая выставка E3
• «Новости 512» от CSSSR: Canvas-рендеринг, Lighthouse 8, пропорции в CSS, PHP 8.1 alpha, Next.js 11, Линус и антипрививочник
• Подкаст «Ленивый фронтендер» #2 Kaiwa Show | Как сохранить любовь к веб-разработке
• Подкаст «Фронтенд Юность» #191: HR’ы немножко осатанели

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

• <img>. Доклад Яндекса
• Темизация. История, причины, реализация
• DIV должен уйти: улучшаем HTML
• Изучение Eleventy с нуля. Бесплатный курс, состоящий из 31 урока
• Как я использовал WAAPI для создания библиотеки анимации
• Десять лет веб-компонентам

• Производительность
  • Оптимизация веб-графики в 2021 году
  • Высокопроизводительное хранилище для вашего приложения: Storage Foundation API

• Доступность
  • Когда CSS недостаточно: требования к JavaScript для доступных компонентов
  • 5 идей о том, как включить веб-доступность в процесс разработки
  • Полное руководство по инструментам обеспечения доступности
  • Ваше изображение, вероятно, не декоративное

CSS

• :has в CSS — псевдокласс из будущего на примере карточки новости
• Использование свойства `outline` в качестве схлопывающейся границы
• Идеальные всплывающие подсказки с обрезкой и маскированием CSS
• Оптический размер, скрытая сверхспособность вариативных шрифтов
• Краткое руководство по логическим свойствам CSS
• Застенчивая кнопка стоимостью 8 миллионов долларов
• Создание таблиц с липким верхним и нижним колонтитулами стало немного проще

JavaScript

• Скрываем номера курьеров и клиентов с помощью key-value хранилища
• Юмористичный обзор Rust с перспективы JavaScript
• Управление состоянием: двусторонние биндинги и расширенные средства форматирования биндингов
• Что такое букмарклеты? Как использовать JavaScript для создания букмарклета в Chromium и Firefox
• Тестирование использования памяти в JavaScript
• «Двойные кавычки» против «одинарных кавычек» против «обратных кавычек» в JavaScript
• sorting-algos-visualizer — Визуализация популярных алгоритмов сортировки: QuickSort, MergeSort, HeapSort, BubbleSort, InsertionSort

• React
  • React. Не вглубь, а вширь. Композиция против реальности
  • Релиз Next.js 11
  • React 18 вышел! Вот, что вам нужно знать
  • Библиотеки React для использования в 2021 году: 17 лучших вариантов
  • Шаринг компонентов React между несколькими приложениями
  • Думайте о компонентах React как о State Machines, а не о функциях
  • React Intl: интернационализируйте свои React приложения

• Vue
  • Как внедрить оптимизизацию изображений во Vue
  • A ‘Vue’ of Accessibility: советы и рекомендации, которые сделают ваше приложение доступным
  • Мой опыт Vue после 3 проектов за 18 месяцев
  • Встраивание приложений Vue.js в Go
  • Зачем веб-разработчику нужен Vue.js: интервью с Михаилом Устенко

• Angular
  • От одного приложения — к сотне. Путь микрофронтенда в Тинькофф Бизнес
  • Построение компонентов с выпадающими блоками с помощью Angular и Material CDK
  • Полное руководство по производительности Angular на 2021 год
  • Подготовка к интервью по Angular в 2021 году
  • Избегайте ловушки кеша в Angular приложениях
  • Создайте полноценный GitLab pipeline для Angular. Часть 2

• Ember
  • The Ember Times — Issue No. 182
  • Ремоделирование приложения Ember — тестирование
  • Ember Upgrade Sprints

• Libs & Plugins
  • millionjs — <1kb virtual DOM
  • EinsModal — Простое в использовании модальное/диалоговое/всплывающее окно на ванильном JS.

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