Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
• 
Онлайн-собеседование джуниор верстальщика
• Подкаст «Да как так-то?». Выпуск № 8. Релокация в Берлин: опыт фронтенд-разработчика
• «Новости 512» от CSSSR: ES2022, Java SE 17, оптимизация JS-бандла, ArrayBuffer, gap, тени, WebKit в других браузерах на iOS
• Подкаст «Фронтенд Юность» #204: Рефлексирующий Раунд Робин
• Подкаст «Веб-стандарты» №300. Юбилейный выпуск полным составом, фронтенд как хобби, как дела и какие новости у ведущих
Веб-разработка
• Веб-безопасность 202
• Адаптивный layout — как переверстать весь проект, не перевёрстывая его
• NFC в веб сделали: кому пригодится такой подход к технологии
• Как спарсить любой сайт?
• Попрощайтесь с рендерингом на стороне сервера. Prerender.io — SPA с учетом SEO.
• 5 RCE-уязвимости в npm за $15,000
• Использование монорепозиториев — не так уж и плохо (пример из практики)
- Инструменты
• 35 инструментов для веб-разработчика на каждый день
• Yarn vs npm: все, что вам нужно знать
- Доступность
• Как избежать дорогостоящих штрафов, связанных с доступностью из-за WCAG, ADA и 508
• Альтернативный текст для изображений
- Веб-анимация
• Motion One — Новая библиотека для анимации, основанная на Web Animations API для меньшего размера файла и максимальной производительности.
• Theatre.js — JS библиотека для анимации с графическим интерфейсом. Анимирует DOM, WebGL и любую другую JS переменную
• Menu and Thumbnail Stack Animation
• 35 CSS и JS библиотек для анимации
• За кулисами: демонстрации карт на базе WebGL для Google I/O
CSS
• CSS-переменные в медиазапросах
• Прямо в head: новый сниппет для диагностики производительности CSS
• Предотвращение нежелательных сдвигов макета, вызванных полосами прокрутки, с помощью свойства CSS scrollbar-gutter
• Упрощение стилизации форм с помощью accent-color
• Системы для z-index
• Изучение CSS Paint API: Polygon Border
• CSS Container Queries: относительная длина контейнера
• Генератор анимированного градиентного фона
• Понимание min-content, max-content и fit-content в CSS
• Создайте индикатор загрузки на CSS с одним div
JavaScript
• Проект elk развивает компактный JavaScript-движок для микроконтроллеров
• Сравнение методов добавления и вставки с помощью JavaScript
• Observer Pattern в JavaScript — ключ к реактивному поведению
• ES-модули: для более быстрого JavaScript?
• Что значит быть JS Front-End разработчиком в наше время?
- React
• React state с фрагментированным хранилищем
• Ультимативный набор ReactJS ресурсов для веб-разработчиков в 2021
• Переделка большого e-commerce сайта с помощью Next.js
• Анализ читабельности React при реализации пользовательских хуков
• Скажите привет бете Gatsby 4
• React Hooks для бесконечной прокрутки: расширенное руководство
• Тред: 10 уроков, которые я извлек из работы с React state за последние 7 лет..
• React + GSAP: идеальное сочетание для создания веб-сайтов, за которые дают награды
- Vue
• Обзор petite-vue с Chris Coyier и Dave Rupert
• Почему я выбрал Vue.js для своей фрилансерской ниши
• Изучение Vite через его исходный код
- Angular
• Концепция контроллеров компонента в Angular: часть вторая
• Angular — больше НЕ вызывайте функцию внутри шаблона
• Введение в NGXS, шаблон управления состоянием + библиотека для Angular
• Телеграф на RxJS: мощность реактивных систем
• Типобезопасный код с Immer и где он может помочь в NgRx
- Ember
• The Ember Times — Issue No. 189
• Шпаргалка Ember.js
• Coding с the Dead — 21.9.21 — Ember Leaflet, Mirage, Ember Data
- Libs & Plugins
• Elk: крошечный JS-движок для встраиваемых систем
• Представляем Partytown: запуск сторонних скриптов из Web Worker
Браузеры
• Google опубликовал план прекращения поддержки второй версии манифеста Chrome
• Критика включения API Idle Detection в Chrome 94. Эксперименты с Rust в Chrome
• Релиз Chrome 94
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.