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

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

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

Медиа

• Подкаст CSSSR: PostCSS 8.0, Chrome 81, Firefox 75, курс по веб-безопасности, Windows для веба, изучаем TypeScipt
• Подкаст «Фронтенд Юность (18+)» #132: Самый нерабочий
• CSSSR. Argumentarium — Коронавирус: удалёнка или страх и ненависть в IT
• Свежий стрим Вадима Макеева №18: Уже и не ждали
• Первая часть с видео докладов с JavaScript fwdays'20, прошедшего онлайн 14го марта

Веб-разработка

• 10 принципов масштабируемых фронтенд-проектов
• От 48k до 10 строк кода — история GitHub JavaScript SDK
• Web Storage API: примеры использования
• Введение в Web Contact Picker API
• Front End Debugging — Советы по быстрому решению проблем, чтобы вы могли заняться более полезными делами
• 10 вариантов Headless CMS для вашего сайта на JAMstack

• Инструменты
  • Настройка Windows для веб-разработки
  • Советы для работы с GitHub: трюки, хаки и секреты от Lee Reilly
  

• Производительность
  • Измерение производительности JavaScript-функций
  • Лучшие книги по веб-производительности для изучения оптимизации скорости сайта
  • 10 важных шагов по оптимизации производительности, которые вы должны предпринять
  

• Доступность
  • Как мы проводили accessibility-тестирование в Alfa Digital
  

• Эффектный веб
  • Быстрая анимация нескольких слоев изображений для интро или перехода между страницами.
  • Советы по эффективному написанию кода для анимаций
  • Variable Emojis — эмоджи, построенные на вариативном шрифте
  

CSS

• Забудьте про RGB и HEX
• Создание тёмной темы для Stack Overflow
• Viewport единицы в CSS
• Стилизация упорядоченных списков с помощью CSS-счетчиков
• Создание темного режима для Stack Overflow
• PostCSS 8.0 грядёт: вот что он принесет
• Как воссоздать анимацию из Netflix в CSS
• Ускорьте свой UX с помощью скелетон-загрузки
• Держим футер внизу: Flexbox vs. Grid
• Элементы равной высоты: Flexbox vs. Grid
• Мои любимые вопросы для интервью по CSS с детальными ответами. Часть II «Значения CSS»

JavaScript

• Практическое руководство по борьбе с утечками памяти в Node.js
• Пишем современный маршрутизатор на JavaScript

• Теория
  • Особенности стрелочных функций в JavaScript
  • Мощь рекурсии в JavaScript
  • Как операторы && и || на самом деле работают в JavaScript
  • Что такое карринг в JavaScript и почему это важно?
  • Понимание (всех) форматов модулей и инструментов в JavaScript
  

• React
  • React, performance и -500 миллисекунд на старте — история наших оптимизаций в цифрах
  • Пакет use-sound: звуковые эффекты в React-приложениях
  • Реакт, Redux и немного математики.
  • Новые функции в Create React App 3.3
  • 8 хитростей производительности в React: сделайте ваше приложение быстрым!
  • React, Web Workers и IndexedDB
  

• Vue
  • Чистые, масштабируемые формы с Vue Composition API
  • Сократите время создания Nuxt.js в два раза с помощью context.payload
  

• Angular
  • Что нового в Angular 9?
  • Разбиваем большое Angular приложение на микрофронтенды
  • Имплементация Google Sign-In (OAuth) в Angular приложении менее чем за 15 минут
  • Сделайте свое Angular приложение доступным для всех
  

• Ember
  • The Ember Times — Issue No. 143
  • Простое перетаскивание в Ember Octane
  • Ember Octane: Airtable Time
  

• Svelte
  • Почему стоит использовать Svelte для своих веб-проектов
  • Мощь SvelteJS: создание карусели из с анимацией изображений в <30 строк кода
  • Svelte и React: различия при создании одного и того же веб-приложения
  

• Libs & Plugins
  • JS-микробиблиотека для отзывчивых CSS motion paths
  • prerender.js — быстро предзагружает страницы в любом браузере
  

Браузеры

• Релиз Firefox 75
• Релиз Chrome 81
• Firefox 75: планы на апрель
• Web Animations в Safari 13.1

Просим прощения за возможные опечатки или неработающие/дублирующиеся ссылки. Если вы заметили проблему — напишите пожалуйста в личку, мы стараемся оперативно их исправлять.

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