Ведущие: Вадим Макеев, Мария Просвирнина, Никита Дубко Темы 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
Ведущие: Никита Дубко, Вадим Макеев, Алексей Симоненко, Андрей Мелихов Темы 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•1 hr 32 min•Ep. 353
Ведущие: Андрей Мелихов, Алексей Симоненко, Вадим Макеев, Юля Миоцен Темы 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
Ведущие: Андрей Мелихов, Никита Дубко, Юля Миоцен, Вадим Макеев Темы 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
Ведущие: Юля Миоцен, Андрей Мелихов, Алексей Симоненко, Вадим Макеев, Никита Дубко Темы 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
Ведущие: Алексей Симоненко, Вадим Макеев, Никита Дубко Темы 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•1 hr 30 min•Ep. 349
Ведущие: Вадим Макеев, Никита Дубко, Юля Миоцен Темы 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•1 hr 34 min•Ep. 348
Ведущие: Никита Дубко, Юля Миоцен, Вадим Макеев Темы 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•1 hr 37 min•Ep. 347
Ведущие: Никита Дубко, Юля Миоцен, Андрей Мелихов, Вадим Макеев Темы 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•1 hr 31 min•Ep. 346
Ведущие: Юля Миоцен, Никита Дубко Темы 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
Ведущие: Андрей Мелихов, Вадим Макеев Темы 00:00:00 Интро 00:01:39 18 лет Firefox 00:12:41 Safari TP 157 00:19:14 Next.js вместо CRA 00:30:13 JS и SEO 00:39:12 Rome 10 00:47:23 Пиксели или ремы 00:57:44 Код по папкам 01:06:14 Вёрстка баннера 18 лет Firefox • 18 years ago today, we shipped Firefox 1.0 Safari TP 157 • Release Notes for Safari Technology Preview 157 Next.js вместо CRA • Next.js passed Create React App in npm downloads JS и SEO • Google Needs 9X More Time To Crawl JS Than HTML • Goo...
Nov 14, 2022•1 hr 16 min•Ep. 344
Ведущие: Андрей Мелихов, Вадим Макеев Темы 00:00:00 Интро 00:01:32 Firefox 106 00:07:14 Снова Arc 00:28:14 Text Fragments 00:32:45 Зачем JPEG XL 00:42:44 Веб-шрифты 00:50:38 Цена jQuery 00:54:52 Vite vs Turbopack 01:03:26 Remix в Shopify 01:08:49 Исход из Твитера Firefox 106 • Firefox 106 Снова Arc • Time to reinvent the browser Text Fragments • Scroll to Text Fragments Зачем JPEG XL • The Case for JPEG XL • AVIF has landed • Can I use: JPEG XL Веб-шрифты • Switching from static to variable font...
Nov 07, 2022•1 hr 28 min•Ep. 343
Ведущие: Никита Дубко, Андрей Мелихов, Юля Миоцен Темы 00:00:00 Интро 00:01:24 Safari 16.1 00:22:01 Chrome 107 00:30:29 Бета Chrome 108 00:39:51 Что не так с Next.js 13 00:55:05 Новый конфиг ESLint 01:03:52 Мэш-градиенты 01:10:26 Как работает блендинг 01:18:45 Опрос про дизайн 01:23:35 YouTube стал быстрее Safari 16.1 • WebKit Features in Safari 16.1 • Responsively plugin for Figma Chrome 107 • New in Chrome 107 Бета Chrome 108 • Chrome 108 beta • The Large, Small, and Dynamic Viewports Что не т...
Oct 31, 2022•1 hr 34 min•Ep. 342
Ведущие: Андрей Мелихов, Никита Дубко, Вадим Макеев Темы 00:00:00 Интро 00:01:24 Дока про доступность 00:03:25 Safari TP 156 00:17:52 Interop 2022 00:29:20 DOM timers 00:36:51 CSS Speech 00:55:31 TypeRunner 01:06:06 CSS Toggles 01:20:43 Плохой CSS-in-JS Дока про доступность • Дока — Доступность Safari TP 156 • Release Notes for Safari Technology Preview 156 • Control the behavior of JavaScript imports with Import Maps • The wait is over: DuckDuckGo for Mac beta is now open to the public! Interop...
Oct 24, 2022•1 hr 35 min•Ep. 341
Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко Темы 00:00:00 Интро 00:01:23 Fleet для всех 00:15:54 Chrometober 00:24:13 Fugu не всё 00:35:48 Полезные паттерны 00:42:29 Курс WebPageTest 00:50:45 SVG-спрайты 01:01:51 Два разных JS 01:14:29 Socket Fleet для всех • Introducing the Fleet Public Preview Chrometober • Chrometober 2022 • Scroll-timeline Polyfill Fugu не всё • Is Project Fugu “done”? Полезные паттерны • New patterns for amazing apps • GoogleChrome/web.dev/…/patterns Курс WebPageTes...
Oct 17, 2022•1 hr 27 min•Ep. 340
Ведущие: Вадим Макеев, Андрей Мелихов, Никита Дубко Темы 00:00:00 Интро 00:01:08 Safari TP 00:06:44 State of CSS 00:11:50 Intl API 00:16:34 Axios 1.0 00:22:10 Пикер эмоджи 00:27:59 CSS Nesting 00:43:41 JS в C++ 00:53:30 PWA-плеер 01:11:10 Быстрые тесты 01:24:16 10 лет TypeScript Safari TP • Release Notes for Safari TP 155 State of CSS • State of CSS 2022 • Devographics Intl API • Intl.NumberFormat.format() Playground Axios 1.0 • Axios 1.0.0 Пикер эмоджи • Proposal: showEmojiPicker() on input/tex...
Oct 10, 2022•1 hr 30 min•Ep. 339
Ведущие: Никита Дубко, Юля Миоцен, Вадим Макеев Темы 00:00:00 Интро 00:01:16 Chrome 106 00:13:20 Бета Chrome 107 00:20:36 Firefox 105 00:33:45 Facebook WebView 00:44:25 Learn HTML/a11y 00:50:31 SVG на CSS 00:59:33 Prettier 01:12:52 Веб-альманах CSS 01:27:23 Веб-альманах JS 01:34:23 Веб-альманах HTML Chrome 106 • New in Chrome 106 Бета Chrome 107 • Chrome 107 beta Firefox 105 • Firefox 105 Facebook WebView • Launching a new Chromium-based WebView for Android Learn HTML/a11y • Learn HTML • Learn A...
Oct 05, 2022•1 hr 39 min•Ep. 338
Ведущие: Андрей Мелихов, Никита Дубко, Вадим Макеев Темы 00:00:00 Интро 00:01:47 Safari TP 00:10:39 Interop 2023 00:29:33 Грязная конкуренция браузеров 00:43:36 Node.js вместо bash 00:52:02 HTML быстрее SPA 01:06:06 Грид-области 01:17:14 Сложные отношения с React Safari TP • Release Notes for Safari TP 154 Interop 2023 • Submit your proposals for Interop 2023 • HTTP 203 Viewport • HTTP 203 Podcast • Interop 2023: Focus Area Proposal Грязная конкуренция браузеров • Five Walled Gardens: Why Browse...
Sep 26, 2022•1 hr 40 min•Ep. 337
Ведущие: Юля Миоцен, Андрей Мелихов Темы 00:00:00 Интро 00:01:08 Safari 16 00:12:39 Has сломал jQuery 00:23:41 Adobe Figma CC 00:35:25 Плохой input number 00:45:53 JS и loading=lazy 00:49:58 Медленный SSR 00:58:55 Theatre.js Safari 16 • WebKit Features in Safari 16.0 • Is animated AVIF support already landed? • Safari 16.1 Beta Release Notes • Container queries begin to land in stable browsers Has сломал jQuery • Has сломал сайты на jQuery Adobe Figma CC • Слух года: Adobe собирается купить Figm...
Sep 19, 2022•1 hr 1 min•Ep. 336
Ведущие: Вадим Макеев, Юля Миоцен, Никита Дубко, Алексей Симоненко Темы 00:00:00 Интро 00:01:08 Firefox Nightly 00:08:06 Safari TP 00:28:25 Браузер Arc 00:36:23 Сбор SVG-багов 00:41:41 Доступность в Доке 00:50:00 Вложенный радиус 00:57:33 Правильное меню 01:12:53 Доступ к камере из HTML 01:25:38 Clipboard API 01:28:36 Export default Firefox Nightly • These Weeks In Firefox: Issue 123 Safari TP • Release Notes for Safari Technology Preview 153 Браузер Arc • Arc Сбор SVG-багов • SVG Interop 2023 Д...
Sep 12, 2022•1 hr 36 min•Ep. 335
Ведущие: Андрей Мелихов, Вадим Макеев, Алексей Симоненко, Никита Дубко Темы 00:00:00 Интро 00:04:14 Chrome 105 00:24:01 Картинки в Angular 00:31:10 Firefox 104 00:44:04 Новинки SpiderMonkey 00:56:30 Бета TypeScript 4.9 01:04:03 Стилизация ошибок 01:14:20 Отключение кук Chrome 105 • New in Chrome 105 Картинки в Angular • Optimizing Images with the Angular Image Directive Firefox 104 • Firefox 104 • Oh Snap! Adam Argyle • Титры для Disney+ • Титры для Washington Post • WebVTT API • Файл youtube.js...
Sep 06, 2022•1 hr 33 min•Ep. 334
Ведущие: Андрей Мелихов, Вадим Макеев Темы 00:00:00 Интро 00:01:10 Safari TP 152 00:07:19 Селектор :has 00:27:03 Flipper для отладки 00:37:37 Deno теперь с npm 00:46:33 Console Ninja 00:51:50 Цвета и контраст 01:01:48 Перфоманс и Early Hints 01:20:16 Должен ли фронтендер Safari TP 152 • Release Notes for Safari Technology Preview 152 Селектор :has • Using :has() as a CSS Parent Selector and much more Flipper для отладки • Flipper and JS: why we added JS support to a mobile debugging platform • F...
Aug 29, 2022•1 hr 36 min•Ep. 333
Ведущие: Никита Дубко, Вадим Макеев Темы 00:00:00 Интро 00:01:07 Server Push всё 00:09:04 Chrome DevTools 00:26:42 Перфоманс 00:39:24 SPA и SEO 00:50:55 FocusVisible 01:00:58 Приватность WebView 01:13:21 Container Queries Server Push всё • Removing HTTP/2 Server Push from Chrome Chrome DevTools • What’s New In DevTools (Chrome 105) Перфоманс • Can browsers optimize the loading of third-party resources? SPA и SEO • Google: Dynamic dendering is a workaround and not a long-term solution FocusVisibl...
Aug 22, 2022•1 hr 29 min•Ep. 332
Ведущие: Андрей Мелихов, Юля Миоцен Темы 00:00:00 Интро 00:00:53 Эмоджи в опенсорсе 00:04:06 Чёрно-белые интерфейсы 00:10:25 TypeScript 4.8 RC 00:13:15 Смешивание цветов 00:20:45 Единицы вьюпорта 00:29:26 Неожиданный рейтинг 00:33:30 Анимация в DevTools 00:41:21 React Query, не зашло 00:51:01 Аннотация типов в JS Эмоджи в опенсорсе • Open-source Microsoft Teams emojis Чёрно-белые интерфейсы • System.css • Mono TypeScript 4.8 RC • Announcing TypeScript 4.8 RC Смешивание цветов • CSS color-mix() Е...
Aug 15, 2022•1 hr 4 min•Ep. 331
Ведущие: Никита Дубко, Юля Миоцен, Андрей Мелихов, Алексей Симоненко Темы 00:00:00 Интро 00:00:46 Chrome DevTools 00:16:12 @container и :has 00:25:17 Random в CSS 00:33:16 CSS в npm 00:43:02 Docusaurus 00:49:44 Стики VS Code 00:57:51 Поля для телефона 01:11:45 Отдельные transform 01:16:15 SPA и MPA Chrome DevTools • What’s New In DevTools Chrome 104 • BFCache, или Туда и обратно • C in 100 Seconds @container и :has • @container and :has() landing in Chromium 105 • 2D hover effect using :has() Ra...
Aug 08, 2022•1 hr 38 min•Ep. 330
Ведущие: Андрей Мелихов, Алексей Симоненко, Никита Дубко Темы 00:00:00 Интро 00:00:52 State of CSS 00:11:50 CSS Nesting 00:28:07 Firefox 103 00:37:46 Безопасность npm 00:48:41 Адаптивный манифест 01:00:38 SVG не только картинка 01:08:23 Лоадеры в Node.js 01:15:59 CSS-селекторы будущего 01:23:27 Сторонние куки State of CSS • Help design the State of CSS Survey 2022! CSS Nesting • Help pick a syntax for CSS nesting Firefox 103 • Firefox 103 (En) • Firefox 103 (Ru) Безопасность npm • Introducing ev...
Aug 01, 2022•1 hr 38 min•Ep. 329
Ведущие: Алексей Симоненко, Вадим Макеев, Юля Миоцен Темы 00:00:00 Интро 00:00:44 Twitter Spaces 00:09:43 Safari 15.6 00:16:50 Новые люди в Apple 00:28:38 Графика или CSS? 00:39:24 ARIA в CSS-селекторах 00:49:34 Эмоции в интерфейсах 01:06:30 Курс по доступности Twitter Spaces • Connect with us on Twitter Spaces Safari 15.6 • New WebKit Features in Safari 15.6 Новые люди в Apple • I have joined the WebKit team at Apple Графика или CSS? • Yes, it’s a CSS • Тайна третьей планеты ARIA в CSS-селектор...
Jul 25, 2022•1 hr 11 min•Ep. 328
Ведущие: Никита Дубко, Андрей Мелихов, Вадим Макеев Темы 00:00:00 Интро 00:00:34 Chrome Dev Insider 00:19:52 Safari TP 00:27:24 Библиотека React-компонентов 00:47:32 Кнопки, но не радио 00:56:30 Переменные единицы 01:10:01 Aspect-ratio Chrome Dev Insider • Chrome Dev Insider: The CSS and UI edition Safari TP • Safari Technology Preview 149 Библиотека React-компонентов • Notes on maintaining an internal React component library Кнопки, но не радио • What is the best way to mark up an exclusive but...
Jul 18, 2022•1 hr 20 min•Ep. 327
Ведущие: Юля Миоцен, Андрей Мелихов, Вадим Макеев, Алексей Симоненко Темы 00:00:00 Интро 00:00:48 Дизайн-токены 00:05:21 Bun.sh вместо Node.js 00:22:02 ES-модули в Node.js 00:33:48 Виджеты для Figma 00:40:31 OpenProps 00:45:33 Стиль кода MDN 00:59:17 Style Queries 01:09:38 Вариативные шрифты Дизайн-токены • Design Tokens CLI • Design Systems News • The Future of Design Tokens, вебинар 19 июля Bun.sh вместо Node.js • Bun.sh ES-модули в Node.js • Create a statement about migration to ESM • Валенти...
Jul 11, 2022•1 hr 27 min•Ep. 326
Ведущие: Алексей Симоненко, Юля Миоцен, Никита Дубко, Вадим Макеев Темы 00:00:00 Интро 00:01:39 Safari TP 00:15:04 WebKit на GitHub 00:25:09 Model для 3D 00:33:17 Firefox 102 00:46:40 Браузеры 00:56:25 Интервенции 01:02:18 DevTools 01:11:08 HTML без фантазий 01:21:51 Color.js Safari TP • Release Notes for Safari Technology Preview 148 • Razvan Caliman WebKit на GitHub • And now WebKit is 100% on Git • WebKit’s positions on emerging web specifications • Support AVIF images for macOS Ventura and i...
Jul 04, 2022•1 hr 27 min•Ep. 325
