Дайджест свежих материалов из мира фронтенда за последнюю неделю №443 (23 — 29 ноября 2020)
Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript
Медиа
•
•
•
•
•
•
•
Веб-разработка
•
•
•
•
•
•
•
-
Инструменты
•5 accessibility инструментов в Chrome DevTools
•NPM 7: это то, что я называю обновлением
•Dev Fonts — список лучших шрифтов для написания кода с предварительным просмотром
-
Производительность
• Реальная эффективность Brotli
• Шумиха вокруг Core веб Vitals
•Безжалостное избавление от Layout Shift на netlify.com
•Как загружать шрифты так, чтобы побороть FOUT и сделать Lighthouse счастливым
•Три вещи, которые вы не знали об AVIF
•Как мы улучшили оценку Lighthouse нашей лендинг страницы до 96.
-
Эффекты
•Подборка креативных сайтов «Inspirational Websites Roundup #20»
•Интро-анимация для сетки изображений
•Воссоздание икосаэдра с веб-сайта Rogier de Boevé’s
•Кодим, играючи: разнообразьте свое обучение, получая удовольствие от создания креативных штук
•Плавание по скроллу с помощью GSAP
CSS
•
•
•
•
•
•
•
•
JavaScript
•
•
•
• Декораторы JavaScript с нуля
•
•
•
-
React
•Как интернационализировать ваше приложение на React с i18next
•Плохо пахнующие компоненты React
•Boop! — симпатичные эффекты наведения с учетом законов физики
•Воссоздание React workflow на ванильном JavaScript
•Создание UI компонентов c помощью SVG
•Глубокое погружение в React Redux: управление состоянием в React с Redux
•Оптимизация показателя PageSpeed Insights для приложений на React
•Доступные сноски и немного React
-
Vue
•Лучшие генераторы статических сайтов для Vue.js
•Аутентификация с помощью Vue (x) + Firebase
•Тестирование Vue приложений с помощью Vue Testing Library
-
Angular
•Декларативные, реактивные, потоки данных и Action Streams в Angular
•Создайте директиву для свободного перетаскивания в Angular
•Мои самые любимые вопросы на собеседовании по Angular
-
Libs & Plugins
•ODIFF — Самый быстрый в мире инструмент для определения пиксельной разницы изображения.
•I'm Ready — js библиотека для проверки, загружены ли изображения или видео
•Suri — ваш собственный сокращатель ссылок, который легко развернуть в качестве статического сайта.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.