Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры |
Медиа
• 
Подкаст «Веб-стандарты» №232: Edge DevTools, веб Vitals и AMP, 10 лет RWD, веб-платформа, JS-экосистема, вертикальный ритм
• 
Подкаст CSSSR: Windows 10 Update, релизы фреймворков, рендер React, Vue 3 и Angular 10, Web Platform Contribution
Веб-разработка
• 
Состояние дел в сфере микрофронтендов
• 
Как пройти собеседование в GitLab, попасть в команду разработчиков Vue и стать Staff-engineer
• Оценка взаимодействия: Google изменит алгоритм ранжирования сайтов
• 
Редизайн сайта W3C: выбор фронтенд фреймворка
• 
Настройка эффективного рабочего процесса с помощью ESLint, Prettier и TypeScript
• 
Релиз HTML5 Boilerplate 8.0.0
• 
PayPal Engineering: Совместное использование UI компонентов на ентерпрайз уровне
• 
Доступность или мораль?
- Производительность
•
Как я использовал Brotli для получения еще меньших файлов CSS и JavaScript на CDN
•
Тестирование скорости мобильных страниц
•
Повысьте производительность сайта с помощью инлайнинга CSS
- Эффекты
•
Подборка креативных прототипов «UI Interactions & Animations Roundup #7»
•
Кинетическая типографика с Three.js
•
ScrollTrigger — переизобретение скролл-анимации от GreenSock
CSS
• Конфигурируем цветовую схему веб-приложения
• 
CSS Grid: Воссоздание газетной верстки
• 
Глобальные и компонентные настройки стилей с помощью CSS переменных
• 
Первый взгляд на aspect-ratio
• 
The menu. Пошаговое руководство по созданию гамбургер-меню на SVG и CSS
• 
Как создавать динамические фоны с помощью CSS Paint API
• 
Гибридное позиционирование с CSS переменными и max()
• 
Цвета в CSS
• 
Цветовые функции Sass в CSS
• 
Новый способ имплементации Delay в Keyframes Animations
• 
Повернутые заголовки столбцов таблицы… теперь с меньшим количеством магических чисел!
JavaScript
• Что сегодня умеет JavaScript
• Аккуратно внедряем Emoji, не ломая все остальное
• 
Отслеживайте свой смартфон в 2D с помощью JavaScript
• 
Вы не знаете JavaScript, пока не сможете победить в этой игре
• 
Реакция JS сообщества на смерть Джорджа Флойда
• 
Изучение состояния моделей реактивности в 2020 году
• 
Статический анализ в JavaScript: 11 инструментов, которые помогут вам обнаружить ошибки раньше, чем пользователи
- Теория
• Живые и неживые коллекции в JavaScript
•
Антипаттерны JavaScript — прототипы, Switch и многое другое
•
Топ-19 часто задаваемых вопросов о TypeScript на собеседованиях
•
Stranger Things, JavaScript Edition
- React
•
12 советов по внедрению TypeScript в React-приложениях
•
useSWR — Моя новая любимая библиотека в React
•
Использование REST API в React с Fetch и Axios
•
Как сделать React-приложение прогрессивным веб-приложением (PWA)
•
Как создать инструмент предварительного просмотра Markdown на React.js
•
Один клевый трюк для упрощения функций редуктора
- Vue
•
Vuex – решаем старый спор новыми методами
•
Vite – ведение разработки без бандлов на Vue
•
Vue Best Practices — Наиболее важные изменения
•
Чистые, масштабируемые формы с Vue Composition API
•
Быстрый и простой способ реализации поиска во Vue
•
Изучите Vuex за 5 минут.
•
Подкаст «Views on Vue» №108: Inside Vue 3 with Gregg Pollack
- Angular
•
Как использовать JSON-LD для продвинутого SEO в Angular
•
Кастомные декораторы в Angular
•
В защиту фреймворка Angular
•
Глубокое погружение в @Injectable и providedIn в Ivy
•
Тестирование маршрутизируемых компонентов Angular с RouterTestingModule
- Ember
•
The Ember Times — Issue No. 151
- Svelte
•
Подробное объяснение директивы bind в Svelte
•
C нуля до приложения с потоковой передачей
•
Как добавить настраиваемые SVG иконки в приложение на Svelte JS
- Libs & Plugins
•
consoleimg — Отображение изображений в консоли разработчика
•
Grid.js — продвинутый плагин для работы с таблицами, релиз новой версии
Браузеры
• Релиз Firefox 77
• В Firefox появится возможность экспорта сохранённых паролей в формате CSV
• Microsoft развёртывает новый Microsoft Edge для всех пользователей Windows 10
• В браузере Brave выявлена подстановка реферального кода при открытии некоторых сайтов
Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort
