Веб-стандарты

Веб-стандарты

Новости фронтенда в еженедельном подкасте сообщества «<a href="https://web-standards.ru/">Веб-стандарты</a>»

467. Веб-платформа, require(esm) в Node 20, рамки сеток, 14 SVG-фильтров, styled-components, ссылки

Ведущие: Юлия Миоцен, Никита Дубко, Алексей Симоненко, Вадим МакеевТемы00:00:00 Интро00:01:00 Дэшборд веб-платформы00:11:54 Бэкпорт require(esm) в Node.js 2000:31:26 Рамки в сетках00:55:47 Всего 14 SVG-фильтров01:17:33 Styled-components всё01:37:31 Подчёркивание ссылок01:58:40 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиДэшборд веб-платформы• Web platform features explorer: March 2025 release notesБэкпорт require(esm) в Node.js 20• Node.js 20.19.0: require(esm) is now enabled by defaultРамки в сетках• Minding the gaps: A new way to draw separators in CSSВсего 14 SVG-фильтров• A Deep Dive into the Inline Background Overlap ProblemStyled-components всё• Styled-components: Thank youПодчёркивание ссылок• Chilled Out Text UnderlinesОтветы на вопросы• Псевдоприватные кастомные свойстваpodcast@web-standards.ru

03-24
02:03:08

466. Относительные цвета, TypeScript на Go, UI Git в Zed, Baseline для CSS в ESLint, усталость от JS

Ведущие: Вадим Макеев, Андрей Мелихов, Алексей СимоненкоТемы00:00:00 Интро00:01:23 Относительные цвета00:37:33 TypeScript на Go00:55:59 UI для Git в Zed01:05:38 Baseline для CSS в ESLint01:19:45 Усталость от JS01:32:13 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиОтносительные цвета• CSS Relative ColorsTypeScript на Go• A 10x Faster TypeScript• TypeScript Go Playground• I’m porting tsc to GoUI для Git в Zed• Native Git support in ZedBaseline для CSS в ESLint• Support for CSS and Baseline has shipped in ESLintУсталость от JS• JavaScript Fatigue Strikes BackОтветы на вопросы• Making a custom clear text field buttonpodcast@web-standards.ru

03-17
01:42:16

465. Firefox 136, Chrome 134, DevTools, HTTP 3 и QUIC в Node.js, стилизация форм, ненужные стили h1

Ведущие: Андрей Мелихов, Никита Дубко, Вадим Макеев, Алексей СимоненкоТемы00:00:00 Интро00:01:46 Firefox 13600:28:48 Chrome 13400:45:29 Chrome DevTools00:58:12 HTTP 3 и QUIC в Node.js01:13:04 Стилизация форм01:31:55 Ненужные стили для h101:37:06 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиFirefox 136• Firefox 136 for developers• Igalia: Mozilla ChangesChrome 134• Chrome 134 Release notes• New in Chrome 134• Delaying the shipping of CSS @function from Chrome 136 to 139Chrome DevTools• What’s new in DevTools, Chrome 134HTTP 3 и QUIC в Node.js• Update on QUIC• A QUIC Update for Node.js• Deno: QUIC & HTTP/3 support• Bun: QUIC protocolСтилизация форм• CSS Form Control Styling Level 1Ненужные стили для h1• Intent to remove: font size rules for h1 within some elements• HTML: Sections and headings• Remove UA styles for h1 in article, aside, nav, sectionОтветы на вопросыpodcast@web-standards.ru

03-10
01:45:23

464. Speculation, popover hint, Eclipsa, Observable API, торопливый Chrome, TS 5.8, бэк на Node.js

