Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
• Подкаст «Веб-стандарты» №262. JS-андерхуд, фокус, фавиконки, JS-фреймворки, React Server Components, Basecamp Hotwire
• Подкаст CSSSR: «Новогодний спецвыпуск 2021»
• Подкаст Фронтенд Юность #168: Биг дата в гульфике
• Подкаст «Сделайте мне красиво» №53 — Наша работа не дала результатов
Веб-разработка
• Обновление вашего PWA в продакшене
• Обзор npm 7
• Варианты браузерных хранилищ и их состояние в 2021 году
• Что такое Jamstack в 2021 году?
• Пошаговое руководство по пониманию и применению npm 7
- Производительность
• Мы отрендерили миллион страниц, чтобы понять, из-за чего тормозит веб
• Максимальная оптимизация загрузки изображений для веба в 2021 году
• 4 способа сократить время CORS Preflight в веб-приложениях
- Доступность
• Доступность в технологиях улучшилась в 2020 году, но необходимо сделать больше
• Выделение доступного контента в Twitter
CSS
• Будущее CSS: пользовательские свойства более высокого уровня для управления несколькими объявлениями
• Индивидуальные CSS свойства transform в Safari Technology Preview
• Имитация падающих теней с помощью CSS Paint API
• Пуленепробиваемый компонент флажка
• 6 советов по разработке c Tailwind CSS
• Преодоление ограничений CSS для плавной анимации высоты контейнера
JavaScript
• Способы использования Math.random() в JavaScript
• Делаем свой minecraft на JavaScript
• Что не так с классами в JavaScript?
• Основные фреймворки и технические тенденции JavaScript на 2021 год
• Вероятно, вы неправильно инициализируете свои resource objects (блокировка JS)
• Практическое введение в Dependency Injection
• Пользовательские события в JavaScript: полное руководство
- React
• Обработка вызовов multi-page API с помощью React Hooks
• Интересные возможности NextJS V10
• Супероптимизированные статические сайты
• Создание компонента загрузки файлов с помощью react-uploady и Ant Design
- Vue
• Куда пойдет Vue в 2021 году?
• Создание приложений на Vue.js без webpack
• Type-safe Vue.js Injections
- Angular
• Taiga UI — новый Angular UI Kit, который вам стоит попробовать
• Производительность в Angular: 5 примеров использования OnPush Change Detection
- Ember
• Ember со Storybook – за кулисами
• Когда пересчитывается @cached в EmberJS
• Создание Glimmer Router с помощью page.js
- Svelte
• Как я переписал график-гистограмму с ReactJs на Svelte
• Что нового в Svelte: январь 2021 года
Браузеры
• Компания Mozilla работает над новым оформлением Firefox
• TabFS — файловая система для работы со вкладками браузера
• 15 шуток про Internet Explorer, которые могут вам понравиться
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Автор: alexzfort