Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
[На данный момент Харьков, в котором мы находимся, сравнивает с землей армия РФ. Не военные объекты, а жилые массивы, школы, зоопарк, роддомы и больницы. Сотни жертв среди мирного населения. Будет ли выходить дайджест? Давайте, мы для начала выживем, а там уже будем делать выводы]
•
«Новости 512» от CSSSR: Firefox 97, Vite 2.8.0, pipe-оператор, можно ли без фреймворков, результаты The State of JS 2021
•
Подкаст «Веб-стандарты» №321. Safari TP, диалог в WebKit, Interop 2022, popup, SQL+CSS, жалобы на браузеры, Я Люблю Фронтенд
•
Тайна меняющейся фавиконки
•
Почему я ненавижу турбо-страницы от Яндекса
• От эксперимента до стандарта. Пионеры веба рассказывают историю появления синей гиперссылки
•
Начало работы с File System Access API
•
Самые популярные фронтенд-фреймворки в 2022 году
•
Google Web Stories – новый AMP?
•
Подборка креативных сайтов «Inspirational Websites Roundup» #34
•
Практический пример использования CSS Layer
•
Динамический разделитель строк для Flexbox
•
CSS Grid с автозаполнением и максимальным количеством столбцов минимального размера
•
6 креативных идей для CSS-эффектов при наведении на ссылку
•
Дизайна и CSS-трюк с новой домашней страницы Medium
•
4 новых интересных функции CSS в 2022 году
•
Как мы сделали State of CSS более отзывчивым и доступным
•
Каскадные слои: управляйте каскадом CSS с помощью at-правила @layer
•
Сравниваем async/await и then/catch с примерами
• The State of JS 2021: результаты опроса
• 5 причин ненавидеть то, как JavaScript работает с датами
•
Илья Климов: JS в 2022: прогнозы и пожелания
•
Сравнение Node JavaScript с JavaScript в браузере
•
Что нового в обзоре 2021 State of JavaScript.
•
Отследите JavaScript код, ответственный за загрязнение глобальной области видимости.
•
Remix vs. Next.js: подробное сравнение
•
Putout v25
• В Firefox 98 для некоторых пользователей будет изменена поисковая система по умолчанию
• Firefox проиграл войну браузеров и умирает, Google контролирует развитие веба — это угрожает рынку и приватности людей
• Mozilla предупреждает: у грядущих Firefox 100 и Chrome 100 могут возникнуть проблемы с user-agent
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.
[На данный момент Харьков, в котором мы находимся, сравнивает с землей армия РФ. Не военные объекты, а жилые массивы, школы, зоопарк, роддомы и больницы. Сотни жертв среди мирного населения. Будет ли выходить дайджест? Давайте, мы для начала выживем, а там уже будем делать выводы]
Медиа | Веб-разработка | CSS | JavaScript | Браузеры
Медиа
•

•

Веб-разработка
•

•

• От эксперимента до стандарта. Пионеры веба рассказывают историю появления синей гиперссылки
•

•

•

•

- Инструменты
• Как пользоваться CLI для автоматизации рутинных процессов
•Вадим Макеев: Как тестировать на телефонах и эмуляторах, и почему фронтендеру никуда без макбука
•Почему мы используем сборщики JavaScript?
•Lighthouse встречается с GitHub Actions: как использовать Lighthouse в CI
•Сравнение менеджеров пакетов JavaScript: npm, Yarn или pnpm?
•gsap-video-export — легкий экспорт анимации GreenSock (GSAP) в видео.
- Производительность
•Subsetting в Font Awesome для повышения производительности
•Руководство: как увеличить скорость загрузки страницы со скриптами с помощью defer и async
CSS
•

•

•

•

•

•

•

•

JavaScript
•

• The State of JS 2021: результаты опроса
• 5 причин ненавидеть то, как JavaScript работает с датами
•

•

•

•

•

•

- React
•React Hooks простыми словами
•Создаем свой React с рендером и useState за 30 минут
•React Drag & Drop: «Игра в бутылки»
•Как подружить Git с приложением на Webpack+React
•Шаблоны проектирования React: возврат компонента из хуков
•Расширенные возможности React: серверные компоненты
•Если Мета умрет, последует ли за ней React?
- Vue
•Что нового в Vue CLI 5.0?
•Vue 3 — эволюция Vue
•Погружение во Vue 3 — Reactivity API
•Создание десктопного приложения на Vue 3 с помощью Pinia, Electron и Quasar
•Как создать приложение Vue.js с Django REST фреймворком
- Angular
• Создание лейаутов и сеток с помощью Angular CDK и Angular Material
• Реализация колонок в Angular с использованием Angular CDK
•Сравнение между Angular 11, Angular 12 и Angular 13
•10 особенностей Angular 13, которые должен знать каждый разработчик
- Ember
•Обновление до Ember Octane
•The Ember Times — Issue No. 196
•Melanie Sumner из Ember Core Team в подкасте " Whiskey Web and Whatnot": Work-Life Balance, React, and Why Accessibility Is Everything
Браузеры
• В Firefox 98 для некоторых пользователей будет изменена поисковая система по умолчанию
• Firefox проиграл войну браузеров и умирает, Google контролирует развитие веба — это угрожает рынку и приватности людей
• Mozilla предупреждает: у грядущих Firefox 100 и Chrome 100 могут возникнуть проблемы с user-agent
Дайджест за прошлую неделю.
Материал подготовили dersmoll и alekskorovin.