Ведущие: Вадим Макеев, Никита Дубко, Андрей Мелихов, Полина ГуртоваяТемы00:00:00 Интро00:01:39 Speculation Rules00:26:08 Popover hint00:48:20 Иммерсивный кодек Eclipsa01:06:06 Observable API01:26:56 Торопливый Chrome01:42:58 TypeScript 5.801:55:32 Сложный бэк на Node.js02:07:06 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиSpeculation Rules• How Google Search uses speculation rulesPopover hint• Popover = hintИммерсивный кодек Eclipsa• Introducing Eclipsa Audio: immersive audio for everyoneObservable API• Blink intent to ship: Observable API• ObservableТоропливый Chrome• Intent to Experiment for Longer• Findings from the customizable select request for developer feedback formTypeScript 5.8• Announcing TypeScript 5.8• TypeScript 5.8 Ships erasableSyntaxOnly to disable enumsСложный бэк на Node.js• Node.js: easy to learn, hard to master, perfect for AIОтветы на вопросыpodcast@web-standards.ru

03-03
02:14:49

463. Проблемы ARIA в Shadow DOM, грядущий European Accessibility Act и State of React 2024

Ведущие: Андрей Мелихов, Вадим МакеевТемы00:00:00 Интро00:00:59 Проблемы ARIA в Shadow DOM00:15:41 European Accessibility Act00:36:34 State of React 2024Поддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиПроблемы ARIA в Shadow DOM• Solving cross-root ARIA issues in Shadow DOM, Мануэль РегоEuropean Accessibility Act• The European Accessibility Act for websites and apps, Мартайн ХолсState of React 2024• State of React 2024• State of AI 2025• So you’ve decided to do a technical migrationОтветы на вопросыpodcast@web-standards.ru

02-24
01:29:55

462. Анонсы State of, нативные CSS-функции, Zed и Zeta, ленивые картинки и Interop 2025

Ведущие: Вадим Макеев, Алексей СимоненкоТемы00:00:00 Интро00:01:07 Анонсы State of00:02:37 CSS-функции00:23:27 Zed и Zeta00:38:25 Ленивые картинки00:49:12 Interop 202501:24:18 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиАнонсы State of• State of AI 2025• State of React 2024CSS-функции• CSS Custom Functions are coming• Early return exampleZed и Zeta• Zed now predicts your next edit with Zeta• Dataset for ZetaЛенивые картинки• Stop lazy loading product and hero imagesInterop 2025• Interop 2025 Dashboard• Interop Readme• Webkit: Announcing Interop 2025• Interop 2025: another year of web platform improvements• Igalia Chats: Interop 2025• Mozilla: Launching Interop 2025Ответы на вопросы• Статьи с тегом «a11y»• Инклюзивный ананасpodcast@web-standards.ru

02-17
03:58

461. Chrome 133, Firefox 135, Deno vs Oracle, медленный URLPattern, GitHub Copilot, дырка в Vitest

Ведущие: Полина Гуртовая, Алексей Симоненко, Андрей МелиховТемы00:00:00 Интро00:00:59 Chrome 13300:23:43 Firefox 13500:30:44 Deno против Oracle00:39:13 Медленный URLPattern00:51:48 GitHub Copilot01:06:14 Дырка в Vitest01:13:47 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиChrome 133• Chrome 133 release notes• New in Chrome 133Firefox 135• Firefox 135 for developersDeno против Oracle• Oracle justified its JavaScript trademark with Node.jsМедленный URLPattern• You should not use URLPattern to route HTTP requests on the serverGitHub Copilot• GitHub Copilot: The agent awakensДырка в Vitest• Remote code execution in Vitest APIОтветы на вопросыpodcast@web-standards.ru

02-10
08:48

460. Create React App точно всё, системные шрифты, сервер на Node.js, сжать весь npm, Electron

Ведущие: Андрей Мелихов, Алексей Симоненко, Никита ДубкоТемы00:00:00 Интро00:01:23 Create React App точно всё00:18:54 Системные шрифты00:33:30 Правильный сервер на Node.js00:49:13 Как сжать весь npm01:06:31 Вы не поняли ElectronПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиCreate React App точно всё• Deprecate Create React App officially• CRA breaks with React 19 and needs deprecation noticesСистемные шрифты• It’s time to ditch BlinkMacSystemFont and -apple-system• Implementing system fonts on BookingПравильный сервер на Node.js• The modern way to write JS serversКак сжать весь npm• My failed attempt to shrink all npm packages by 5%Вы не поняли Electron• Things people get wrong about ElectronОтветы на вопросыpodcast@web-standards.ru

02-03
01:25:46

