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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:14 Короче
00:01:57 Safari 18.1 и 18.2
00:14:20 Опять masonry
00:29:06 Svelte 5
00:39:18 Next.js 15
00:52:14 Тулинг на чужих языках
01:11:52 Новинки редактора Zed
01:21:18 GitHub Universe

Короче

• LTS Node.js 22
• State of React
• New CSS logo?

Safari 18.1 и 18.2

• WebKit Features in Safari 18.1
• Safari 18.2 Beta

Опять masonry

• CSS Grid vs Masonry
• Masonry syntax

Svelte 5

• Svelte 5 is alive

Next.js 15

• Next.js 15

Тулинг на чужих языках

• Why I’m skeptical of rewriting JS tools in “faster” languages

Новинки редактора Zed

• SSH Remoting is Here

GitHub Universe

• Bringing developer choice to Copilot
• JavaScript not top-1 anymore

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:15 Chrome DevTools 130
00:17:56 Прогресс на CSS
00:25:44 Словари сжатия
00:41:03 CSS-пластилин
00:50:04 Blockquote правильно
01:05:35 Ответы на вопросы

Chrome DevTools 130

• What’s new in Chrome DevTools 130

Прогресс на CSS

• How to Create Filling CSS Loaders Using One Element
• CSS Loaders

Словари сжатия

• An Introduction to Shared Compression Dictionaries

CSS-пластилин

• Drawing with CSS: Clay Character

Blockquote правильно

• I’ve Been Doing Blockquotes Wrong
• The blockquote element
• Blockquotes in Screen Readers

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:08 Результаты State of CSS
00:25:17 Флексы на лице
00:27:40 Chrome 130
00:41:37 Node.js 22 и 23
01:00:31 JS0 и JSSugar
01:26:03 Гиперреализм

Смотрите нас

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

Результаты State of CSS

• State of CSS 2024

Флексы на лице

• CSS Comics: Justify-content

Chrome 130

• Chrome 130
• Intent to Ship: Improvements to styling of details and summary
• Improvements to details styling, phase 1

Node.js 22 и 23

• LTS — Node v22.10
• Current — Node v23
• In the future using top-level await might because a backwards compatibility break in Node

JS0 и JSSugar

• Language Evolution

Гиперреализм

• Гиперреалистичные контролы
• Ana Tudor on CodePen
• CSS Articles by Temani Afif
• Jhey on CodePen

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:15 Safari TP
00:10:28 Стилизуемый select
00:30:12 Кейс для Style Queries
00:43:24 Маркетинг Deno
01:03:17 Переобувание Figma
01:13:26 Свежие CSS-демки
01:19:30 Совместимость скринридеров
01:27:04 Перфоманс CSS-селекторов
01:36:07 Ответы на вопросы

Safari TP

• Safari Technology Preview 205

Стилизуемый select

• The new stylable select element
• Open UI: Customizable Select Element
• Customizable Select

Кейс для Style Queries

• Getting Started with Style Queries

Маркетинг Deno

• Announcing Deno 2

Переобувание Figma

• Our Approach to Designing UI3
• UI3 Is Now Available For Everyone

Свежие CSS-демки

• A swinging robot
• A bouncing robot
• Pogo stick
• Character Modeling in CSS
• CSS Music Video

Совместимость скринридеров

• JAWS (only) NO MORE

Перфоманс CSS-селекторов

• I wasted a day on CSS selector performance

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Гости: Алексей Назаренко

Темы

00:00:00 Интро
00:02:40 Safari TP
00:12:58 Firefox 131
00:29:19 CrUX History API
00:34:06 Веб-компоненты и фреймворки
01:06:14 Что такое веб-компоненты
01:21:19 Веб-компоненты в рантайме
01:32:30 Зачем нужны веб-компоненты

Алексей Назаренко

• Divelopers, канал про разработку в Телеграме

Safari TP

• Safari Technology Preview 204

Firefox 131

• Firefox 131 for developers
• Supercharging CSS variables debugging

CrUX History API

• CrUX History API
• CrUX Vis

Веб-компоненты и фреймворки

• Web Components are not the future
• Web Components are not the future — they’re the present
• Web components are okay
• Web Components are not framework components — and that’s okay

Что такое веб-компоненты

• 2023 State of Web Components: today’s standards and a glimpse into the future
• Introduction to Web Components

Веб-компоненты в рантайме

• Two-up web component
• Table-saw web component

