Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него.
[На данный момент Харьков, в котором мы находимся, сравнивает с землей армия РФ. Не военные объекты, а жилые массивы, школы, зоопарк, роддомы и больницы. Сотни жертв среди мирного населения. Будет ли выходить дайджест? Давайте, мы для начала выживем, а там уже будем делать выводы]
•
«Новости 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 | Браузеры
Медиа
•
«Новости 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- Инструменты
• Как пользоваться CLI для автоматизации рутинных процессов
• Вадим Макеев: Как тестировать на телефонах и эмуляторах, и почему фронтендеру никуда без макбука
• Почему мы используем сборщики JavaScript?
• Lighthouse встречается с GitHub Actions: как использовать Lighthouse в CI
• Сравнение менеджеров пакетов JavaScript: npm, Yarn или pnpm?
• gsap-video-export — легкий экспорт анимации GreenSock (GSAP) в видео.
- Производительность
• Subsetting в Font Awesome для повышения производительности
• Руководство: как увеличить скорость загрузки страницы со скриптами с помощью defer и async
CSS
•
Практический пример использования CSS Layer•
Динамический разделитель строк для Flexbox•
CSS Grid с автозаполнением и максимальным количеством столбцов минимального размера•
6 креативных идей для CSS-эффектов при наведении на ссылку•
Дизайна и CSS-трюк с новой домашней страницы Medium•
4 новых интересных функции CSS в 2022 году•
Как мы сделали State of CSS более отзывчивым и доступным•
Каскадные слои: управляйте каскадом CSS с помощью at-правила @layer JavaScript
•
Сравниваем 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- 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.
