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

Ведущие: Андрей Мелихов, Юлия Миоцен, Вадим МакеевТемы00:00:00 Интро00:00:52 Эксперименты React00:07:56 Шрифты IKEA00:26:36 CSS-карусели00:35:54 10 лет SolidJS00:49:52 Как купить Chrome01:05:57 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиЭксперименты React• React Labs: View Transitions, Activity, and moreШрифты IKEA• IKEA’s web fonts• Node.js adapter of Python font tools via PyodideCSS-карусели• CSS Carousels• Carousel Gallery• ex-Googler10 лет SolidJS• A Decade of SolidJSКак купить Chrome• Break Google’s Search Monopoly without Breaking the Web• Perplexity wants to buy Chrome if Google has to sell it• OpenAI wants to buy Chrome and make it an “AI-first” experience• Yahoo wants to buy ChromeОтветы на вопросы• Module-Level Export Visibility: 'use internal' Directive or export internal [email protected]

Ведущие: Полина Гуртовая, Вадим Макеев, Андрей МелиховТемы00:00:00 Интро00:01:15 State of Devs00:03:45 Новости TC3900:32:34 Небесячий логин00:43:06 Z-index и бесконечность00:51:43 Biome и HTML00:58:29 Git 20 летПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиState of Devs• Launching the first ever State of Devs survey• State of AI 2025Новости TC39• This week, at TC39 107th meeting• Records and Tuples Proposal Has Been WithdrawnНебесячий логин• Building multi-step login forms that work well with password managersZ-index и бесконечность• Never lose a z-index battle again Manuel Matuzović• Meet the top layer: a solution to z-index:10000• MDN: Top layerBiome и HTML• Added support for formatting .html files• Add option to control void elements• Self-closing tags do not exist in HTML• Add an option to prefer void tags• Prettier-plugin-void-htmlGit 20 лет• Git turns 20• Viewing and understanding filesОтветы на вопросы[email protected]

Ведущие: Вадим Макеев, Алексей Симоненко, Никита Дубко, Андрей МелиховТемы00:00:00 Интро00:01:23 Новости платформы00:09:13 Опасный :visited00:23:03 Красивый text-wrap00:45:19 TypeSpec00:55:39 Логические свойства01:12:03 Express 5.101:22:38 Новый ресет UA+01:41:31 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиНовости платформы• Introduction of browser namespace for Chromium Extension APIs• Documentation Community GroupОпасный :visited• Making :visited more privateКрасивый text-wrap• Better typography with text-wrap pretty• Apple’s Worldwide Developers Conference returns the week of June 9• Linotype machineTypeSpec• TypeSpec 1.0-RC: Design Faster Today, Scale Easier TomorrowЛогические свойства• Support logical shorthands in CSS• How do we move logical shorthands forward?• CSS Logical Shorthands on OpenCollectiveExpress 5.1• [email protected]: Now the default on npm with LTS Timeline• Grunt Never-Ending SupportНовый ресет UA+• UA+• Tweaking text level styles, reprisedОтветы на вопросы• Flowing grid items [email protected]

Ведущие: Вадим Макеев, Алексей Симоненко, Полина Гуртовая, Никита ДубкоТемы00:00:00 Интро00:01:07 Firefox 13700:09:17 Chrome 13500:41:15 Safari 18.401:22:56 V8 и Sea of Nodes01:34:38 Item-flow вместо Masonry02:00:10 Ответы на вопросыПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиFirefox 137• Firefox 137Chrome 135• Chrome 135• Modal dialog without a single line of JS• HSTS tracking prevention• MDN HTTP Observatory• MDN: Customizable select elementsSafari 18.4• Safari 18.4• Meet Declarative Web Push• Push API• Safari 18.4 Release NotesV8 и Sea of Nodes• Land ahoy: leaving the Sea of NodesItem-flow вместо Masonry• Item Flow, Part 1: A unified concept for layout• The future of CSS layouts: a unified approachОтветы на вопросы[email protected]

Ведущие: Вадим Макеев, Алексей Симоненко, Ольга АлексашенкоТемы00:00:00 Интро00:02:01 Chrome 4800:08:42 Firefox 4400:19:11 PhantomJS 2.100:26:44 Переменные в Sass00:39:22 PostCSS для Sass00:49:01 Минимальные шрифты00:56:19 Gulp и SVG-спрайты01:03:57 Генератор picture01:11:26 Что мешает HTTPS01:18:11 WTF, HTML и CSS?01:24:56 Коты и фреймворкиПоддержите насПростой способ сказать «спасибо» и попасть в закрытый чат.• Патреон• БустиChrome 48• Chrome 48• Chrome 48 BetaFirefox 44• Firefox 44• Firefox 44 for developersPhantomJS 2.1• PhantomJS 2.1Переменные в Sass• Переменные как основа архитектуры CSS при работе с препроцессорамиPostCSS для Sass• Extending Sass with PostCSSМинимальные шрифты• Минимально необходимые шрифтыGulp и SVG-спрайты• A Gulp-Based External SVG Symbol Sprite Icon System• A boilerplate for building a custom iconsГенератор picture• Responsive Image Breakpoints GeneratorЧто мешает HTTPS• Почему до сих пор повсеместно не используется HTTPS?WTF, HTML и CSS?• WTF, HTML & CSS?Коты и фреймворки• Which cat is your JavaScript framework?Ответы на вопросы[email protected]

Ведущие: Юлия Миоцен, Никита Дубко, Алексей Симоненко, Вадим МакеевТемы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Ответы на вопросы• Псевдоприватные кастомные свойства[email protected]

Ведущие: Вадим Макеев, Андрей Мелихов, Алексей СимоненкоТемы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 [email protected]

Ведущие: Андрей Мелихов, Никита Дубко, Вадим Макеев, Алексей СимоненкоТемы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Ответы на вопросы[email protected]

Ведущие: Вадим Макеев, Никита Дубко, Андрей Мелихов, Полина ГуртоваяТемы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Ответы на вопросы[email protected]

Ведущие: Андрей Мелихов, Вадим МакеевТемы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Ответы на вопросы[email protected]