Advertise on podcast: Веб-стандарты

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Никита Дубко, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро00:01:15 Тайна пропавшего поста00:27:03 Новинки Bun00:42:06 Новинки Node.js00:47:05 Разбитое сердце01:02:38 Полифил для masonry01:19:47 Доступность с LLM01:39:03 Claude Design Смотрите нас • Лайв на Ютубе Тайна пропавшего поста • Name-only @container queries: A solution to the naming wars• Yes, but• Selectors in CSS are fast, but not when your app has too many DOM nodes• Name-Only Containers: The Scoping We Needed Новинки Bun • Bun v1.3.12• Event: isTrusted property Новинки Node.js • Node.js 24.15.0 Разбитое сердце • A Broken Heart• Как найти баг в вёрстке, Юрий Артюх Полифил для masonry • Introducing masonry-gridlanes-wc: A Native-First Masonry Web Component Доступность с LLM • AI-Generated UI Is Inaccessible by Default• Playwright Accessibility Testing: What axe and Lighthouse Miss• Auto-Improving an Agent Skill: Applying Karpathy's Autoresearch Pattern to Semantic HTML• Intopia Accessibility: Guide agents to build accessible components• Web Quality Skills Claude Design • Introducing Claude Design by Anthropic Labs Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Алексей Симоненко, Никита Дубко, Вадим Макеев Темы 00:00:00 Интро00:01:30 Помощники, возвращайтесь00:03:49 Новинки Chrome 14700:35:31 Проблемы CSS в Shadow DOM00:52:01 Стейт на CSS-анимациях01:07:11 Фронтенд MDN Смотрите нас • Лайв на Ютубе Новинки Chrome 147 • Chrome 147• New in Chrome 147 Проблемы CSS в Shadow DOM • Modern CSS Feature Support For Shadow DOM• Custom Elements Everywhere Стейт на CSS-анимациях • Using CSS animations as state machines to remember focus and hover states with CSS only Фронтенд MDN • Under the hood of MDN's new frontend• MDN's frontend Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Никита Дубко, Полина Гуртовая Темы 00:00:00 Интро00:01:46 Container Timing00:17:46 Другая польза Pretext00:40:48 Партизанская доступность01:05:19 Взлом Axios01:30:49 Ответы на вопросы Смотрите нас • Лайв на Ютубе Container Timing • Container Timing: Aggregating Paints in Blink• Эксплейнер Другая польза Pretext • You're Looking at the Wrong Pretext Demo Партизанская доступность • Applying accessibility fixes with stealth for the greater good Взлом Axios • Post Mortem: axios npm supply chain compromise• Supply Chain Attack on Axios Pulls Malicious Dependency from npm• The Hidden Blast Radius of the Axios Compromise Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Полина Гуртовая, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро00:01:07 Safari 26.400:42:52 Firefox 14901:19:03 TypeScript 6.001:41:42 Миксины в CSS01:59:28 Ответы на вопросы Смотрите нас • Лайв на Ютубе Safari 26.4 • WebKit Features for Safari 26.4• Safari 26.4 Release Notes Firefox 149 • Firefox 149 release notes for developers TypeScript 6.0 • TypeScript 6.0 Миксины в CSS • Want mixins in CSS? Help the CSSWG• What mixin behavior feels most natural• How does Shadow DOM influence mixin lookup Ответы на вопросы • Подкаст на Яндекс Музыке [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Никита Дубко, Алексей Симоненко, Вадим Макеев Темы 00:00:00 Интро00:01:15 Статистика из браузеров00:19:27 Virtual Keyboard API00:45:13 Обновление Shower01:14:26 Модалки или страницы01:43:23 Ответы на вопросы Смотрите нас • Лайв на Ютубе Статистика из браузеров • Project Wallace• Mozilla Use Counters Dashboard• Chrome Status: Features Virtual Keyboard API • The Virtual Keyboard API Is Broken Where It Matters Most Обновление Shower • Демо-сайт Shower• Shower на GitHub• Slide scale: modern• Slide scale: tan-atan fallback• Вычисление --slide-scale• CSS Type Casting to Numeric: tan(atan2()) Scalars Модалки или страницы • Modal vs. Separate Page: UX Decision Tree• Popups: 10 Problematic Trends and Alternatives• Building Websites With LLMS• Page vs Modal Assessment Ответы на вопросы • MDN: CSS values and units [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Никита Дубко, Алексей Симоненко Темы 00:00:00 Интро00:00:59 Новинки Chrome 14600:40:47 Релиз Vite 801:08:54 Краткая история доменов Смотрите нас • Лайв на Ютубе Новинки Chrome 146 • Chrome 146 release notes• New in Chrome 146 Релиз Vite 8 • Vite 8.0 is out! Краткая история доменов • A Brief History of Domains Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Полина Гуртовая, Никита Дубко Гости: Нина Торгунакова, Лёша Красиков Темы 00:00:00 Интро00:01:52 Прототип атрибута focusgroup00:17:20 Запись видео в Replit00:32:21 Докатились до Tailwind00:51:32 (Не)удобство Tailwind01:22:20 Tailwind на практике01:39:31 Альтернативы и будущее Смотрите нас • Лайв на Ютубе Прототип атрибута focusgroup • Request for developer feedback: focusgroup• Making keyboard navigation effortless Запись видео в Replit • We built a video rendering engine by lying to the browser about what time it is Большой холивар про Tailwind • Атомарный CSS, Дмитрий Цысарь (2017)• 5 best practices for preventing chaos in Tailwind CSS• Better dynamic themes in Tailwind with OKLCH color magic• ViewComponent in the Wild III: TailwindCSS classes & HTML attributes Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Никита Дубко, Вадим Макеев Темы 00:00:00 Интро00:01:30 Новинки Firefox 14800:25:40 Ленивая загрузка медиа00:41:25 Перфоманс img01:22:39 Сжатие со словарями01:46:15 Ответы на вопросы Смотрите нас • Лайв на Ютубе Новинки Firefox 148 • Firefox 148 release notes for developers• HTML Sanitizer API• Trusted Types API Ленивая загрузка медиа • Standard HTML Video & Audio Lazy-loading is Coming!• Зачем Опере Вебкит Перфоманс img • Practical guide to the img element: from the basics to LCP Сжатие со словарями • Dictionary Compression is finally here, and it’s ridiculously good Ответы на вопросы • Stop generating, start thinking [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Вадим Макеев, Полина Гуртовая, Никита Дубко Темы 00:00:00 Интро00:01:38 Новинки Chrome 14500:29:51 Anchor Positioning и csskit00:45:17 Сложное внедрение corner-shape01:04:52 Неквадратный веб с border-shape01:22:39 Зачем нам WebMCP01:36:52 Отладка Next.js с MCP Смотрите нас • Лайв на Ютубе Новинки Chrome 145 • Chrome 145• Support for wrapped columns in multi-column layout• Migrate to User-Agent Client Hints Anchor Positioning и csskit • Гайд по Anchor Positioning• CSSkit Сложное внедрение corner-shape • The corner cases of implementing CSS corner-shape in Blink• Understanding CSS corner-shape and the Power of the Superellipse Неквадратный веб с border-shape • Border-shape: the future of the non-rectangular web Зачем нам WebMCP • WebMCP is available for early preview• WebMCP – a much needed way to make agents play with rather than against the web• WebMCP Explainer• MDN’s prototype MCP server Отладка Next.js с MCP • Building Next.js for an agentic future Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Полина Гуртовая, Вадим Макеев Темы 00:00:00 Интро00:00:59 Фокус Interop 202600:42:40 Новинки Safari 26.300:57:58 Эластичный текст на CSS01:22:59 State of React 2025 Смотрите нас • Лайв на Ютубе Фокус Interop 2026 • Interop 2026 dashboard• Apple: Announcing Interop 2026• Google: Continuing to improve the web for developers• Igalia: Interop 2026 Focus Areas Announced• Microsoft: Interop 2026• Mozilla: Launching Interop 2026 Новинки Safari 26.3 • WebKit features for Safari 26.3 Эластичный текст на CSS • How to create a CSS-only elastic text effect• SVG: textPath• SVG: foreignObject State of React 2025 • State of React 2025 Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро00:01:23 ESLint 1000:09:19 Нативный HTML-патчинг00:31:53 Результаты State of JS 202501:11:32 CSS @scope вместо BEM01:29:24 Temporal в Safari Смотрите нас • Лайв на Ютубе ESLint 10 • ESLint v10.0.0 released• Migration guide Нативный HTML-патчинг • Blink: Intent to Prototype: Parse processing instructions in HTML• Interleaved HTML streaming (patching) Результаты State of JS 2025 • State of JavaScript 2025 CSS @scope вместо BEM • CSS @scope: An Alternative To Naming Conventions And Heavy Abstractions• Stylelint-config-pepelsbey Temporal в Safari • Implementing the Temporal proposal in JavaScriptCore Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Вадим Макеев, Полина Гуртовая, Алексей Симоненко, Никита Дубко Темы 00:00:00 Интро00:02:02 10 лет00:09:51 Тротлинг запросов в DevTools00:16:16 10 лет00:19:41 Масштабирование текста00:40:50 10 лет00:49:22 Автозаполнение форм01:05:08 10 лет01:13:02 Rolldown RC01:28:13 10 лет01:33:35 Спорный пиксель-пёрфект02:08:40 10 лет Смотрите нас • Лайв на Ютубе 10 лет • Общество чистых тарелок• WSD в Минске (2016)• Закрытие конференции WSD (2019) Тротлинг запросов в DevTools • Throttle individual network requests Масштабирование текста • Try text scaling support in Chrome Canary• Как я научился любить скучные мелочи CSS Автозаполнение форм • Intent to Prototype: Autofill event• Autofill Event. Draft• Autofill Event. Explainer Rolldown RC • Rolldown RC Спорный пиксель-пёрфект • Rethinking “Pixel Perfect” Web Design Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Алексей Симоненко, Никита Дубко Темы 00:00:00 Интро00:01:48 Напишите нам на юбилей00:04:20 Когда уже можно grid lanes00:37:43 Сколько весит веб по Альманаху01:26:27 Зачем jQuery 4.0 Смотрите нас • Лайв на Ютубе Напишите нам на юбилей • Директ в Телеграме Когда уже можно grid lanes • When will CSS Grid Lanes arrive? How long until we can use it?• CSS Grid Layout Module Level 3 Сколько весит веб по Альманаху • Web Almanac: Page Weight Зачем jQuery 4.0 • jQuery 4.0.0• Why I Still Use jQuery in 2025 (and When Not to) Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Алексей Симоненко, Никита Дубко, Вадим Макеев, Полина Гуртовая Темы 00:00:00 Интро00:01:07 Нам 10 лет00:03:17 Firefox 14700:23:02 Chrome 14400:56:53 Элемент geolocation01:10:39 Гифки и JPEG XL01:25:03 100vw и прокрутка01:37:39 Итераторы и массивы Смотрите нас • Лайв на Ютубе Нам 10 лет • Директ в Телеграме Firefox 147 • Firefox 147 release notes for developers• MDN: Media fragments• SVG sprites: old-school, modern, unknown, and forgotten Chrome 144 • Chrome 144 release notes Элемент geolocation • Introducing the geolocation HTML element• MDN geolocation element examples Гифки и JPEG XL • Blink: Intent to Prototype CSS Image Animation• CSS Image Animation explainer• Chromium: Wire up JXL decoder• JPEG XL reference implementation 100vw и прокрутка • Using 100vw is now scrollbar-aware• Сайт pitercss_conf Итераторы и массивы • Stop turning everything into arrays (and do less work instead) Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty• Patreon Ведущие: Никита Дубко, Вадим Макеев Темы 00:00:00 Интро00:01:23 Антивебные API для веба00:32:29 Как LLM и помогает, и убивает Tailwind01:09:57 Нездоровая зависимость от бандлеров Смотрите нас • Лайв на Ютубе Антивебные API для веба • Not All Browser APIs Are “Web” APIs Как LLM и помогает, и убивает Tailwind • 75% of Tailwind engineers lost their jobs because of the brutal impact of AI• I can’t feel bad about a project contributed to the devaluing of CSS• Google AI Studio is now a sponsor of the Tailwind project• Has AI killed Tailwind? Нездоровая зависимость от бандлеров • Web dependencies are broken. Can we fix them?• Import JavaScript like it’s 2026• Maximally Minimal Build Process• Do It Yourself: code coverage and testing Ответы на вопросы [email protected] Читайте новости • Telegram• X• VK• Facebook• Mastodon• Bluesky• LinkedIn