Дайджест свежих материалов из мира фронтенда за последнюю неделю №418 (1 — 7 июня 2020)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.

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

Медиа

• Подкаст «Веб-стандарты» №232: Edge DevTools, веб Vitals и AMP, 10 лет RWD, веб-платформа, JS-экосистема, вертикальный ритм
• Подкаст «Веб-стандарты» №233: Firefox 77, цвета, TCP, CUBE-БЭМ, Linux, CRA и сахар для новичков, где брать опыт, менторство
• Подкаст «Фронтенд Юность (18+) #141: Космический Реакт-марафон
• Подкаст 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.