Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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 важных шагов по оптимизации производительности, которые вы должны предпринять
- Эффектный веб
•
Быстрая анимация нескольких слоев изображений для интро или перехода между страницами.
•
Советы по эффективному написанию кода для анимаций
•
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.
Автор: alexzfort