459. Lightpanda Browser, CSS @sheet, мощный attr, Temporal приходит в JS, Bun 1.2

Ведущие: Алексей Симоненко, Никита Дубко, Вадим МакеевТемы00:00:00 Интро00:01:30 Lightpanda Browser00:16:20 CSS @sheet00:34:41 Мощный attr00:55:07 Temporal приходит в JS01:11:41 Bun 1.201:40:24 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиLightpanda Browser• Lightpanda BrowserCSS @sheet• CSS @sheet• Declarative shadow DOM style sharingМощный attr• New capabilities for attr()Temporal приходит в JS• JavaScript Temporal is coming• MDN: Temporal• Gecko: Temporal• WebKit: Temporal• Chromium: TemporalBun 1.2• Bun 1.2Ответы на вопросы• Eleventy: RSS plugin virtual templatepodcast@web-standards.ru

01-27
01:44:24

458. Chrome 132, стилизуемый select, Interop 2024, text-align: justify, формы в dialog

Ведущие: Вадим Макеев, Алексей Симоненко, Никита ДубкоТемы00:00:00 Интро00:01:23 Chrome 13200:36:54 Стилизуемый select00:54:15 Interop 202401:04:21 Text-align: justify01:21:52 Формы в dialogПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиChrome 132• Chrome 132• New in Chrome 132Стилизуемый select• Updates to the customizable select API• Request for developer feedback: customizable select• CodePen: Customizable SelectInterop 2024• The success of Interop 2024Text-align: justify• Justified text: better than expected?Формы в dialog• Use cases for form method="dialog"Ответы на вопросыpodcast@web-standards.ru

01-20
01:31:35

457. Firefox 134, Node.js и TS, WinterTC, баланс текста, атрибуты импортов, JS Rising Stars

Ведущие: Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Полина ГуртоваяТемы00:00:00 Интро00:01:18 Firefox 13400:11:48 Новости Node.js00:17:37 Нативный TS в Node.js00:33:43 WinterTC00:46:36 Баланс текста01:03:42 Атрибуты импортов01:14:55 JS Rising StarsПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиFirefox 134• Firefox 134 for developers• Box alignment + Absolute positioningНовости Node.js• Node v22.13.0 (LTS)• Node.js 23.6.0Нативный TS в Node.js• Node’s new built-in support for TypeScript• Eleventy proposal: Add first-party core support for TSWinterTC• WinterTC• Runtime compatibilityБаланс текста• Balancing Text In CSSАтрибуты импортов• ECMAScript feature: import attributesJS Rising Stars• 2024 JavaScript Rising Stars• 4.5 Million (Suspected) Fake Star Stars in GitHub• GitHub StarScoutОтветы на вопросыpodcast@web-standards.ru

01-13
01:54:55

456. Source maps, React 19, @keyframes, Веб-альманах, 3D кот на CSS, анимация неанимируемого

Ведущие: Никита Дубко, Вадим Макеев, Юлия МиоценТемы00:00:00 Интро00:01:23 Стандарт source maps00:08:05 Новинки React 1900:38:01 Гибкость @keyframes00:52:10 Разметка в Веб-альманахе01:34:26 3D кот на CSS01:43:35 Анимация неанимируемогоПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиСтандарт source maps• TC39 Source map format specificationНовинки React 19• React v19• Custom Elements Everywhere• React 19 and Web Component Examples• React 19 introduces full support for custom elementsГибкость @keyframes• Some things about keyframesРазметка в Веб-альманахе• The Web Almanac 2024: Markup3D кот на CSS• Pure CSS 3D CatАнимация неанимируемого• Glowing border animation with a smooth stopОтветы на вопросыpodcast@web-standards.ru

01-06
01:49:57

455. Кормим белок, играем колмимейби, красим плитку, ждём группу, спрашиваем шляпу и атакуем титанов

