Open Prioritization — новый краудфандинговый проект Igalia, где любой может помочь собрать деньги на внедрение технологий в браузеры. Среди проектов: внедрение :focus-visible, inert и contain в Safari, функции lab() и CSS-свойства d в Firefox и другие — https://www.igalia.com/open-prioritization/
Автотесты и деплой на GitHub Actions. Вадим Макеев настраивает CI для прогона тестов и разворачивания проекта на сервере при коммите в ветку master и в пулл-реквестах — https://youtu.be/hevU4NdIsoU
00:02:08 События в Яндексе 00:09:10 Подкаст про Safari 00:12:50 Планы браузеров 00:22:21 Новый CSS Zen Garden 00:29:53 Кто быстрее: Houdini или CSS 00:38:58 Yandex UI Kit
Оценка Lighthouse в футере сайта. Зак Лезерман показывает, как подключить компонент для отображения оценок из Lighthouse, чтобы быть честным с пользователями и реагировать на ухудшения производительности — https://www.zachleat.com/web/lighthouse-in-footer/
Вашему SPA не нужен роутер. Станислав Черенков рассказывает об основных ошибках при использовании роутеров на клиенте и предлагает способ их избежать — https://forweb.dev/en/blog/drop-the-router/
Как мы решили оптимизировать картинки — а в процессе переделали сайт, админку и подход к интерфейсу. Борис Горячев с историей развития API и UI-kit «Медузы» — https://habr.com/p/511090/
Измерение UX браузерным расширением Web Vitals. Эдди Османи показывает, как расширение Web Vitals позволяет следить за реальной производительностью сайтов — https://youtu.be/2k1QbgLAFdI
Состояние вёрстки «pixel perfect». Ахмад Шадид размышляет, нужно ли идеально подстраивать вёрстку под дизайн или важнее обеспечить отзывчивость сайта на любых устройствах — https://ishadeed.com/article/pixel-perfection/
Атрибут inputmode. Михаэль Шарналь показывает альтернативу специальным типам полей и какие клавиатуры включают смартфоны при различных значениях атрибута — https://funwithforms.com/posts/inputmode/
Лучшие практики для форм регистрации и авторизации. Сэм Даттон делится чеклистом создания хорошей формы с объяснением каждого пункта — https://web.dev/sign-in-form-best-practices/
00:01:23 События 00:04:42 Chrome 84 00:19:21 Нативный параллакс 00:26:04 Архив GitHub во льдах 00:35:07 Open Prioritization 00:45:17 Счётчик Lighthouse 00:52:55 Tailwind на практике 01:10:12 Tailwind как Bootstrap