Ведущие: Юля Миоцен, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:01:39 Safari TP 00:06:53 Сабгриды 00:11:47 Методы итераторов 00:16:48 Chrome для тестирования 00:27:29 Гадания по Figma 00:40:52 Магические импорты 00:53:02 CSS-нестинг 01:12:12 Редактор Zed 01:22:31 Ответы на вопросы Поддержите нас • Патреон • Бусти Safari TP • Safari Technology Preview 172 Сабгриды • Intent to Ship: CSS Subgrid • Learn CSS Subgrid • Usage examples of CSS Grid Layout Методы итераторов • Intent to Ship: ...
Jun 19, 2023•1 hr 29 min•Ep 374•Transcript available on Metacast Ведущие: Андрей Мелихов, Алексей Симоненко, Никита Дубко Темы 00:00:00 Интро 00:01:46 Chrome DevTools 00:19:54 Firefox 114 00:28:27 Apple Web Apps 00:53:22 Новинки Safari 17 01:11:44 Apple в Figma 01:18:00 ESM или CJS 01:28:58 Sass в браузере 01:35:07 Ответы на вопросы Поддержите нас • Патреон • Бусти Chrome DevTools • What’s New in DevTools (Chrome 114) • What’s New in DevTools (Chrome 115) Firefox 114 • Firefox 114 • CSS Nesting got enabled in Firefox Apple Web Apps • News from WWDC23: WebKit ...
Jun 12, 2023•2 hr 39 min•Ep 373•Transcript available on Metacast Ведущие: Вадим Макеев, Юля Миоцен, Алексей Симоненко Темы 00:00:00 Интро 00:01:47 Chrome 114-115 00:18:42 Чего ждать от WWDC 00:28:40 Safari TP 00:35:43 Требования к паролям 00:45:34 Вертикальный ритм 00:56:23 Scroll Driven Animations 01:07:31 CSS Scoping 01:17:29 404 и Web3 01:31:00 Ответы на вопросы Поддержите нас • Патреон • Бусти Chrome 114-115 • New in Chrome 114 • Chrome 115 beta • Digging Into The Display Property: The Two Values Of Display • CSS Display Module Level 3 Чего ждать от WWDC ...
Jun 05, 2023•2 hr 43 min•Ep 372•Transcript available on Metacast Ведущие: Юля Миоцен, Алексей Симоненко, Вадим Макеев, Андрей Мелихов Темы 00:00:00 Интро 00:01:46 Arc Boosts 00:14:05 Popover и starting-style 00:31:07 Новинки Figma 00:37:51 HTML-формы 00:50:49 CSS на YouTube 00:56:30 Приватные поля 01:06:10 JS в JS через WASM 01:16:19 Ответы на вопросы Arc Boosts • Arc Boosts Gallery • VisBug Popover и starting-style • Introducing the popover API • :root isn’t global • The Yellow Fade Technique with Modern CSS using @starting-style Новинки Figma • Introduction...
May 29, 2023•1 hr 23 min•Ep 371•Transcript available on Metacast Ведущие: Никита Дубко, Андрей Мелихов, Вадим Макеев Темы 00:00:00 Интро 00:01:23 Поддержка и чат 00:05:23 Новости Safari 00:17:55 Снова про Baseline 00:38:20 Firefox 113 00:52:13 TypeScript 5.1 RC 01:05:52 Семантика popover 01:13:32 Перфоманс DOM Поддержка и чат • Веб-стандарты на Patreon • Веб-стандарты на Boosty Новости Safari • WebKit Features in Safari 16.5 • Release Notes for Safari Technology Preview 170 Снова про Baseline • On browser compatibility and support baselines • Дока: grid Firef...
May 22, 2023•1 hr 26 min•Ep 370•Transcript available on Metacast Ведущие: Юля Миоцен, Никита Дубко, Алексей Симоненко Темы 00:00:00 Интро 00:01:31 Исходники WebKit 00:07:18 UI вместо AI 00:22:27 Baseline 00:42:53 INP в CWV 00:51:56 Linear в CSS 00:59:41 Kotlin и WASM 01:07:21 Цвета GitHub 01:14:15 JS как PHP 01:38:12 Ответы на вопросы Исходники WebKit • Contributing to WebKit • Introducing WebKit Documentation UI вместо AI • 10 updates at Google I/O • What’s new in CSS and UI: I/O 2023 Edition Baseline • Introducing Baseline • Introducing Baseline: a unified ...
May 15, 2023•2 hr 41 min•Ep 369•Transcript available on Metacast Ведущие: Андрей Мелихов, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:01:38 Safari TP 169 00:09:19 WebContainer в Safari 00:25:06 Ошибка в единицах QC 00:29:40 Chrome 113 00:40:58 Бета Chrome 114 00:58:06 SupportsCSS 01:10:29 Event Loop 01:15:37 Deno 1.33 01:24:41 Vercel Ship 01:35:02 Ответы на вопросы Safari TP 169 • Release Notes for Safari Technology Preview 169 WebContainer в Safari • WebContainers now run on Safari, iOS, and iPadOS • TC39: Error Stacks Ошибка в единицах QC • CQ un...
May 08, 2023•2 hr 42 min•Ep 368•Transcript available on Metacast Ведущие: Андрей Мелихов, Вадим Макеев, Юля Миоцен, Никита Дубко, Алексей Симоненко Темы 00:00:00 Интро 00:01:32 Инклюзивный ананас 00:04:38 Scroll animations 00:19:16 Badging API 00:29:16 Opera One 00:38:08 Scope в CSS 00:52:43 Дизайн-система WP 01:00:45 ES-модули 01:19:16 Ответы на вопросы Инклюзивный ананас • Инклюзивный ананас Scroll animations • Intent to Ship: Scroll-driven animations • Scroll-driven Animations Badging API • Badging for Home Screen Web Apps Opera One • Opera One Scope в CSS...
May 01, 2023•1 hr 26 min•Ep 367•Transcript available on Metacast Ведущие: Вадим Макеев, Никита Дубко, Алексей Симоненко Темы 00:00:00 Интро 00:01:39 Safari TP 00:08:05 Chrome DevTools 00:14:55 Новинки ES2023 00:24:09 Экспорты в CSS-модулях 00:41:41 Письма без таблиц 01:05:13 HDR-градиенты 01:14:03 Node.js 20 01:21:45 Зачем Deno? 01:34:55 Ответы на вопросы Safari TP • Release Notes for Safari Technology Preview 168 Chrome DevTools • What’s New in DevTools (Chrome 113) Новинки ES2023 • What’s new in ECMAScript 2023 Экспорты в CSS-модулях • CSSWG Drafts: Multipl...
Apr 24, 2023•2 hr 47 min•Ep 366•Transcript available on Metacast Ведущие: Андрей Мелихов, Алексей Симоненко, Никита Дубко, Вадим Макеев Темы 00:00:00 Интро 00:01:39 Zoom уходит из CSS 00:07:57 Text-wrap: balance 00:17:24 Зачем Cascade Layers 00:30:05 Reading-order 00:44:07 Правило перфоманса 00:57:41 Тест-раннер в Node.js 01:11:57 WordPress в браузере 01:21:54 Нейронки в браузере Zoom уходит из CSS • Intent to remove: CSS zoom Text-wrap: balance • CSS Text balancing with text-wrap: balance • CSS text-wrap: balance Зачем Cascade Layers • What’s a Basic Use Cas...
Apr 17, 2023•2 hr 42 min•Ep 365•Transcript available on Metacast Ведущие: Алексей Симоненко, Андрей Мелихов Темы 00:00:00 Интро 00:01:08 Chrome 112/113 00:18:49 Safari TP 00:25:37 Hr внутри select 00:31:41 Релизы Safari 00:48:25 Babel на ESM 00:52:05 История JSON 01:05:11 Веб на WASM Chrome 112/113 • New in Chrome 112 • Chrome 113 beta • LCP change in Chrome 112 to ignore low-entropy images Safari TP • Release Notes for Safari Technology Preview 167 Hr внутри select • Allow hr to be used inside select as a separator Релизы Safari • Safari releases are develop...
Apr 10, 2023•1 hr 23 min•Ep 364•Transcript available on Metacast Ведущие: Юля Миоцен, Андрей Мелихов, Алексей Симоненко Темы 00:00:00 Интро 00:01:16 25 лет Mozilla 00:12:33 Новинки Figma 00:25:39 Safari 16.4 00:49:20 Sass и CSS-нестинг 00:59:50 Новости React Labs 01:09:59 media scripting 01:16:00 Playwright UI 01:20:47 CSS Zen Garden жив! 25 лет Mozilla • A quarter century of Mozilla • XUL Layout is gone Новинки Figma • Figma Little big things Safari 16.4 • WebKit Features in Safari 16.4 • JavaScript import maps are now supported cross-browser • Safari 16.5 B...
Apr 03, 2023•1 hr 26 min•Ep 363•Transcript available on Metacast Ведущие: Алексей Симоненко, Юля Миоцен, Никита Дубко Темы 00:00:00 Интро 00:01:08 Safari TP 166 00:09:33 HTML-элемент search 00:23:05 Focus-visible 00:31:20 GitHub Copilot X 00:47:34 AI в дизайне 01:05:32 AI в разработке 01:23:39 Печать на CSS 01:33:23 Планы на Vite 5 01:36:07 Ответы на вопросы Safari TP 166 • Release Notes for Safari TP 166 HTML-элемент search • The search element Focus-visible • When is focus-visible visible? GitHub Copilot X • GitHub Copilot X: The AI-powered dev experience A...
Mar 27, 2023•2 hr 40 min•Ep 362•Transcript available on Metacast Ведущие: Андрей Мелихов, Никита Дубко, Алексей Симоненко Темы 00:00:00 Интро 00:01:54 Firefox 111 00:13:45 Анимация display 00:21:03 TypeScript 5.x 00:34:40 Container Queries 00:49:37 Anchor Positioning 01:07:19 Electron 10 лет 01:15:49 React.dev 01:23:33 Ошибки на React 01:35:26 Ответы на вопросы Вадим ищет работу • LinkedIn • Резюме Firefox 111 • Firefox 111 Анимация display • Intent to Ship: Transitions on specified discrete properties • Dialog open close animation TypeScript 5.x • Announcing...
Mar 20, 2023•2 hr 43 min•Ep 361•Transcript available on Metacast Ведущие: Алексей Симоненко, Андрей Мелихов, Никита Дубко, Вадим Макеев Темы 00:00:00 Интро 00:02:10 Chrome 111 00:06:49 Бета Chrome 112 00:18:24 Safari TP 00:30:53 Chrome на iOS 00:38:33 Тригонометрия в CSS 00:46:48 CSS Nesting 01:00:20 Ускорение таблиц 01:12:30 Inert и доступность 01:22:00 TS 5.0 на ES-модулях 01:33:26 Ответы на вопросы Веб-стандарты в Мастодоне Chrome 111 • New in Chrome 111 Бета Chrome 112 • Chrome 112 beta Safari TP • Release Notes for Safari Technology Preview 165 • Новый i...
Mar 13, 2023•2 hr 46 min•Ep 360•Transcript available on Metacast Ведущие: Вадим Макеев, Андрей Мелихов, Никита Дубко, Алексей Симоненко, Юля Миоцен Темы 00:00:00 Интро 00:01:47 Text-wrap: balance 00:12:50 CSS anchor positioning 00:36:44 Зум в мобильном Chrome 00:46:45 Блистательная кнопка 00:52:02 Стандарты дискуссий 01:05:43 CSS-специфичность 01:16:55 Текстовая семантика 01:32:36 Дизайн-система Wise 01:39:51 Фронтенд без сборки 01:50:43 Ответы на вопросы Text-wrap: balance • Chrome Canary: text-wrap: balance in action • Bugzilla: Implement CSS text-wrap: bal...
Mar 06, 2023•2 hr 5 min•Ep 359•Transcript available on Metacast Ведущие: Никита Дубко, Вадим Макеев, Андрей Мелихов Темы 00:00:00 Интро 00:01:16 Safari TP 00:07:47 Apple про PWA 00:17:46 Chrome Headless 00:25:50 Статьи и курсы 00:38:43 Генераторы статики 00:49:39 Фронтенд без сборки 00:59:10 TypeScript Reset 01:05:26 WYSIWYG для React 01:16:59 Vercel Cache API 01:27:26 Ответы на вопросы Safari TP • Release Notes for Safari TP 164 Apple про PWA • Why Apple/Safari/WebKit folks don’t say Progressive Web App or PWA Chrome Headless • Chrome’s Headless mode gets a...
Feb 27, 2023•2 hr 40 min•Ep 358•Transcript available on Metacast Ведущие: Андрей Мелихов, Алексей Симоненко, Никита Дубко, Вадим Макеев Темы 00:00:00 Интро 00:01:39 Firefox 110 и Container Queries 00:19:50 Chrome DevTools 110/111 00:33:48 Тюнинг шрифтов 00:43:47 PWA-релиз Safari 16.4 00:58:15 Нестинг и postcss-preset-env 01:14:46 CSS-вишлист 01:29:16 Ответы на вопросы Firefox 110 и Contaier Queries • Firefox 110 for developers • Container queries land in stable browsers Chrome DevTools 110/111 • What’s New In DevTools (Chrome 110) • What’s New in DevTools (Ch...
Feb 20, 2023•2 hr 34 min•Ep 357•Transcript available on Metacast Ведущие: Андрей Мелихов, Никита Дубко, Вадим Макеев Темы 00:00:00 Интро 00:01:39 Chrome 110 00:09:03 Chrome Beta 111 00:22:33 Safari TP 00:30:31 Новости Safari 00:41:59 Ленивый CSS в Safari 00:49:45 Interop 2023 01:02:42 Stylelint 15 01:07:17 Eleventy 2 01:14:14 Deno и SSR 01:28:15 Ответы на вопросы Chrome 110 • New in Chrome 110 Chrome Beta 111 • Chrome 111 beta • First/Last Baseline • Intent to Prototype: CSS :initial pseudo class Safari TP • Release Notes for Safari TP 163 Новости Safari • El...
Feb 13, 2023•2 hr 35 min•Ep 356•Transcript available on Metacast Ведущие: Алексей Симоненко, Юля Миоцен, Андрей Мелихов Темы 00:00:00 Интро 00:02:41 Бета TypeScript 5 00:17:14 Зачем новые цвета 00:35:29 Что угодно в PiP 00:43:59 Будущее Create React App 01:00:49 AI заменит или поможет? Почта Веб-стандартов podcast@web-standards.ru Бета TypeScript 5 • Announcing TypeScript 5.0 Beta • Civet Зачем новые цвета • High Definition CSS Color Guide • CSS color-mix() Что угодно в PiP • The future of Picture-in-Picture Будущее Create React App • Create React App: propos...
Feb 06, 2023•1 hr 25 min•Ep 355•Transcript available on Metacast Ведущие: Вадим Макеев, Мария Просвирнина, Никита Дубко Темы 00:00:00 Интро 00:01:24 Safari 16.3 и TP 162 00:24:14 Firefox и новые цвета 00:37:48 Подробности про буквицу 00:42:27 Core Web Vitals 2023 01:02:10 Справочник по SVG 01:07:42 Нормальный CSS-in-JS Safari 16.3 и TP 162 • WebKit Features in Safari 16.3 • Release Notes for Safari TP 162 • Margin-trim • Declarative Shadow DOM • Цветовые функции в CSS Firefox и новые цвета • Implement lab() and lch() from CSS Color Module L4 • Upgrading color...
Jan 30, 2023•1 hr 22 min•Ep 354•Transcript available on Metacast Ведущие: Никита Дубко, Вадим Макеев, Алексей Симоненко, Андрей Мелихов Темы 00:00:00 Интро 00:01:16 Firefox 109 00:20:23 CSS для печати 00:30:24 Возвращение Servo 00:44:00 Насколько ты Fugu? 00:52:30 CSS-перфоманс 01:06:27 Великий раздел Firefox 109 • Firefox 109 • Firefox 109 for developers • Adding tick marks • Keyboard accessible datetime picker popup CSS для печати • Firefox, Intent to ship: CSS named pages • Firefox собирается выкатить именованные страницы Возвращение Servo • Servo to Advan...
Jan 23, 2023•2 hr 32 min•Ep 353•Transcript available on Metacast Ведущие: Андрей Мелихов, Алексей Симоненко, Вадим Макеев, Юля Миоцен Темы 00:00:00 Интро 00:02:02 Safari TP 00:10:42 Chrome 109 00:24:33 Бета Chrome 110 00:34:51 :has для диапазонов 00:39:24 Conditional CSS 00:44:31 State of JS 01:10:08 Призрак CoffeeScript Перевод про OKLCH • OKLCH в CSS: почему мы ушли от RGB и HSL Safari TP • Release Notes for Safari Technology Preview 161 Chrome 109 • New in Chrome 109 • New CSS Relative Units • Igalia Brings MathML Back to Chromium Бета Chrome 110 • Chrome ...
Jan 16, 2023•1 hr 23 min•Ep 352•Transcript available on Metacast Ведущие: Андрей Мелихов, Никита Дубко, Юля Миоцен, Вадим Макеев Темы 00:00:00 Интро 00:01:16 React Concurrency 00:18:34 Мифы HTTP3 00:39:12 Сжатие картинок 00:48:10 SVG-фильтры 00:53:55 CSS visibility 00:58:11 Порядок чтения 01:12:27 Тригонометрия в CSS React Concurrency • React Concurrency, Explained Мифы HTTP3 • HTTP/3 Prioritization Demystified Сжатие картинок • Compress An Image Before Upload With JavaScript • OffscreenCanvas SVG-фильтры • How To Distort Text With SVG Filters CSS visibility ...
Jan 09, 2023•1 hr 23 min•Ep 351•Transcript available on Metacast Ведущие: Юля Миоцен, Андрей Мелихов, Алексей Симоненко, Вадим Макеев, Никита Дубко Темы 00:00:00 Интро 00:02:02 Подкаст 00:19:44 Вадим 00:27:50 HTML/CSS 00:43:20 Никита 00:51:07 Интероп 01:02:12 Юля 01:09:42 Дизайн 01:14:55 Андрей 01:29:42 JS/API 01:38:12 Лёша 01:45:44 Браузер Arc 01:54:47 Планы Ссылки • Смотреть на Ютубе • Все новогодние выпуски • Блог Вадима • Подкаст LP • Канал Никиты в Телеграме • Канал Андрея в Телеграме • Interop 2022–2023 • The most hearted CodPens of 2022...
Jan 02, 2023•2 hr 4 min•Ep 350•Transcript available on Metacast Ведущие: Алексей Симоненко, Вадим Макеев, Никита Дубко Темы 00:00:00 Интро 00:02:26 Safari 16.2 00:09:43 Safari TP 00:26:20 CSS Masonry 00:32:03 Badging API 00:37:20 Firefox 108 00:42:56 Passkeys в Chrome 00:51:43 Слухи про Apple 01:13:16 CSS Nesting Safari 16.2 • WebKit Features in Safari 16.2 • First/Last Baseline Safari TP • Release Notes for Safari Technology Preview 160 CSS Masonry • WebKit has started implementing CSS Grid Masonry Layout Badging API • WebKit engine support for Badging API ...
Dec 19, 2022•2 hr 30 min•Ep 349•Transcript available on Metacast Ведущие: Вадим Макеев, Никита Дубко, Юля Миоцен Темы 00:00:00 Интро 00:01:31 Chrome Prerender 00:21:37 Экономный Chrome 00:26:27 Chrome 10 лет спустя 00:37:41 Результаты State of CSS 00:51:37 Design Tools Survey 00:56:13 Из таблицы в Figma 01:10:27 Новинки npm 01:22:04 Мобильные и десктопы Chrome Prerender • Prerender pages in Chrome for instant page navigations Экономный Chrome • New Chrome features to save battery and make browsing smoother Chrome 10 лет спустя • Chrome, 10 years later Результ...
Dec 12, 2022•2 hr 34 min•Ep 348•Transcript available on Metacast Ведущие: Никита Дубко, Юля Миоцен, Вадим Макеев Темы 00:00:00 Интро 00:01:24 Safari TP 159 00:12:20 Firefox 107 00:21:34 Chrome 108 00:34:00 Бета Chrome 109 00:41:07 CSS- и JS-календари 00:45:51 HTML-календарь 00:53:35 Ускорение инструментов 01:04:24 CSS-фильтры и маски 01:13:56 Цвета в CSS Safari TP 159 • Release Notes for Safari TP 159 • WebKit Standards Positions: @scope Firefox 107 • Firefox 107 Chrome 108 • New in Chrome 108 • The large, small, and dynamic viewport units Бета Chrome 109 • C...
Dec 05, 2022•2 hr 37 min•Ep 347•Transcript available on Metacast Ведущие: Никита Дубко, Юля Миоцен, Андрей Мелихов, Вадим Макеев Темы 00:00:00 Интро 00:01:24 Firefox Nightly 00:09:16 Смешные таблицы 00:17:38 Шум на CSS 00:28:17 State of JS 00:34:57 Npm-пакеты 00:40:28 Isolated Web Apps 00:56:49 Картинки, флексы и CSS 01:07:03 Доступность с клавиатуры 01:16:10 Два волка и инпут Firefox Nightly • More improvements than can fit into this title Смешные таблицы • My favorite piece of code on GitHub belongs to the WebKit engine Шум на CSS • Making Static Noise From...
Nov 28, 2022•2 hr 31 min•Ep 346•Transcript available on Metacast Ведущие: Юля Миоцен, Никита Дубко Темы 00:00:00 Интро 00:01:08 Safari TP 158 00:10:31 Группа WebDX 00:19:54 OKLCH в CSS 00:33:11 TypeScript 4.9 00:45:40 CSS-токены на типах 00:56:03 Гриды и шейпы 01:04:17 Where или is 01:10:13 Трюк с has Safari TP 158 • Release Notes for Safari TP 158 Группа WebDX • WebDX: Improving the experience for web developers OKLCH в CSS • OKLCH in CSS: why we moved from RGB and HSL TypeScript 4.9 • Announcing TypeScript 4.9 CSS-токены на типах • CSS-Only Type Grinding: C...
Nov 22, 2022•1 hr 16 min•Ep 345•Transcript available on Metacast 
