Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Последние тенденции в веб-разработке и JavaScript в 2022 году
•
Создание Gatsby-темы для сайтов на базе WordPress
•
useRainbow()
•
Как создать компонент, поддерживающий несколько фреймворков в монорепозитории
•
Утечки памяти: забытая сторона веб-производительности
•
Новый полифил для Container Query, который просто работает
•
Ваш CSS reset требует text-size-adjust (вероятно)
•
Подчеркивание CSS слишком тонкое и слишком низкое в Chrome
•
Adam Argyle’s Sick Mouse — симпатичный hover-эффект на CSS
•
Как создать круговую диаграмму, используя только CSS
•
Поиск техники для фиксации фонового эффекта с помощью инлайновых изображений
•
Анимация мобильных меню с помощью CSS
•
3D своими руками. Часть 3: чем дальше в лес, тем меньше дом
•
Восходящие звезды JavaScript в 2021
•
Запускайте код Javascript на порядок быстрее с помощью WebAssembly
•
Более умный JavaScript Mapper: array.flatMap()
• Релиз Chrome 97
• Недавнее обновление нарушает работоспособность браузера Google Chrome для iOS
•
Почему я перешел с Firefox на Brave через 21 год
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Веб-разработка | CSS | JavaScript | Браузеры
Веб-разработка
•

•

•

•

•

- Доступность
•Критерии успехи WCAG Level AAA строгие, но они все же заслуживают вашего внимания
•Labeling the point: Сценарии неправильного использования меток в WCAG
•Доступная структура заголовка
•Мысли о Google и доступности
- Эффекты
•Создание скролл-анимации с Three.js
•Создание прокручиваемой и перетаскиваемой временной шкалы с помощью GSAP
•Анимация с помощью плагина Flip для GSAP
CSS
•

•

•

•

•

•

•

JavaScript
•

•

•

•

- React
•Что мне не нравится в react-router
•Whoosh — минималистичный менеджер состояний React
•Полное руководство по React Router: все, что вам нужно знать
•Тестирование компонентов React
•Отслеживание скролла (Scrollspy) и многое другое с использованием API React и IntersectionObserver
•Где изучать React.JS в 2022 году — список ресурсов для новых разработчиков
•react-tracking: декларативное отслеживание для приложений на React.
•Я попробовал библиотеку веб-компонентов React от Uber
- Angular
•Добавление PWA в Angular-приложение
•Создание MicroFrontend-сетапа с использованием Angular 12 — Часть 1: Настройка проекта
•Стратегия плавной миграции Angular в хаотичном мире
•Разделение сложных форм в Angular с помощью ControlContainer
•[Angular] Почему использование ElementRef для управления DOM больше не является хорошей идеей
- Svelte
•Моя оценка SvelteKit для разработки полнофункциональных веб-приложений
•Начало работы со Svekyll: гибрид Svelte и Jekyll
- Ember
•Релиз Ember 4.1
•Ember как фронтенд фреймворк
- Libs & Plugins
•Создание SVG на JavaScript с Pablo
•Blaver — JS библиотека на базе Faker.JS, генерирующая большое количество фейковых данных в браузере и node.js
Браузеры
• Релиз Chrome 97
• Недавнее обновление нарушает работоспособность браузера Google Chrome для iOS
•

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