Зачем нужны веб-компоненты

• Web Component CG
• Web Components Demystified online course
• Frontend Masters: Learn to Create Web Components

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:23 Выбираем CSS masonry
00:27:34 Подробности про Express 5.0
00:42:20 Speed Brain от CloudFlare
01:00:14 Новый дэшборд BCD Watch
01:07:44 Очень сложный блог

Выбираем CSS masonry

• Feedback needed: How should we define CSS masonry?

Подробности про Express 5.0

• What’s New in Express.js 5.0

Speed Brain от CloudFlare

• Introducing Speed Brain: helping web pages load 45% faster

Новый дэшборд BCD Watch

• Announcing BCD Watch
• What is Baseline?

Очень сложный блог

• How I Built My Blog

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:38 Дырявый Arc
00:14:50 Chrome 129
00:24:40 Safari 18
01:07:59 Новости Baseline
01:18:22 Deno 2.0 RC
01:33:59 Ответы на вопросы

Смотрите нас

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

Дырявый Arc

• Arc: Incident Report
• Gaining access to anyone’s browser

Chrome 129

• Chrome 129
• Chrome 130 beta

Safari 18

• Safari 18.0
• Safari 18.1 beta

Новости Baseline

• Baseline landing
• Baseline-status web component
• Web platform release notes
• Release notes RSS

Deno 2.0 RC

• Deno 2.0 Release Candidate
• Deno 2 Arrives With Long-Term Support, npm Compatibility

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:22 State of HTML
00:04:39 Safari TP 203
00:20:12 iPadOS 18 в Европе
00:29:57 FID уходит
00:36:58 Стилизуемый селект
00:50:24 CSS Values and Units L5
01:16:30 Stage 2.7 в ES
01:28:44 Interest Invokers
01:38:32 Express 5.0
01:56:46 Самый быстрый SSR
02:09:47 Ответы на вопросы

State of HTML

• State of HTML 2024

Safari TP 203

• Release Notes for Safari TP 203

iPadOS 18 в Европе

• Baby steps are also steps
• Update on iPadOS 18 apps distributed in the European Union

FID уходит

• Chrome ends support for First Input Delay

Стилизуемый селект

• Request for developer feedback: customizable select

CSS Values and Units L5

• Introducing CSS Values and Units Level 5
• CSS Values and Units Module Level 5

Stage 2.7 в ES

• Inside ECMAScript: JavaScript Standard Gets an Extra Stage

Interest Invokers

• Interest Invokers (Explainer)

Express 5.0

• Express 5.0
• Express Forward
• ReDoS the web

Самый быстрый SSR

• An SSR Performance Showdown
• Wow you must be using Bun!

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

• Zen

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:15 Firefox 130
00:19:25 Безопасный JPEG XL
00:32:38 Бета Chrome 129
00:46:30 С Google Fonts или без
01:04:12 Темы и схемы
01:23:52 Как убрать SVG из JS
01:50:23 Ответы на вопросы

Firefox 130

• Firefox 130 for developers
• Contributions to Gecko: registered custom props
• Contributions to Gecko: content-visibility
• Contributions to Gecko: fetchpriority
• Intent to prototype: Blocking third-party cookies
• Third Party Cookies Must Be Removed
• Cookies Having Independent Partitioned State (CHIPS)

Безопасный JPEG XL

• JPEG XL in Firefox
• Jpegli

Бета Chrome 129

• Chrome 129 beta

С Google Fonts или без

• Google-fonts-testing
• Suggestion: Stable Font File URLs

Темы и схемы

• Querying the Color Scheme

Как убрать SVG из JS

• Introducing @svg-use

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

• Re-evaluating px vs em in Media Queries

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:15 Новинки Safari TP 202
00:26:17 Доступность в интеропе
00:42:10 Атрибут autocorrect
00:53:44 Чего не хватает в CSS
01:32:58 Что нужно RSS

Новинки Safari TP 202

• Safari TP 202

Доступность в интеропе

• Interop 2024: Chrome at 100% for the accessibility

Атрибут autocorrect

• Define the autocorrect attribute as standard
• Add the autocorrect attribute
• HTML: Autocorrection
• WebKit: Correct autocorrect attribute

Чего не хватает в CSS

• What missing from CSS
• Monitor JS custom props
• Resize observer for container queries

Что нужно RSS

• What RSS needs
• JSON Feed

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

[email protected]

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

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