Ведущие: Андрей Мелихов, Вадим Макеев Темы 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•Transcript available on Metacast Ведущие: Андрей Мелихов, Вадим Макеев Темы 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•Transcript available on Metacast Ведущие: Никита Дубко, Андрей Мелихов, Юля Миоцен Темы 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•2 hr 34 min•Ep 342•Transcript available on Metacast Ведущие: Андрей Мелихов, Никита Дубко, Вадим Макеев Темы 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•2 hr 35 min•Ep 341•Transcript available on Metacast Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко Темы 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•Transcript available on Metacast Ведущие: Вадим Макеев, Андрей Мелихов, Никита Дубко Темы 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•2 hr 30 min•Ep 339•Transcript available on Metacast Ведущие: Никита Дубко, Юля Миоцен, Вадим Макеев Темы 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•2 hr 39 min•Ep 338•Transcript available on Metacast Ведущие: Андрей Мелихов, Никита Дубко, Вадим Макеев Темы 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•2 hr 40 min•Ep 337•Transcript available on Metacast Ведущие: Юля Миоцен, Андрей Мелихов Темы 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•Transcript available on Metacast Ведущие: Вадим Макеев, Юля Миоцен, Никита Дубко, Алексей Симоненко Темы 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•2 hr 36 min•Ep 335•Transcript available on Metacast Ведущие: Андрей Мелихов, Вадим Макеев, Алексей Симоненко, Никита Дубко Темы 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•2 hr 33 min•Ep 334•Transcript available on Metacast Ведущие: Андрей Мелихов, Вадим Макеев Темы 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•2 hr 36 min•Ep 333•Transcript available on Metacast Ведущие: Никита Дубко, Вадим Макеев Темы 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•Transcript available on Metacast Ведущие: Андрей Мелихов, Юля Миоцен Темы 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•Transcript available on Metacast Ведущие: Никита Дубко, Юля Миоцен, Андрей Мелихов, Алексей Симоненко Темы 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•2 hr 38 min•Ep 330•Transcript available on Metacast Ведущие: Андрей Мелихов, Алексей Симоненко, Никита Дубко Темы 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•2 hr 38 min•Ep 329•Transcript available on Metacast Ведущие: Алексей Симоненко, Вадим Макеев, Юля Миоцен Темы 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•Transcript available on Metacast Ведущие: Никита Дубко, Андрей Мелихов, Вадим Макеев Темы 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•Transcript available on Metacast Ведущие: Юля Миоцен, Андрей Мелихов, Вадим Макеев, Алексей Симоненко Темы 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•Transcript available on Metacast Ведущие: Алексей Симоненко, Юля Миоцен, Никита Дубко, Вадим Макеев Темы 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•Transcript available on Metacast Ведущие: Андрей Мелихов, Алексей Симоненко, Юля Миоцен, Никита Дубко, Вадим Макеев Темы 00:00:00 Интро 00:01:38 Chrome 103 00:09:57 Бета Chrome 104 00:26:45 Зачем :has 00:33:13 MathML в Chrome 00:43:09 Defensive CSS 00:49:54 Порядок фокуса 01:00:55 Карточка-ссылка 01:10:46 Дизайн-токены 01:16:03 Красивое 01:19:08 ES 2022 01:28:35 GitHub Copilot Chrome 103 • New in Chrome 103 Бета Chrome 104 • Chrome 104 Beta: New Media Query Syntax, Region Capture, and More • Focusgroup Explainer Зачем :has • :h...
Jun 27, 2022•2 hr 37 min•Ep 324•Transcript available on Metacast Ведущие: Алексей Симоненко, Вадим Макеев, Андрей Мелихов Темы 00:00:00 Интро 00:05:00 Понятные Media Queries 00:10:17 Релиз-ноуты V8 всё 00:14:37 Бета Safari 16 00:26:29 Container Queries 00:36:18 Telegram защитник веба 00:46:53 Мир без паролей 00:58:08 Что попросить у Safari 01:03:27 IE снова всё Понятные Media Queries • New syntax for range media queries in Chrome 104 Релиз-ноуты V8 всё • Discontinuing V8 release blog posts Бета Safari 16 • News from WWDC22: WebKit Features in Safari 16 Beta •...
Jun 21, 2022•1 hr 12 min•Ep 323•Transcript available on Metacast Ведущие: Андрей Мелихов, Мария Просвирнина, Юля Миоцен, Вадим Макеев Темы 00:00:00 Интро 00:01:07 События 00:04:03 Новости Express 00:08:25 WebP в Photoshop 00:19:10 Чарты в маркдауне 00:25:00 Фултайм Eleventy 00:35:53 Забытый тег layer 00:43:33 Кривые Безье 00:49:27 React Native 00:56:11 State of JS События • MinskJS Meetup онлайн 2 марта • Desilopers & Devigners онлайн 10 марта • Шрифт в вебе без боли, Рома Шамин • BeJS Conf в Брюсселе и онлайн 13 мая Новости Express • Express 5.0 Beta Web...
Feb 21, 2022•1 hr 9 min•Ep 322•Transcript available on Metacast Ведущие: Полина Немчак, Вадим Макеев, Никита Дубко, Андрей Мелихов Темы 00:00:00 Интро 00:02:51 События 00:07:21 Safari TP 00:13:11 Диалог в WebKit 00:21:42 Interop 2022 00:26:05 Атрибут popup 00:33:02 SQL в CSS 00:42:27 Жалобы на браузеры 00:55:23 Календарь ЯЛФ 01:07:25 Доклады ЯЛФ Полина Немчак • Полина в Твиттере • Канал Полины в Телеграме События • Я Люблю Фронтенд 26 февраля • Krasnodar Frontend miniConf в Краснодаре 23 апреля • HolyJS онлайн 18–21 апреля • Web Audio conference CFP открыто ...
Feb 15, 2022•1 hr 22 min•Ep 321•Transcript available on Metacast Ведущие: Андрей Мелихов, Юля Миоцен, Вадим Макеев Темы 00:00:00 Интро 00:01:13 События 00:03:20 Браузер Wolvic 00:11:35 Бета Chrome 99 00:20:55 Npm и 2FA 00:26:55 Cooler в Figma 00:32:17 Декораторы в Babel 00:36:30 Fetch в Node.js 00:39:00 Абстрактная раскладка 00:45:33 Ничей Jest 00:52:24 Дизайн-система Nova 01:00:35 Редкие шрифты События • OpenIT в Гомеле 19 февраля • Desilopers & Devigners онлайн 10 марта Браузер Wolvic • Wolvic • Introducing Wolvic • Update on Firefox Reality • Enter: Wo...
Feb 07, 2022•1 hr 7 min•Ep 320•Transcript available on Metacast Ведущие: Юля Миоцен, Никита Дубко, Андрей Мелихов, Вадим Макеев Темы 00:00:00 Интро 00:01:09 События 00:04:14 Topics API 00:17:23 Новинки Figma 00:21:49 Дизайн руками 00:31:01 Бедный WebKit 00:45:30 Сложности WebAssembly 00:51:52 TS на Go 01:01:50 Пайпы в JS События • Запись MinskCSS Meetup #9 • DUMP в Екатеринбурге 27 мая • CodeFest в Новосибирске 28–29 мая Topics API • Анонс • Технологии • Спека • Google Chrome third-party cookies block delayed until 2023 Новинки Figma • 32 little big updates ...
Jan 31, 2022•1 hr 12 min•Ep 319•Transcript available on Metacast Ведущие: Андрей Мелихов, Никита Дубко, Юля Миоцен Темы 00:00:00 Интро 00:00:52 Safari TP 00:07:04 Утечка в Safari 00:12:57 Сабгриды +1 00:19:50 Vue 3 близко 00:26:15 Оверрайды в npm 00:32:41 Border-image 00:41:53 Читать ли спеки 00:51:54 Старые браузеры 01:00:41 Как не писать TypeScript 01:13:16 Девшахта Safari TP • Release Notes for Safari Technology Preview 138 Утечка в Safari • Exploiting IndexedDB API information leaks in Safari 15 Сабгриды +1 • Intent to Prototype: CSS Subgrid Vue 3 близко ...
Jan 24, 2022•1 hr 22 min•Ep 318•Transcript available on Metacast Ведущие: Никита Дубко, Андрей Мелихов, Юля Миоцен, Вадим Макеев Темы 00:00:00 Интро 00:01:04 События 00:02:35 Firefox 96 00:12:31 Лисичка, не кашляй 00:18:16 State of JS 00:22:08 Утечка из опроса 00:27:12 Вариативные шрифты и Figma 00:35:37 CSS Tools 00:42:40 Топ CodePen 00:50:45 CSS-парсер на Rust 00:57:02 Eleventy 1.0 01:07:31 Metho? Обложка выпуска на чистом CSS События • Конференция по цифровой доступности онлайн 18 января—8 февраля • 18 января: Доступные фичи и где они обитают, Татьяна Фоки...
Jan 17, 2022•1 hr 17 min•Ep 317•Transcript available on Metacast Ведущие: Никита Дубко, Андрей Мелихов, Юля Миоцен, Вадим Макеев Темы 00:00:00 Интро 00:01:50 События 00:04:31 Chrome 97 00:14:34 Chrome DevTools 00:25:35 Faker.js 00:38:17 Crypto Mozilla 00:49:41 Дизайн-токены События • React Talks Meetup в Киеве 18 января • JSNation в Амстердаме 16 июня • React Summit в Амстердаме 17 июня Chrome 97 • Видео: New in Chrome 97 • Статья: New in Chrome 97 Chrome DevTools • Новинки DevTools (Chrome 97) Faker.js • Just went to install Faker for my latest demo, and… • ...
Jan 11, 2022•1 hr 6 min•Ep 316•Transcript available on Metacast Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко Темы 00:00:00 Интро 00:02:18 Подкаст 00:18:04 Проекты 00:31:30 Фронтенд 00:46:27 JavaScript 00:55:23 Бэк и тулинг 01:04:47 Вопрос 01:15:47 Личное Подкаст • Смотрите этот эпизод на Ютубе • Все новогодние выпуски Проекты • Чат в Телеграме • Новости на английском • Календарь • Словарь Фронтенд • WebCompat JavaScript • Announcing the Deno Company • Seed Funding for Remix • Turborepo is joining Vercel • Vercel welcomes Rich Harris, creator of Svelte...
Jan 04, 2022•2 hr 33 min•Ep 315•Transcript available on Metacast