Wolvic. Igalia анонсировала новый браузер для виртуальной реальности на основе движка Gecko, продолжающий развитие проекта Firefox Reality под новым названием.

Сайт проекта https://wolvic.com/
Анонс Igalia https://www.igalia.com/2022/02/03/Introducing-Wolvic.html
Анонс Mozilla https://blog.mozilla.org/mozilla/update-on-firefox-reality/

Улучшение производительности JavaScript-бандла. Адриан Бис делится лучшими практиками разделения кода на примере React-приложений.

https://www.smashingmagazine.com/2022/02/javascript-bundle-performance-code-splitting/

Как мы уменьшаем размер изображений на веб-страницах в 10 раз с помощью нашего оптимизатора. Евгений Лабутин делится решением с прокси-сервером и клиентским компонентом.

https://habr.com/p/645305/

Выпуск №320: Андрей Мелихов, Юля Миоцен, Вадим Макеев про браузер Wolvic, бету Chrome 99, 2FA в npm, Cooler в Figma, декораторы в Babel, Fetch в Node.js, раскладки, Jest, Nova и редкие шрифты.

Слушайте на Ютубе https://youtu.be/dowVi6G9zy8
Ссылки на сайте https://web-standards.ru/podcast/320/

00:01:13 События
00:03:20 Браузер Wolvic
00:11:35 Бета Chrome 99
00:20:55 Npm и 2FA
00:26:55 Cooler в Figma
00:32:17 Декораторы в Babel
00:36:30 Fetch в Node.js
00:39:00 Абстрактная раскладка
00:45:33 Ничей Jest
00:52:24 Дизайн-система Nova
01:00:35 Редкие шрифты

Создание генеративных SVG-гридов. Алекс Трост показывает несколько техник создания генеративного SVG-арта, разделяя итоговое изображение на блоки с вариациями.

https://frontend.horse/articles/generative-grids/

Автоматизизация тестов на доступность для исходного кода. Адриан Болонио настраивает GitHub Actions для запуска axe, pa11y, lighthouse и юнит-тестов в репозитории.

https://www.adrianbolonio.com/en/accessibility-github-actions/

Да, я могу подключиться к БД из CSS. Ли Мейчин использует Houdini для работы с базами данных SQLite.

https://www.leemeichin.com/posts/yes-i-can-connect-to-a-db-in-css.html

Представляем элемент <dialog>. Тим Нгуен в блоге WebKit про внедрение нового элемента для модальных диалогов, улучшение спецификации и планы по появлению во всех браузерах: в бете Safari 15.4 или Safari TP, скоро в Firefox 98 и в Chrome ещё с 37-й версии.

https://webkit.org/blog/12209/introducing-the-dialog-element/

Улучшаем адаптивность <details> и добавляем новые фичи. Зак Лезерман делится веб-компонентом <details-utils>, позволяющим закрывать его по Esc или клику снаружи, открывать или закрывать в зависимости от ширины, анимировать или менять класс на элементе.

https://www.zachleat.com/web/details-utils/

Оптимизация виджетов социальных сетей. Мишель Баркер показывает, как уменьшить размер встраиваемых элементов и оптимизировать их загрузку. Или просто задуматься, так ли они нужны.

https://www.smashingmagazine.com/2022/02/reducing-web-carbon-footprint-optimizing-social-media-embeds/

Альтернативный попап. Мейсон Фрид из Google предложил реализацию попапов, тултипов и тостов в рамках OpenUI с помощью атрибута popup со значениями popup, hint, async и атрибута hidden для скрытия.

Предложение https://github.com/mfreed7/popup
Слайды и запись https://twitter.com/openuicg/status/1491871308761612293

Яндекс Практикум запускает бесплатную Школу наставников по веб-разработке, фронтенду, дизайну, тестированию и другим специальностям. Школа научит делиться знаниями и развить экспертность, а выпускникам предложат наставничать в Практикуме после выпуска. Старт 21 февраля, приём заявок до 14 февраля, чтобы успеть выполнить тестовое.

https://practicum.yandex.ru/promo/mentors-school/?utm_source=telegram&utm_medium=performance&utm_campaign=Telegram_performance_promo/mentors-school-webstandards_ru

CSS-выражения от контейнера для дизайнеров. Ахмад Шадид в переводе на CSS-live про текущее состояние адаптивного дизайна и новые возможности, которые станут доступны с появлением Container Queries в браузерах уже в ближайшем будущем.

https://css-live.ru/articles/css-vyrazheniya-ot-kontejnera-dlya-dizajnerov.html

Привет, каскадные слои. Ахмад Шадид погружается в то, как работают каскадные слои в CSS, и делится примерами их возможного использования.

https://ishadeed.com/article/cascade-layers/

Зачем основатель IT-компании идет работать по найму. Пилотный выпуск видеоверсии подкаста Frontend Weekend с бессменным ведущим Андреем Смирновым и Глебом Михеевым в гостях.

https://youtu.be/REu9UDzBGa0

Свойство aspect-ratio прекрасно. Мишель Баркер показывает примеры практического применения свойства aspect-ratio в CSS, пришедшего на замену печально знаменитому паддинг-хаку.

https://css-irl.info/aspect-ratio-is-great/

Выпуск №321: Полина Немчак, Вадим Макеев, Никита Дубко, Андрей Мелихов про Safari TP, диалог в WebKit, Interop 2022, атрибут popup, SQL в CSS, жалобы на браузеры и про конференцию Я 💛 Фронтенд.

Слушайте на Ютубе https://youtu.be/7mtokesuHGM
Ссылки на сайте https://web-standards.ru/podcast/321/

00:02:51 События
00:07:21 Safari TP
00:13:11 Диалог в WebKit
00:21:42 Interop 2022
00:26:05 Атрибут popup
00:33:02 SQL в CSS
00:42:27 Жалобы на браузеры
00:55:23 Календарь ЯЛФ
01:07:25 Доклады ЯЛФ

Новинки Firefox 97: каскадные слои и @​layer, свойство scrollbar-gutter, резервирующее место для полос прокрутки, CSS-свойство d: path() для SVG-фигур, обработка сигналов отмены в JS и другие.

Марат Таналин https://tanalin.com/blog/2022/02/firefox-97/
Официальные заметки https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/97