Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
•
Подкаст «Веб-стандарты» №262. JS-андерхуд, фокус, фавиконки, JS-фреймворки, React Server Components, Basecamp Hotwire
•
Подкаст CSSSR: «Новогодний спецвыпуск 2021»
•
Подкаст Фронтенд Юность #168: Биг дата в гульфике
•
Подкаст «Сделайте мне красиво» №53 — Наша работа не дала результатов
•
Обновление вашего PWA в продакшене
•
Обзор npm 7
•
Варианты браузерных хранилищ и их состояние в 2021 году
•
Что такое Jamstack в 2021 году?
•
Пошаговое руководство по пониманию и применению npm 7
•
Будущее CSS: пользовательские свойства более высокого уровня для управления несколькими объявлениями
•
Индивидуальные CSS свойства transform в Safari Technology Preview
•
Имитация падающих теней с помощью CSS Paint API
•
Пуленепробиваемый компонент флажка
•
6 советов по разработке c Tailwind CSS
•
Преодоление ограничений CSS для плавной анимации высоты контейнера
•
Способы использования Math.random() в JavaScript
•
Делаем свой minecraft на JavaScript
•
Что не так с классами в JavaScript?
•
Основные фреймворки и технические тенденции JavaScript на 2021 год
•
Вероятно, вы неправильно инициализируете свои resource objects (блокировка JS)
•
Практическое введение в Dependency Injection
•
Пользовательские события в JavaScript: полное руководство
• Компания Mozilla работает над новым оформлением Firefox
• TabFS — файловая система для работы со вкладками браузера
•
15 шуток про Internet Explorer, которые могут вам понравиться
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
•
![podcast](https://habrastorage.org/web/259/2f4/069/2592f40697cc49dc939e9fc3983fc737.png)
Веб-разработка
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- Производительность
•Мы отрендерили миллион страниц, чтобы понять, из-за чего тормозит веб
•Максимальная оптимизация загрузки изображений для веба в 2021 году
•4 способа сократить время CORS Preflight в веб-приложениях
- Доступность
•Доступность в технологиях улучшилась в 2020 году, но необходимо сделать больше
•Выделение доступного контента в Twitter
CSS
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
JavaScript
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![habr](https://habrastorage.org/storage2/c57/b92/af4/c57b92af4ee0d37f787c211a068b1b95.png)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
- 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 — файловая система для работы со вкладками браузера
•
![en](https://habrastorage.org/storage3/2e2/522/737/2e2522737ec404a9f76047e108dfaea0.gif)
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
aio350
Спасибо за подборку. Всех с новым годом
alexzfort Автор
Спасибо, и вас