Ведущие: Вадим Макеев, Алексей Симоненко, Юлия Миоцен, Полина Гуртовая, Никита Дубко, Андрей МелиховТемы00:00:00 Интро00:02:40 Полина кормит белок00:25:17 Никита играет кол-ми-мейби00:54:18 Андрей красит плитку в ванной01:06:43 Юля ждёт группу 16 лет01:17:24 Лёша спрашивает шляпу01:36:39 Вадим атакует титанов01:53:34 Отвечаем на вопросы02:14:47 Желаем хорошегоПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиВсякие ссылки• Видео на Ютубе• Полина и Никита решают задачи по вёрстке с CodeRun• Канал Никиты про разработку• Канал Никита про другое• Канал Андрея в Телеграме• Доклад Андрея «Безопасная песочница»• Доклад Юли на CSS Day• Подкаст Вадима «Любимые пластинки»• Сторис Вадима с байкпакинга• Сторис Вадима с концертов• Пул-реквест Вадима в BCD про вьюпорт• Плейлист Вадима с концертовОтветы на вопросыpodcast@web-standards.ru

12-31
02:19:26

454. CSS-вишлист, Custom Ident в CSS, наконец-то text-box-trim и State of JS 2024

Ведущие: Никита Дубко, Алексей Симоненко, Полина ГуртоваяТемы00:00:00 Интро00:01:53 CSS-вишлист00:33:44 Custom Ident в CSS00:48:57 Наконец-то text-box-trim01:02:53 State of JS 2024Поддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиCSS-вишлист• CSS Wishlist 2025Custom Ident в CSS• CSS Custom IdentНаконец-то text-box-trim• Why I’m excited about text-box-trim as a designerState of JS 2024• State of JavaScript 2024• State of Developer Ecosystem ReportОтветы на вопросыpodcast@web-standards.ru

12-23
02:02:52

453. Safari 18.2, Firefox без DNT, Baseline 2024, JS-движок Boa, Container Queries на Netflix

Ведущие: Алексей Симоненко, Андрей Мелихов, Никита ДубкоТемы00:00:00 Интро00:01:23 Новинки Safari 18.200:34:08 Firefox без DNT00:43:22 Baseline 202401:06:34 Релиз JS-движка Boa01:13:10 Container Queries на Netflix01:22:35 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиНовинки Safari 18.2• WebKit Features in Safari 18.2Firefox без DNT• How do I turn on the Do Not Track feature?Baseline 2024• Baseline 2024: more tools to help web developers• Dynamic-range media query• Prefers-contrast media query• Exception handling (WebAssembly)• RUM InsightsРелиз JS-движка Boa• Boa release v0.20Container Queries на Netflix• Unlocking the power of CSS container queries: lessons from the Netflix teamОтветы на вопросы• Storing times for human events• Managing Timezones in JavaScript Appspodcast@web-standards.ru

12-16
01:26:56

452. Новинки CSS 2024, require ES-модулей, TypeScript 5.7, слоистая спекуляция, усталость от React

Ведущие: Никита Дубко, Андрей МелиховТемы00:00:00 Интро00:01:07 Новинки CSS 202400:33:51 Require ES-модулей00:48:44 TypeScript 5.701:02:31 Слоистая спекуляция01:17:55 Усталость от ReactПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиНовинки CSS 2024• CSS Wrapped 2024Require ES-модулей• Node v22.12.0 (LTS)TypeScript 5.7• Announcing TypeScript 5.7Слоистая спекуляция• A layered approach to speculation rulesУсталость от React• Why I forever ditched React for Go, HTMX, TemplОтветы на вопросыpodcast@web-standards.ru

12-09
01:28:30

451. Адвент-календари, Firefox, сложности Interop, новые фичи, Zed, как отобрать JavaScript у Oracle

Ведущие: Вадим Макеев, Алексей СимоненкоТемы00:00:00 Интро00:01:15 Адвент-календари00:04:44 Firefox 132 и 13300:34:05 Сложности Interop00:55:04 Когда радоваться новым фичам01:11:14 Zed и внешние контексты01:27:55 Отобрать JavaScript у OracleПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиАдвент-календари• Advent of TypeScript• Advent of Code• HTMHell Advent Calendar• 12 Days of WebFirefox 132 и 133• Firefox 132 for developers• Firefox 133 for developers• The Large, Small, and Dynamic Viewports• Snow-fall Web ComponentСложности Interop• Interop and Hard Problems• Interop 2025 must drop secret vetosКогда радоваться новым фичам• When is the right time to share our excitement about new web features?Zed и внешние контексты• The Context Outside the Code• Chat GPT Code Interpreter and Browser Compat DataОтобрать JavaScript у Oracle• Deno v. Oracle: Canceling the JavaScript TrademarkОтветы на вопросыpodcast@web-standards.ru

