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





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



- Инструменты
Три инструмента для аудита фронтенда, которые я обнаружил недавно
Подборка полезных бойлерплейтов и стартовых наборов для веб-разработки, от аудита CSS и a11y до js фреймворков и плагинов для VS
Знакомство с Memory Inspector в Chrome DevTools
Представляем Astro: новый тип статического генератора сайтов, не использующий JS
7 инструментов для более быстрой разработки фронтенда в 2022 году
- Производительность
CSS, JavaScript и блокировка парсинга веб-страниц
Оптимизация производительности фронтенда для новичков. Часть 1/n. Как браузеры рендерят страницу
Часть 2/n. Что мы можем сделать для улучшения FMP и TTI?
Часть 3. Event loop, layout, paint, composite, call stack
Обеспечиваем четкое изображения на экранах с высокой плотностью изображения
- Доступность
Используйте ссылки и кнопки правильно. Пожалуйста
Да, веб-анимация правда может быть доступной
whocanuse инструмент, позволяющий понять доступность сочетания цветов для людей с различными проблемами зрения
Устранение проблем с контрастностью на вашем сайте и в других местах
- Эффекты
Добавление теней к значкам SVG с помощью фильтров CSS и SVG
Эффект наведения на превью изображений с SVG фильтрами
CSS












JavaScript













- React
План для React 18
Обзор техник управления состоянием React в 2021 году
Альтернативы Redux в 2021
Cloudflare Pages tutorial: развертывание React приложения через GitHub
React Icons: подробное руководство с примерами
Тестирование альфа-версии React 18
- Vue
Из Vue 2 на Vue 3 Migration Helper
Домашний магазин с Vue.js Composition API
Что такое State Management? Практическое руководство по Vuex для Nuxt.js приложений
Vue.js vs. React нестандартное сравнение
- Angular
Загадка трубы, или AsyncPipe в Angular
Пример Angular NgClass Как добавить условные классы CSS
Развертывание одностраничных Angular приложений на GitHub Pages
Создавайте более доступные приложения на Angular
Более быстровоспринимаемое время отклика с Angular Material для решения проблемы скорости
- Libs & Plugins
Представляем libSquoosh. Это Squoosh, но в виде node библиотеки
nanostores Крошечный менеджер состояний для React/Preact/Vue/Svelte с множеством атомарных хранилищ
flexsearch Самая быстрая и наиболее гибкая для памяти библиотека полнотекстового поиска, без зависимостей
Браузеры

Google признал неудачным эксперимент с показом только домена в адресной строке Chrome

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