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

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Алексей Симоненко, Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:01:38 Chrome 126
00:20:51 Элемент permission
00:37:23 Firefox 127
00:56:52 Бета Safari 18
01:26:13 CSS-эксплейнеры
01:41:46 Node.js 22

Смотрите нас

• Лайв на Ютубе

Chrome 126

• New in Chrome 126
• Mozilla: View Transitions API
• SVGs via use w/o xmlns don’t render in M126

Элемент permission

• An origin trial for a new HTML permission element
• Page Embedded Permission Control
• Firefox Origin Trials

Firefox 127

• Firefox 127 for developers
• Enable CHIPS in Nightly
• Cookies Having Independent Partitioned State (CHIPS)

Бета Safari 18

• News from WWDC24: WebKit in Safari 18 beta
• Videos: Safari & Web
• Build immersive web experiences with WebXR
• Wolvic
• Optimize for the spatial web
• What’s new in CSS
• Safari 18 Beta Release Notes
• I collected compat data for Safari 18 beta and updated BCD

CSS-эксплейнеры

• Mesh gradients in CSS
• CSS Gap Decorations Level 1

Node.js 22

• Node v22.3.0
• Mocking
• Snapshot testing

Ответы на вопросы

[email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Андрей Мелихов, Полина Гуртовая, Вадим Макеев

Темы

00:00:00 Интро
00:01:07 Нативная карусель
00:16:43 WebAssembly JSPI
00:28:39 Стили popover/dialog
00:43:05 Просто htmx
01:04:17 Gap и cap в CSS
01:16:53 Ответы на вопросы

Нативная карусель

• Carousel explainer
• ARIA Authoring Practices Guide

WebAssembly JSPI

• WebAssembly JSPI has a new API

Стили popover/dialog

• Resetting default popover styles
• Resetting default dialog styles

Просто htmx

• htmx: Simplicity in an Age of Complicated Solutions
• JS Party. htmx: a new old way to build the web
• Modern client-side routing: the Navigation API

Gap и cap в CSS

• The Gap
• Cap Unit

Ответы на вопросы

• Nuxt Delay Hydration

[email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:01:54 Font-smoothing в Firefox
00:09:49 Firefox внедряет @property
00:22:22 LLM для альтов в Firefox
00:35:30 Стилизация details
00:41:56 Edge без React
00:53:53 HTML для разработчиков
00:59:15 SVG-заброшка
01:19:24 Миграция на ESLint 9

Font-smoothing в Firefox

• Gecko: Intent to prototype and ship: -webkit-font-smoothing property

Firefox внедряет @property

• Gecko. Intent to ship: CSS @property / properties-and-values API
• Explainer: calc-size() function
• Let css-properties-values-api ride the trains
• Firefox Trains

LLM для альтов в Firefox

• Experimenting with local alt text generation in Firefox Nightly

Стилизация details

• CSS Pseudo-Elements L4: details-content

Edge без React

• An even faster Microsoft Edge

HTML для разработчиков

• HTML: Edition for Web Developers

SVG-заброшка

• Browsers prioritize what to implement based on dev demand, except for SVG
• Update on the Layer Based SVG Engine (LBSE) in WebKit
• SVG sprites stacks technique stopped working in Chrome 126
• SVG sprites: old-school, modern, unknown, and forgotten

Миграция на ESLint 9

• Introducing the ESLint Configuration Migrator

Ответы на вопросы

[email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Андрей Мелихов, Вадим Макеев, Полина Гуртовая

Темы

00:00:00 Интро
00:01:23 Бета Chrome 126
00:13:27 Google A/I
00:45:00 Web Platform Dashboard
00:59:35 Новинки фреймворков
01:08:43 SolidStart
01:18:11 Ответы на вопросы

Бета Chrome 126

• Chrome 126 beta
• Mutation events will be removed from Chrome

Google A/I

• YouTube: Web at Google I/O 2024
• 10 updates from Google I/O 2024: Unlocking the power of AI for every web developer
• Web Neural Network API
• WebAssembly and WebGPU, part 1
• WebAssembly and WebGPU, part 2
• Built-in AI

Web Platform Dashboard

• Announcing the Web Platform Dashboard
• Web Platform Status
• Establishing transparency and fairness guidelines for feature visibility

Новинки фреймворков

• What’s new in JavaScript Frameworks (May 2024)

SolidStart

• SolidStart 1.0: The Shape of Frameworks to Come
• Moving from RSC to SolidStart

Ответы на вопросы

• Codeium

[email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Юля Миоцен, Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Никита Дубко

Темы

00:00:00 Интро
00:01:08 State of HTML 2023
00:35:18 Chrome 125
00:41:34 Chrome DevTools
00:53:20 Firefox 126
01:06:55 Safari 17.5
01:13:50 React и Remix
01:26:47 Про дизайн

State of HTML 2023

• State of HTML 2023
• Исходник футболки State of HTML
• Web Components Demystified

Chrome 125

• New in Chrome 125

Chrome DevTools

• What’s new in DevTools, Chrome 125
• Understand errors and warnings better with Gemini

Firefox 126

• Firefox 126 for developers

Safari 17.5

• WebKit Features in Safari 17.5

React и Remix

• Merging Remix and React Router
• React Compiler

Про дизайн

• Figma 101
• How to hold your phone when tapping

Ответы на вопросы

[email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Полина Гуртовая, Вадим Макеев, Алексей Симоненко, Андрей Мелихов

Темы

00:00:00 Интро
00:02:56 CSS для поиска по странице
00:10:58 Safari TP
00:19:37 Scroll-Driven Animations
00:31:37 Современные CSS-фигуры
00:39:31 Серверные компоненты и CSS
00:55:33 Всё новое в цветах
00:59:26 Wasm vs. Docker
01:09:21 Wasm для VS Code

Смотрите нас

• Лайв на Ютубе

CSS для поиска по странице

• Intent to Prototype: Find-in-page highlight pseudos
• ::search-text is coming soon thanks to my colleagues at Igalia
• Intent to Ship: Stop modifying author-defined selection colors

Safari TP

• Release Notes for Safari Technology Preview 194

Scroll-Driven Animations

• Unleash the power of Scroll-Driven Animations
• Firefox: Intent to prototype: CSS Anchor Positioning

Современные CSS-фигуры

• The Modern Guide For Making CSS Shapes

Серверные компоненты и CSS

• CSS in React Server Components

Всё новое в цветах

• CSS Color Modules and Changes, Part I
• OKLCH в CSS: почему мы ушли от RGB и HSL

Wasm vs. Docker

• Wasm vs. Docker: Performant, Secure, and Versatile Containers
• Using WebAssembly for Extension Development

Wasm для VS Code

• An update on plugin security

Ответы на вопросы

[email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Алексей Симоненко, Полина Гуртовая, Никита Дубко

Темы

00:00:00 Интро
00:01:46 PWA с табами
00:06:48 Гугл и куки
00:16:38 Выборы Masonry
00:39:49 Arc на Windows
00:42:06 iPad тоже виноват
00:46:41 Новости Deno
00:53:18 Copilot Workspace
01:23:53 Local-first
01:40:02 Ответы на вопросы

PWA с табами

• Blink Intent to Ship: Tabbed web apps

Гугл и куки

• Update on the plan for phase-out of third-party cookies on Chrome
• Investigation into Google’s ‘Privacy Sandbox’ browser changes

Выборы Masonry

• Help us invent CSS Grid Level 3, aka “Masonry” layout
• An alternative proposal for CSS masonry
• For me, it’s a masonry layout isn’t a grid
• Moving Masonry to its own display type would be our recommended path forward

Arc на Windows

• Arc on Windows is finally here

iPad тоже виноват

• EU: We designated Apple’s iPadOS as a gatekeeper under the DMA
• Commission designates Apple’s iPadOS under the Digital Markets Act

Новости Deno

• Deno puppeteer
• Performance improvement for language server

Copilot Workspace

• GitHub Copilot Workspace: Welcome to the Copilot-native developer environment
• Copilot Workspace

Local-first

• Cool frontend arts of local-first: storage, sync, conflicts

Ответы на вопросы

[email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко, Юля Миоцен

Темы

00:00:00 Интро
00:02:09 Google I/O и Config
00:09:32 Translation API
00:19:57 Новости Figma
00:30:01 Invokers
00:47:31 Длинные альты
00:56:48 Атрибуты и свойства
01:06:37 Бета React 19
01:23:59 Ответы на вопросы

Google I/O и Config

• Web at Google I/O, May 14
• Config 2024 lineup

Translation API

• Blink: Web Translation API

Новости Figma

• What We Launched at Framework 2024
• The Right Code for Your Design System

Invokers

• Invoking elements by using only HTML: A first look at invokers

Длинные альты

• Long Alt
• Адовый UX

Атрибуты и свойства

• HTML attributes vs DOM properties
• Putting React In The Browser

Бета React 19

• React 19 Beta
• React 19 Beta Upgrade Guide

Ответы на вопросы

• wpt/margin-padding-clear
• w3c/csswg-drafts

[email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Вадим Макеев, Полина Гуртовая, Андрей Мелихов, Алексей Симоненко

Темы

00:00:00 Интро
00:01:31 Naked CSS/JS Day
00:06:55 Firefox 125
00:18:16 Chrome 124
00:31:24 Chrome Beta 125
00:36:52 Edge Dashboard
00:49:17 Редактор Zed
01:01:33 Локальная Llama
01:08:23 JSON с комментами
01:16:20 Будущее Node.js
01:37:23 Новинки Node.js 22

Naked CSS/JS Day

• JS Naked Day
• CSS Naked Day

Firefox 125

• Firefox 125 for developers
• No close of popover with click/touch on backdrop in mobile Safari
• On popover accessibility: what the browser does and doesn’t do
• Positioning anchored popovers
• Semantics and the popover attribute: what to use when?

Chrome 124

• New in Chrome 124
• BCD: Add WebSocketStream

Chrome Beta 125

• Chrome 125 beta

Edge Dashboard

• Introducing the Edge 2024 web platform top developer needs dashboard
• 2024 web platform top developer needs

Редактор Zed

• From Vim to Zed
• Roadmap Zed
• Extensible Language Support in Zed
• Zed/extensions: language

Локальная Llama

• Llama 3 as a Copilot in VSCode

JSON с комментами

• Bun won’t error when package.json has comments or trailing commas
• Pkg-types now supports package.json with jsonc

Будущее Node.js

• Trip report: Node.js collaboration summit
• Nodejs/next-10
• Npm-esm-vs-cjs

Новинки Node.js 22

• Node.js 22
• Support requireing synchronous ESM graphs
• Move deprecated utils to runtime deprecation

Ответы на вопросы

[email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Boosty
• Patreon

Ведущие: Вадим Макеев, Алексей Симоненко, Полина Гуртовая, Никита Дубко, Юля Миоцен

Темы

00:00:00 Интро
00:05:00 Как DMA помог браузерам
00:13:26 Safari TP 192
00:21:46 Уровни заголовков
00:39:38 Select на стероидах
00:45:40 Переключатель темы в браузере
00:59:11 JS в PDF
01:05:13 Svelte узнал HTML
01:14:31 Песочница в V8
01:21:39 CSS-миксины на слоях
01:33:26 Figma развлекается

Ишью для подкаста

Как DMA помог браузерам

• Exclusive: EU’s new tech laws are working; small browsers gain market share
• Aloha

Safari TP 192

• Release Notes for Safari Technology Preview 192

Уровни заголовков

• Intent to Prototype: headingstart attribute
• Consider adding a headinglevelstart attribute

Select на стероидах

• We were planning to ship selectlist, now we’re reusing the select
• Stylable Select Element

Переключатель темы в браузере

• What if you had real control over Light Mode / Dark Mode on a per-site basis?
• Browser Security Bugs that Aren’t: JavaScript in PDF – text/plain

JS в PDF

• PDF.js

Svelte узнал HTML

• Svelte parses HTML all wrong
• Jumping HTML tags. Another reason to validate your markup

Песочница в V8

• The V8 Sandbox

CSS-миксины на слоях

• Layered Toggles: Optional CSS Mixins
• Mixins three ways

Figma развлекается

• Flippy Bird
• Surf the web like it’s 1999
• Framework by Figma

Ответы на вопросы

[email protected]

Читайте новости

• Telegram
• X
• VK
• Facebook
• Mastodon
• Bluesky
• LinkedIn