12-03
01:37:24

450. Красивые CSS-рамки, кому бы продать Chrome, Web AI summit, AI-помощники в коде, первый LTS Deno

Ведущие: Алексей Симоненко, Полина ГуртоваяТемы00:00:00 Интро00:00:51 Красивые CSS-рамки00:17:47 Кому бы продать Chrome00:31:00 Web AI summit01:02:35 AI-помощники в коде01:29:39 Первый LTS DenoПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиКрасивые CSS-рамки• Creative borders with background-clipКому бы продать Chrome• DOJ says Google must sell Chrome to crack open its search monopolyWeb AI summit• Web AI summitAI-помощники в коде• Does Copilot improve code quality? Here’s what the data says• Does Copilot improve code quality? Here’s how we lie with statisticsПервый LTS Deno• Deno 2.1 first-class Wasm supportОтветы на вопросыpodcast@web-standards.ru

11-25
01:38:00

449. Chrome 131 и DevTools, HDR в EXIF, результаты State of HTML, куки из Web Almanac

Ведущие: Никита Дубко, Алексей СимоненкоТемы00:00:00 Интро00:01:23 Chrome 13100:20:06 Chrome DevTools00:33:12 HDR в EXIF00:49:54 Результаты State of HTML01:27:22 Куки из Web Almanac01:53:28 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиChrome 131• Chrome 131 Release notesChrome DevTools• What’s new in DevTools, Chrome 131HDR в EXIF• Google and Apple are making HDR photos work better• ISO/DIS 21496-1. Gain map metadata for image conversionРезультаты State of HTML• State of HTML 2024Куки из Web Almanac• Web Almanac: CookiesОтветы на вопросыpodcast@web-standards.ru

11-18
01:58:18

448. Safari TP 207, мгновенная навигация, опасный npm, безголовые компоненты, width: stretch

Ведущие: Никита Дубко, Алексей СимоненкоТемы00:00:00 Интро00:01:15 Safari TP 20700:10:01 Мгновенная навигация00:36:03 Опасный npm00:51:28 Безголовые компоненты01:12:41 Width: stretch01:18:45 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиSafari TP 207• Safari Technology Preview 207Мгновенная навигация• How to achieve instant navigations on the webОпасный npm• Hundreds of code libraries posted to NPM try to install malware on dev machines• Typosquat campaign targeting Puppeteer usersБезголовые компоненты• How headless components became the future for building UI librariesWidth: stretch• The stretch keyword: a better alternative to width: 100% in CSS?Ответы на вопросыpodcast@web-standards.ru

11-11
01:27:15
следующий выпуск должен быть про pug. препроцессор html

Магомед Азизов

следующий выпуск должен быть про pug. препроцессор html

01-11 Reply
А где новые эпизоды на google podcast? С 4 января не обновляется

Hammaren26

А где новые эпизоды на google podcast? С 4 января не обновляется

02-02 Reply
Скажите, пожалуйста, что вы не остались на России и не спонсируете налогами снаряды, которыми убивают детей в Украине. Тогда можно слушать ваши подкасты с чистой совестью.

Roman Ilienko

Скажите, пожалуйста, что вы не остались на России и не спонсируете налогами снаряды, которыми убивают детей в Украине. Тогда можно слушать ваши подкасты с чистой совестью.

08-10 Reply
Очень понравилось про алгоритмы и их необходимость.

Gabriel Hit

Очень понравилось про алгоритмы и их необходимость.

05-19 Reply
опечатка в названии

Вадим

опечатка в названии

02-22 Reply

02-27

11-21

11-18

08-25

08-08

07-09

06-28

05-26

03-26

02-18

02-04

01-04

10-24

05-29

05-29

Recommend Channels