Фронтенд-дайджест №415 (11 - 17 мая 2020)
Медиа
- Видеоблог Вадима Макеева №21. Направляющие для адаптивной сетки на градиентах и кастомных свойствах
- Подкаст CSSSR: Github Codespaces, Playwright и Puppeteer, Masonry layout, Firefox 76, NodeJS 14.2.0 и другие релизы
- UnderJS Podcast #21 - Node.js 14, TypeScript 3.9 [Классический]
- Подкаст "Веб-стандарты" №230: Aspect ratio, реклама, appearance: none, top-level await, Deno, хранилище, цена стилей
Веб-разработка
-
Подборка креативных концептов "UI Interactions & Animations Roundup #6"
-
Производительность
CSS
- Анимация таймлайна в CSS: создание машины Голдберга
- Современные CSS решения для старых CSS проблем
- CSS фикс для 100vh в мобильном WebKit
- Отзывчивый шрифт. Адаптация текста между макетным и минимальным значениями
- Как укротить Line Height в CSS
- Адаптивная раскладка masonry на CSS grid + vanilla JavaScript
- Использование CSS-масок для создания зубчатых краев
- CSS-функции min(), max() и clamp()
- Превращение объекта фиксированного размера в адаптивный элемент
JavaScript
-
Автор Node.js представил защищённую JavaScript-платформу Deno 1.0
-
Теория
-
React
- Работа со stale props и состояниями в функциональных компонентах React
- Настройка TypeScript для современных проектов на React с использованием Webpack и Babel
- Доступные анимации в React. Хук “prefers-reduced-motion”
- Стилизация компонентов в React
- Recoil - Библиотека управления состоянием для React
- React Cool Inview - React хук для мониторинга элементов, которые появляются или пропадают во вьюпорте (или другом элементе)
- Начинаем работать с React - современное руководство для начинающих (включая хуки!)
- Ответы блогеров: (Практически) полное руководство по поведению рендеринга в React
- Подкаст "Пятиминутка React": Recoil - A state management library for React Pro Unlimited
- Андрей Мелихов: Пробуем Deno на примере простейшего сервера и React SSR
-
Vue
-
Angular
-
Ember
-
Svelte
-
Libs & Plugins
-
Браузеры
- В Firefox 78 появится менеджер процессов
- Google Chrome начнёт блокировать загрузку ресурсоёмкой рекламы
- В ночные сборки Firefox внесены спорные изменения в интерфейс режима читателя
- Mozilla отключила дополнительную аутентификацию для систем без мастер-пароля
- Что нового в DevTools (Chrome 84)
- С августа Google Chrome начнет блокировать и «тяжелую» рекламу, оказывающую большую нагрузку на CPU и батарею
- Google добавит в Chrome группировку вкладок и выделение их цветом для повышения продуктивности
- Chrome расширение для скрытия отвлекающих рекомендации на YouTube