00:01:52 Прототип атрибута focusgroup
00:17:20 Запись видео в Replit
00:32:21 Докатились до Tailwind
00:51:32 (Не)удобство Tailwind
01:22:20 Tailwind на практике
01:39:31 Альтернативы и будущее

CodePen 2.0 вышел в публичную бету. У пенов теперь своя файловая система с папками, новый блочный процесс сборки, где можно комбинировать технологии без конфигурации, совместная работа в реальном времени по приглашению, омнибар для быстрого доступа к файлам и командам, а также настоящие настройки приватности с паролями и доступом только по приглашению. Без установки, без командной строки, без сложной настройки. #tools #css

https://codepen.io/beta

SVG в вебе: сравнение скорости в зависимости от способа загрузки. Джоан Леон сравнивает пять методов и то, как каждый влияет на кеширование, запросы и рендеринг: инлайн <svg>, <img>, <object>, CSS-фон и спрайты с <use>. Главный анти-паттерн: встраивание растровых изображений в base64 внутри SVG увеличивает размер файла на 33% и блокирует рендеринг. #svg #performance

https://joanleon.dev/en/svg-optimization/

Всё, что вы никогда не хотели знать о visually-hidden. Дэвид Бушелл разбирает двадцатилетнюю историю CSS-паттерна visually-hidden и проверяет, хватит ли в 2026 году одних position: absolute и clip-path: circle(0). Статья объясняет, почему у платформы до сих пор нет нативной альтернативы и почему стандартизация хака может скорее навредить, чем помочь. #a11y #css

https://dbushell.com/2026/02/20/visually-hidden/

Новинки Chrome 146. CSS-анимации по скролу позволяют декларативно управлять CSS-анимациями по позиции прокрутки. Sanitizer API помогает защитить приложения от XSS. WebGPU получает режим совместимости со старыми графическими API. Также добавлены Iterator.concat, мета-элемент для масштабирования текста на мобильных, улучшения Navigation API и более точные метрики LCP. #chrome #browser

https://developer.chrome.com/release-notes/146

Вы не знаете HTML-таблицы. Фрэнк Тейлор выходит за пределы базовых понятий и разбирает терминологию таблиц, API Table Object Model, семантику заголовочных ячеек с атрибутами scope и headers, а также практические паттерны для создания доступных и хорошо структурированных таблиц с <thead>, <tbody>, <tfoot> и хелперами на JavaScript. #html #a11y

https://blog.frankmtaylor.com/2026/03/05/you-dont-know-html-tables/

Выпуск №518. Никита Дубко и Алексей Симоненко про новинки Chrome 146, релиз Vite 8 и краткую историю доменов.

— Лайв на Ютубе
— Слушайте на Ютубе
— Ссылки на сайте

00:00:59 Новинки Chrome 146
00:40:47 Релиз Vite 8
01:08:54 Краткая история доменов

Уход от Sass: нативный нестинг CSS. Стюарт Робсон рассказывает, как работает нативная вложенность CSS в браузерах и сравнивает её с Sass. Он разбирает специфичность, символ &, практические отличия от Sass и примеры компонентов: алерты, карточки и формы поиска. А также интеграция с выражениями от контейнера, :has() и prefers-reduced-motion. #css #learn

https://www.alwaystwisted.com/articles/UnSassing-my-CSS-nesting

Представляем view-transitions-mock — невизуальный полифил для view transition в рамках документа. Брамус Ван Дамм создал JavaScript-реализацию View Transition API совместимую со спецификацией, которая работает во всех браузерах без кучи условий в коде. Она обрабатывает document.startViewTransition(), класс ViewTransition с промисами и типы View Transition. Обновления DOM идентичны нативным, но анимации пропускаются в старых браузерах. #viewtransition #polyfill

https://www.bram.us/2026/03/11/view-transitions-mock-is-a-non-visual-polyfill-for-same-document-view-transitions/

Temporal: девятилетний путь к исправлению времени в JavaScript. Джейсон Уильямс рассказывает, как предложение Temporal прошло от идеи до Stage 4, заменив устаревший Date API, унаследованный от Java в 1995 году. В статье описаны иммутабельные объекты, явная поддержка часовых поясов и наносекундная точность, а также temporal_rs — общая библиотека на Rust, позволяющая нескольким движкам использовать одну реализацию. #ecmascript #temporal

https://bloomberg.github.io/js-blog/post/temporal/

Неожиданные кастомные селекты. Патрик Броссет создаёт три креативные демки с новым кастомизируемым элементом <select>: изогнутую стопку папок с CSS-трансформациями и sibling-index(), веер игральных карт с anchor positioning и круговой эмодзи-пикер на тригонометрических функциях CSS. Все демки сохраняют доступность и адекватно деградируют в неподдерживающих браузерах. #css #html

https://css-tricks.com/abusing-customizable-selects/

Загнутый уголок на CSS. Китти Жиродель разбирает эффект при наведении, при котором угол изображения загибается. Техника сочетает clip-path для обрезки, белый треугольник для складки и тени под ним. Статья также описывает фолбек для эффектов размытия с помощью нескольких смещённых элементов и показывает, как CSS-переходы обеспечивают плавную анимацию. #css #animation

https://kittygiraudel.com/2026/03/05/folded-corner-with-css/