Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
Медиа | Веб-разработка | 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