Фронтенд-дайджест №427 (3 - 9 августа 2020)
Медиа
- Подкаст "Веб-стандарты" №241. Сайд-подкасты, онлайн-события, новости браузеров, main вместо master, поиски эмпатии
- Подкаст CSSSR: Тестирование Vue-компонентов, roadmap разработки Github, релизы Angular, Next.js и git
- Подкаст "Фронтенд Юность (18+)" №149: Нагибабель топит ледники
Веб-разработка
-
Производительность
- Google рассказал подробнее об измерении Core Web Vitals
- Изучение всех основных функций вкладки «Performance» в Chrome и практика с ними на примере простого проекта на React.
- content-visibility: новое свойство CSS, повышающее производительность рендеринга.
- Оптимизация производительности фронтенда. Часть 1. Critical Render Path
- Алгоритм, стоящий за Performance Score (и как улучшить ваш результат)
- Техника для более быстрой предзагрузки hero-изображений
- Вырезаем SSR и ускоряем Хабр в 10 раз
-
Доступность
-
Эффекты
CSS
- Drop-Shadow: недооцененный CSS фильтр
- Computed Values: больше, чем кажется на первый взгляд
- Легкое решение для Masonry на CSS Grid c фолбеком на JavaScript
- CSS Grid понятно для всех
- Медиазапросы в SCSS — ещё один удобный способ использования @media screen
- Углубляемся в детали свойства Flex
- Современные решения на CSS grid для большинства проблем с раскладкой
- Реализация реалистичного перелистывания страниц на CSS
- Оптимизация CSS для более быстрой загрузки страницы
- Интерактивный словарь CSS
- Больше контроля над CSS Borders с помощью background-image
- 6 мощных возможностей CSS, которые позволяют обойтись без JavaScript
- font-weight: 300 может быть вредным (и возможное решение с fontconfig)
- Супергеройский леайут - объединение CSS Grid и CSS Shapes
JavaScript
-
Все вопросы по фронтенду c собеседований, заданные во время моего недавнего поиска работы.
-
Сравнение моделей реактивности - React vs Vue vs Svelte vs MobX vs Solid
-
Node Modules в состоянии войны: почему CommonJS и ES Modules не могут работать вместе
-
React
- Наделение react-spring смыслом
- Практическое руководство по обзору продуктов в приложениях React
- Настройка Redux для использования в реальном приложении
- Как Next.js может помочь улучшить SEO
- Улучшения производительности React: сделайте свое React приложение эффективным.
- Concurrent Mode в React: адаптируем веб-приложения под устройства и скорость интернета
-
Vue
-
Angular
- Дорожная карта для Angular
- Angular - это луковица. Подборбный разбор каждого слоя
- Основные особенности Angular 10
- Кастомизация сборки Angular-проекта
- Angular, стратегии загрузки модулей и безопасность
- Последнее руководство по Change Detection в Angular, которое вам когда-либо понадобится
- Angular 10 - На пути к лучшему будущему для Angular
-
Svelte
-
Libs & Plugins
Попередній випуск
