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

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

Темы

00:00:00 Интро
00:01:15 Safari TP 207
00:10:01 Мгновенная навигация
00:36:03 Опасный npm
00:51:28 Безголовые компоненты
01:12:41 Width: stretch
01: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 libraries

Width: stretch

• The stretch keyword: a better alternative to width: 100% in CSS?

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

[email protected]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

00:00:00 Интро
00:01:53 State of CSS 2024
00:05:03 Новинки Chrome 128
00:18:21 DevTools в Chrome
00:29:04 Выбор браузеров на iOS
00:40:39 Тёмные темы и компоненты
00:56:11 Corepack уходит из Node.js
01:07:49 JPEG XL в iPhone 16
01:19:32 Прозрачность в видео
01:31:58 Ответы на вопросы

Поддержите нас

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

• Патреон
• Бусти

State of CSS 2024

• State of CSS 2024

Новинки Chrome 128

• Chrome 128
• Web Share API

DevTools в Chrome

• What’s new in DevTools

Выбор браузеров на iOS

• New Changes to the Browser Choice Screen and Default Apps on iOS in the EU

Тёмные темы и компоненты

• Page and Component Adaptive Light/Dark
• Прототип тёмной темы

Corepack уходит из Node.js

• Node.js Takes Steps Towards Removing Corepack

JPEG XL в iPhone 16

• iPhone 16 could let you shoot in JPEG-XL for 3x smaller files

Прозрачность в видео

• Video with alpha transparency on the web

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

• Chrome 127
• Keyboard-focusable scroll containers
• Ship KeyboardFocusableScrollers or disable it by default

[email protected]

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

Темы

00:00:00 Интро
00:01:31 Safari TP 201
00:05:40 Работа над View Transitions
00:09:04 AI в Chrome
00:22:16 Resource Override
00:35:05 Зачем blocking=render
00:57:10 Веб умирает
01:20:28 Шрифт с подсветкой кода
01:33:35 Ответы на вопросы

Поддержите нас

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

• Патреон
• Бусти

Safari TP 201

• Safari Technology Preview 201

Работа над View Transitions

• Intent to prototype: View Transitions Module Level 1
• WebKit about to express support for cross-document View Transitions

AI в Chrome

• A Quick Look at AI in Chrome

Resource Override

• Browser Extension Resource Override

Зачем blocking=render

• Blocking=render: Why would you do that

Веб умирает

• The Dying Web

Шрифт с подсветкой кода

• Font with Built-In Syntax Highlighting

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

[email protected]

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

Темы

00:00:00 Интро
00:01:15 Избавились от Gulp
00:03:19 Firefox 129 и WebDriver BiDi
00:29:02 Бета Chrome 128
00:49:19 Dynamic import maps
01:04:17 Какой JS-рантайм быстрее
01:16:34 Нативный Chrome на iOS
01:24:40 Ванильный дауншифтинг

Поддержите нас

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

• Патреон
• Бусти

Избавились от Gulp

• Удалили gulp из сборки

Firefox 129 и WebDriver BiDi

• Firefox 129 for developers
• Deprecating CDP Support in Firefox
• Announcing Official Puppeteer Support for Firefox
• WebDriver BiDi production-ready in Firefox, Chrome and Puppeteer
• Playwright with Webdriver BiDi protocol

Бета Chrome 128

• Chrome 128 beta
• Now in Baseline: animating entry effects
• Update CSS backdrop-filter to use mirror edgeMode

Dynamic import maps

• Intent to Prototype: Dynamic import maps
• Shipping support for module script integrity in Chrome & Safari

Какой JS-рантайм быстрее

• Benchmarking AWS Lambda Cold Starts Across JavaScript Runtimes
• Bun v1.1.22
• Who is the fastest? Node.js, Bun, or Deno

Нативный Chrome на iOS

• Chrome iOS Browser on Blink

Ванильный дауншифтинг

• Plain Vanilla

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

[email protected]

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

Темы

00:00:00 Интро
00:01:46 Safari 17.6 и TP
00:06:33 Astro Server Islands
00:15:55 Бета TypeScript 5.6
00:29:23 Фикс для CSS-нестинга
00:41:21 Атрибут handwriting
00:45:17 Google индексирует SPA
01:06:59 Deno был неправ
01:19:29 Как выйти из веба

Поддержите нас

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

• Патреон
• Бусти

Safari 17.6 и TP

• Safari 17.6
• Safari Technology Preview 200

Astro Server Islands

• Astro 4.12: Server Islands

Бета TypeScript 5.6

• Announcing TypeScript 5.6 Beta

Фикс для CSS-нестинга

• Intent to Ship: The Nested Declarations Rule

Атрибут handwriting

• Intent to Prototype: HTML handwriting attribute

Google индексирует SPA

• How Google handles JavaScript throughout the indexing process

Deno был неправ

• What we got wrong about HTTP imports

Как выйти из веба

• Leaving the web industry

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

[email protected]

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

Темы

00:00:00 Интро
00:01:38 Chrome 127 и DevTools
00:20:53 Reading-flow
00:34:16 Google не отдаст куки
00:49:20 Invoker Commands
01:00:38 Слёт TC39
01:14:20 TypeScript в Node.js
01:28:52 Zed стал норм
01:33:01 Ответы на вопросы

Поддержите нас

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

• Патреон
• Бусти

Chrome 127 и DevTools

• Chrome 127
• Let me explain to you how it works in 4 minutes
• CSS font-size-adjust is now in Baseline
• New in Chrome 127
• What’s new in DevTools, Chrome 127

Reading-flow

• Request for developer feedback on reading-flow and elements with display: contents

Google не отдаст куки

• Google is keeping cookies in Chrome after all
• A new path for Privacy Sandbox on the web
• Results from Privacy Sandbox APIs testing
• Third party cookies must be removed

Invoker Commands

• An update on invokers: Invoker commands in HTML

Слёт TC39

• Summary of the June 2024 TC39 plenary in Helsinki
• The Future of Source Maps

TypeScript в Node.js

• Add --experimental-strip-types
• Fix the bug caused by fast api changes in v22.5.0

Zed стал норм

• Remoting Development in Zen for everyone
• Remote Development

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

• Dialogs and popovers seem similar. How are they different?

[email protected]

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

Темы

00:00:00 Интро
00:02:17 Доклады и лайвы
00:08:22 Такой приватный Safari
00:45:37 Анимация height: auto
00:55:00 Копирование SVG
01:00:20 Ускорение Notion
01:16:03 Node.js 22
01:23:46 Инкрементальные шрифты
01:44:28 State of React 2023
01:55:32 Ответы на вопросы

Поддержите нас

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

• Патреон
• Бусти

Доклады и лайвы

• CSS Day 2024
• Character Modeling in CSS
• Лайв Доки: Решаем задачи на CSS
• Лайв Вадима и Юли: Птички на CSS

Такой приватный Safari

• Safari Technology Preview 199
• Private Browsing 2.0
• Mozilla: Topics API — negative
• Mozilla Specification Positions

Анимация height: auto

• Intent to Ship: CSS interpolate-size property and calc-size() function
• CSS can FINALLY animate height: auto!
• Intrinsic Sizing In CSS

Копирование SVG

• Seamless SVG copy-paste on the web
• Firefox: Implemented the SVG clipboard reader and writer

Ускорение Notion

• Notion browser speedup
• A future for SQL on the web

Node.js 22

• It's now possible to try out node:sqlite in the latest Node.js
• Node v22.5.0

Инкрементальные шрифты

• Incremental Font Transfer
• IFT/IFT-Explainer.md
• We are interested in feedback if some parts are unclear

State of React 2023

• State of React
• Zustand

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

• Glyphhanger
• Шрифты в блоге Вадима
• Fontsource

[email protected]

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

Темы

00:00:00 Интро
00:01:50 Firefox 128
00:25:53 Особенный доступ Chromium
00:45:03 Как дела у Interop 2024
01:05:23 Редактор Zed на Linux
01:14:19 Непонятки View Transition
01:37:59 Усталость от GitHub
01:52:50 Ответы на вопросы

Поддержите нас

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

• Патреон
• Бусти

Firefox 128

• Firefox 128 for developers
• Privacy-Preserving Attribution

Особенный доступ Chromium

• It turns out Google Chrome includes a default extension
• Google Meet extension in Vivaldi
• Compute Pressure Level 1
• Web.Dev: Compute Pressure API
• Firefox website permissions

Как дела у Interop 2024

• Interop 2024 mid-year update
• Features missing in just one engine

Редактор Zed на Linux

• Linux when? Linux now

Непонятки View Transition

• Misconceptions about view transitions

Усталость от GitHub

• GitHub is starting to feel like legacy software
• Pierre

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

[email protected]

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

Темы

00:00:00 Интро
00:01:16 Где нас слушать
00:02:42 Safari TP
00:08:06 LoAF в Chrome
00:24:51 Браузер Ladybird
00:45:24 MDN HTTP Observatory
00:58:43 SVG Working Group
01:04:34 Prompt API
01:25:17 Планы ESLint
01:36:19 Хорошие формы

Поддержите нас

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

• Патреон
• Бусти

Где нас слушать

• Deezer
• Amazon Music
• YouTube Music
• Все платформы на сайте

Safari TP

• Safari TP 198

LoAF в Chrome

• LoAF is shipped

Браузер Ladybird

• Ladybird Browser

MDN HTTP Observatory

• MDN HTTP Observatory
• SSL Server Test

SVG Working Group

• Call for Participation: SVG Working Group Charter Approved

Prompt API

• Prompt API explainer

Планы ESLint

• What’s coming next for ESLint

Хорошие формы

• Forget “show, don’t tell”. Engage, don’t show!

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

[email protected]

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

Темы

00:00:00 Интро
00:01:07 Chrome DevTools 126
00:11:12 Фичи ES2024
00:26:22 Редизайн Figma и AI-дизайн
01:38:52 ESM-гармония
01:57:40 Ответы на вопросы

Поддержите нас

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

• Патреон
• Бусти

Chrome DevTools 126

• What’s new in DevTools, Chrome 126

Фичи ES2024

• ECMAScript 2024: What’s new?
• TC39: Deferred Import Evaluation, Error.isError(), RegExp Escaping, Promise.try
• Proposals level up

Редизайн Figma и AI-дизайн

• Config 2024 in review
• Inside the redesigned Figma, where your work takes center stage
• Making Figma work better for freelancers and agencies
• Meet Figma AI: Empowering designers with intelligent tools
• The right code for your design system
• 420-й выпуск
• Stack the deck with Figma Slides
• Config 2024
• Drive design system adoption with Code Connect
• Designing for code: creative tools on hard mode
• How to build for, and with, Gen Z
• Walking the path: prototyping game UI with focus-based navigation

ESM-гармония

• Npm and Node.js should do more to make ES Modules easy to use
• How JS is finally improving the module experience
• 5 ways javascript is improving modules for developers

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

[email protected]

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

Темы

00:00:00 Интро
00:01:23 Видео с Web Engines Hackfest
00:04:51 Бета Chrome 127
00:21:59 Apple обидели в Японии
00:31:30 State of JS 2023
01:13:42 Условия в CSS
01:33:06 TypeScript 5.5

Поддержите нас

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

• Патреон
• Бусти

Видео с Web Engines Hackfest

• The Web Engines Hackfest 2024
• Why Source Maps don’t always work

Бета Chrome 127

• Chrome 127 beta
• Restrict PNA for subresources from public websites to secure contexts
• Private Network Access

Apple обидели в Японии

• Japan ends the AppleBrowserBan

State of JS 2023

• State of JavaScript 2023

Условия в CSS

• Inline conditionals in CSS?
• What is the MVP for inline conditionals on custom properties?
• Inline conditionals in CSS, now?

TypeScript 5.5

• Announcing TypeScript 5.5

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

[email protected]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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]

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

Темы

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

Поддержите нас

• Патреон
• Бусти
• USDT: TDWwqYaDVuXQuoDUxAGc3DtttPaFqLcJ1F
• TON: UQDtdvstR13TCLsiD-L_LGzkehbPQkpuP5UnOybzutwG0HUg

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]

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

Темы

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 развлекается

Поддержите нас

• Патреон
• Бусти
• USDT: TDWwqYaDVuXQuoDUxAGc3DtttPaFqLcJ1F
• TON: UQDtdvstR13TCLsiD-L_LGzkehbPQkpuP5UnOybzutwG0HUg

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

Как 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]

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

Темы

00:00:00 Интро
00:03:27 Бета Safari 17.5
00:12:50 Learn JS
00:16:16 Как помочь CSS
00:30:51 Сигналы в JS
00:48:52 Container Queries
01:05:41 WebAIM Million
01:29:25 HTML-санитайзер
01:35:36 Bun 1.1
01:51:23 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти
• USDT: TDWwqYaDVuXQuoDUxAGc3DtttPaFqLcJ1F
• TON: UQDtdvstR13TCLsiD-L_LGzkehbPQkpuP5UnOybzutwG0HUg

Бета Safari 17.5

• Safari 17.5 Beta Release Notes

Learn JS

• Learn JavaScript
• MDN Curriculum: JS fundamentals

Как помочь CSS

• For the last 4 years, I spent most of my time on CSS specs
• OddBird Open Source
• Getting Started in Standards

Сигналы в JS

• A proposal to add signals to JavaScript

Container Queries

• An Interactive Guide to CSS Container Queries
• MDN: @container

WebAIM Million

• The WebAIM Million
• Инклюзивный ананас

HTML-санитайзер

• The Blessing of the Strings

Bun 1.1

• Bun 1.1
• Elysia 1.0

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

• Baseline’s evolution on MDN

[email protected]

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

Темы

00:00:00 Интро
00:01:54 Safari TP
00:11:15 CSS JIT
00:15:25 Apple Developer на YouTube
00:23:21 AI в FigJam
00:29:36 Бета Chrome 124
00:46:16 Iterator helpers в V8
00:53:49 Новые и старые сетки
01:00:54 View Transitions
01:20:52 Color Mix
01:30:13 Gulp 5

Поддержите нас

• Патреон
• Бусти

Safari TP

• Release Notes for Safari Technology Preview 191
• Implementing Vertical Form Controls

CSS JIT

• Overview of WebKit’s CSS JIT Compiler

Apple Developer на YouTube

• YouTube/@AppleDeveloper
• Safari & Web

AI в FigJam

• FigJam AI Prompts

Бета Chrome 124

• Chrome 124 beta

Iterator helpers в V8

• Iterator helpers, V8
• mdn/browser-compat-data

Новые и старые сетки

• Why UI designers should understand Flexbox and CSS Grid
• Seven year anniversary of CSS Grid
• CSS Grid Layout Module L2
• CSS Grid Layout Module L3

View Transitions

• View Transitions L2 to public Working Draft
• CSS View Transitions Module L1
• CSS View Transitions Module L2

Color Mix

• Creating color palettes with the CSS color-mix() function
• MDN: color-mix()
• PostCSS Color Mix Function

Gulp 5

• Gulp 5.0

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

[email protected]

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

Темы

00:00:00 Интро
00:02:09 Firefox 124
00:13:06 Chrome 123
00:40:13 Chrome DevTools
00:49:20 JSPI в WASM
00:53:11 Config и Hackfest
00:55:26 Доступность Popover
01:10:55 Все JS-рантаймы
01:24:40 Где открывать ссылки
01:40:22 Надёжные автогриды
01:50:33 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Firefox 124

• Firefox 124 for developers

Chrome 123

• New in Chrome 123
• Choosing Between gzip, Brotli and zStandard Compression

Chrome DevTools

• What’s new in DevTools (Chrome 123)

JSPI в WASM

• WebAssembly JSPI is going to origin trial
• WebAssembly JavaScript Promise Integration
• Firefox: Support WebAssembly JSPI

Config и Hackfest

• Config 2024
• Web Engines Hackfest

Доступность Popover

• On popover accessibility: what the browser does and doesn’t do

Все JS-рантаймы

• Runtime compatibility
• WinterJS 1.0
• WinterCG
• Elysia 1.0

Где открывать ссылки

• Arguments for opening links in a new tab or window

Надёжные автогриды

• Building a Rock Solid Auto Grid

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

• Smart Interface Design Patterns Checklists
• Дока: figure, figcaption
• How do you figure?
• HTML The figure element

[email protected]

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

Темы

00:00:00 Интро
00:02:17 Speedometer 3.0
00:21:36 Новинки SVG
00:26:58 AI уходи, или NoML
00:39:53 Writingsuggestions
00:47:23 Зашитый alt
01:02:22 TypeScript 5.4
01:11:11 Раскраска Node.js
01:15:41 Стриминг HTML
01:31:21 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Плейлист со всеми эпизодами на Ютубе

Speedometer 3.0

• Announcing Speedometer 3.0
• Firefox
• Safari
• Chrome
• Edge

Новинки SVG

• Intent to Ship: SVG context-fill and context-stroke

AI уходи, или NoML

• NoML Open Letter
• Artificial Intelligence Act: MEPs adopt landmark law

Writingsuggestions

• Writingsuggestions attribute to control UA-provided writing assistance
• WHATWG HTML PR
• WebKit
• Chrome

Зашитый alt

• Thoughts on embedding alternative text metadata into images
• Got back from a quick trip to Copenhagen

TypeScript 5.4

• Announcing TypeScript 5.4

Раскраска Node.js

• Node.js added utility for text formatting
• ai/nanocolors
• alexeyraspopov/picocolors

Стриминг HTML

• HTML Streaming and DOM Diffing Algorithm
• Streaming HTML out of order without JavaScript
• Стриминг веб-компонентов

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

• Srcset and sizes interaction with container queries
• Allow source elements to query container sizes

[email protected]

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

Темы

00:00:00 Интро
00:01:31 Safari 17.4
00:33:22 Safari TP
00:42:13 Стейджи в WHATWG
00:49:38 Бесконечность в CSS
00:58:23 Нильсен, AI и доступность
01:11:22 Deno JSR
01:24:47 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Safari 17.4

• WebKit Features in Safari 17.4
• Джен Симмонс в Мастодоне
• Happy iOS 17.4 browser choice day

Safari TP

• Release Notes for Safari TP 190

Стейджи в WHATWG

• WHATWG Stages
• Specification Acceptance Stages
• WHATWG Specs

Бесконечность в CSS

• Playing with Infinity in CSS

Нильсен, AI и доступность

• Nielsen needs to think again
• Accessibility Has Failed
• Переводы Якоба Нильсена на Вебмасконе

Deno JSR

• Introducing JSR, the JavaScript Registry
• JSR: Deno’s New JavaScript Package Registry

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

[email protected]

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

Темы

00:00:00 Интро
00:01:15 Опять switch в Safari
00:07:08 PWA вернулись на iOS
00:19:09 Запуск MDN Curriculum
00:33:25 Figma купила конструктор
00:47:03 Опасные полифилы с CDN
00:57:34 Интерактивные примеры :has
01:14:57 Микропакеты вроде is-number
01:27:31 Пет-проекты и корпорат

Поддержите нас

• Патреон
• Бусти

Опять switch в Safari

• An HTML Switch Control

PWA вернулись на iOS

• Update on apps distributed in the EU
• OWD: Apple backs off killing web apps, but the fight continues
• EU seeks to investigate Apple over cutting off web apps
• So, what exactly did Apple break in the EU?
• Apple will NOT remove PWA support on iOS

Запуск MDN Curriculum

• MDN Curriculum
• Lift-off: The MDN Curriculum launch
• GitHub: mdn/curriculum

Figma купила конструктор

• Dynaboard is joining Figma

Опасные полифилы с CDN

• Polyfill is owned by a Chinese company
• Huh polyfill.io got sold
• Polykill
• Subresource Integrity

Интерактивные примеры :has

• CSS :has() Interactive Guide
• WPT: CSS selectors
• MDN :has()

Микропакеты вроде is-number

• Why does is-number package have 59M weekly downloads?

Пет-проекты и корпорат

• Стек пет-проектов против рабочего
• What Is A Single-page Application?

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

[email protected]

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

Темы

00:00:00 Интро
00:01:46 Chrome 122
00:20:03 Бета Chrome 123
00:37:51 Firefox 123
00:57:43 Safari TP 189
01:02:57 Подсветка без разметки
01:13:36 Стандарты и тоглеры

Поддержите нас

• Патреон
• Бусти

Chrome 122

• New in Chrome 122
• What’s new in DevTools (Chrome 122)
• Device Posture API

Бета Chrome 123

• Chrome 123 beta
• LightningCSS v1.24.0
• Support for align-content in block and table layouts
• Velvette

Firefox 123

• Firefox 123 for developers

Safari TP 189

• Release Notes for Safari Technology Preview 189
• Say hello to our new mascot, Rocket Turtle

Подсветка без разметки

• Syntax Highlighting code snippets with Prism and the Custom Highlight API, Брамус

Стандарты и тоглеры

• CSSWG Participants: Roman Komarov
• CSS Day
• HTML: Add switch attribute to input
• Open UI: Switch proposal

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

[email protected]

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

Темы

00:00:00 Интро
00:01:46 Apple и веб
00:50:44 CSS-функции
01:08:55 Полезный AI Magika
01:21:35 Новые фичи Set
01:35:05 Новая метрика INP

Поддержите нас

• Патреон
• Бусти

Apple и веб

• Update on apps distributed in the European Union
• It’s Official, Apple Kills Web Apps in the EU
• PWA added to Home Screen are forced to open in Safari

CSS-функции

• Intent to Prototype: CSS functions
• Sass
• Chrome Feature: CSS functions

Полезный AI Magika

• Magika

Новые фичи Set

• Union, intersection, difference, and more are coming to JS Sets Фил Нэш
• Method Shorthand Syntax Considered Harmful Мэтт Покок

Новая метрика INP

• Interaction to Next Paint becomes a Core Web Vital on March 12
• Does your favorite JS framework pass the new Core Web Vitals
• Page-speed.dev

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

[email protected]

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

Темы

00:00:00 Интро
00:01:07 Интенты Blink
00:19:19 Safari TP 188
00:34:35 Сайты в панели
00:41:50 Никаких PWA в Европе
00:52:19 JS-рантайм в AWS
01:00:47 JS Rising Stars
01:25:36 Монополия npm
01:40:13 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Интенты Blink

• CSS line-clamp property
• Open and closed pseudo-classes
• Web Monetization

Safari TP 188

• Release Notes for Safari TP 188

Сайты в панели

• Edge: Side Panel explainer

Никаких PWA в Европе

• iOS 17.4 seems to remove web app support for EU users

JS-рантайм в AWS

• LLRT: A low-latency JavaScript runtime from AWS
• Excited to see LLRT finally open for everyone

JS Rising Stars

• 2023 JavaScript Rising Stars

Монополия npm

• Node.js community debate over enabling Corepack

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

[email protected]

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

Темы

00:00:00 Интро
00:01:31 Бета Chrome 122
00:11:29 Outlook стал хуже
00:24:10 Arc ищет за вас
00:52:24 Dev-режим в Figma
01:09:17 Знайте SVG
01:26:12 Interop 2024
02:00:34 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Бета Chrome 122

• Chrome 122 beta
• Restoring the old filter bar in Network panel to Chrome 121

Outlook стал хуже

• The new Outlook on macOS

Arc ищет за вас

• Meet Act II of Arc Browser: A browser that browses for you
• Arc Search: Find Everything, Faster

Dev-режим в Figma

• What’s next for Dev Mode

Знайте SVG

• Responsive SVGs
• Learn SVG by drawing an arrow

Interop 2024

• Interop 2023 dashboard
• Interop 2024 dashboard
• Bocoup
• Chrome
• Edge
• Firefox
• Igalia
• Safari
• URL Standard

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

• Демо Сергея
• Исходники демо.
• Can I use: showOpenFilePicker
• showOpenFilePicker с фолбэком
• Томас Штайнер

[email protected]

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

Темы

00:00:00 Интро
00:01:24 Chrome 121
00:16:03 Chrome DevTools
00:22:31 Firefox 122
00:40:34 Firefox DevTools
00:44:36 Safari 17.3 и бета 17.4
00:53:10 Альтернативные движки на iOS
01:37:17 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Chrome 121

• New in Chrome 121

Chrome DevTools

• What’s new in Chrome 121 DevTools

Firefox 122

• Firefox 122 for developers

Firefox DevTools

• Firefox DevTools Newsletter
• Prototype v1.7.3 API documentation | $$

Safari 17.3 и бета 17.4

• WebKit Features in Safari 17.3
• Safari 17.4 Beta Release Notes
• О переводчиках и псевдоэлементах

Альтернативные движки на iOS

• Using alternative browser engines in the European Union
• Update on apps distributed in the European Union
• Using alternative browser engines in the European Union
• Platform Tilt
• Open Web Advocacy
• The F-Word: Origins of Apple browser ban and hope for changes

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

[email protected]

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

Темы

00:00:00 Интро
00:01:30 Safari заговорил
00:14:08 Firefox за справедливость
00:27:00 Браузерная политика
00:52:27 Можно без кук
01:03:29 Abbr не работает
01:15:19 Кейсы для :has
01:22:11 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Safari заговорил

• Jen Simmons on Interop, WebKit Releases, and New CSS Features in Safari

Firefox за справедливость

• Platform Tilt: Documenting the Uneven Playing Field
• Platform Tilt

Браузерная политика

• Igalia Chats: Browser Politics and You

Можно без кук

• We removed advertising cookies, here’s what happened

Abbr не работает

• Using abbr Element with title Attribute

Кейсы для :has

• The anywhere combinator :has()

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

[email protected]

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

Темы

00:00:00 Интро
00:04:45 Safari TP
00:17:49 Новости Chrome
00:28:39 Опять сторонние куки
00:41:44 Этика веба от W3C
00:59:09 API работы с файлами
01:13:32 UI для толстых пальцев

Поддержите нас

• Патреон
• Бусти

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

Instagram, Threads, Twitter/X, Mastodon, Bluesky, Telegram, VK, Facebook, Apple Podcasts, Google Podcasts, Spotify, Яндекс Музыка, CastBox, Звук, YouTube.

Safari TP

• Release Notes for Safari Technology Preview 186
• MDN :scope

Новости Chrome

• Persistent permissions for the File System Access API
• Don’t open Chrome when launching a PWA on Mac

Опять сторонние куки

• Google is finally killing cookies. Advertisers still aren’t ready

Этика веба от W3C

• W3C TAG Ethical Web Principles
• Put user needs first (Priority of Constituencies)

API работы с файлами

• Introducing fsx: a modern filesystem API for JavaScript

UI для толстых пальцев

• Designing better target sizes

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

[email protected]

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

Темы

00:00:00 Интро
00:00:53 Переход на Firefox
00:29:15 Как сломать npm
00:39:59 Веб-компоненты
00:57:07 React Server Components
01:15:56 Нет/да Next.js
01:32:52 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Переход на Firefox

• In 2024, please switch to Firefox

Как сломать npm

• The package that broke npm (accidentally)

Веб-компоненты

• Alternate futures for web components

React Server Components

• React Server Components: the good, the bad, and the ugly

Нет/да Next.js

• Why I won’t use Next.js
• Why I’m using Next.js

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

[email protected]

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

Темы

00:00:00 Интро
00:01:31 Аналитика
00:17:49 Как дела у Никиты
00:32:27 Радует CSS 5
00:40:50 Надежда на Servo
00:48:06 Text-wrap: balance
00:52:15 Порадовал linear
00:56:51 Sustainability
01:01:36 Радует Baseline
01:10:25 Как дела у Юли
01:15:38 AI в тренде
01:23:48 Развитие интеропа
01:33:53 Веб-компоненты
01:36:38 Новое дыхание PWA
01:42:57 Arc всем нравится
01:46:38 Как дела у Андрея
01:53:16 Плохо Adobe
02:00:17 Расстроил нестинг
02:06:26 Медленные куки
02:09:57 Ничего в CSS
02:18:26 Скучно в дизайне
02:20:33 Зачем Anchor
02:26:15 Не убедил search
02:29:21 Медленный ESM
02:31:29 Как дела у Вадима
02:37:08 Как дела у Лёши
02:41:03 Планы на год

Поддержите нас

• Патреон
• Бусти

Эпизод на видео

Аналитика

• OKLCH в CSS: по­че­му мы ушли от RGB и HSL
• Веб-стандарты в Мастодоне
• Веб-стандарты в Блюскай

Радует CSS 5

• Introduction and CEO goals and aspirations

Надежда на Servo

• Servo to Advance in 2023
• This year in Servo: over 1000 pull requests

Text-wrap: balance

• Chrome Canary: text-wrap: balance in action

Порадовал linear

• linear()

Sustainability

• Introducing Web Sustainability Guidelines
• Tagged “web sustainability”

Радует Baseline

• Baseline
• Reflections on AI Explain: A postmortem

AI в тренде

• Copilot X

Развитие интеропа

• ​​Interop 2023

Веб-компоненты

• HTML Web Components Are Having a Moment

Новое дыхание PWA

• Web Push for Web Apps on iOS and iPadOS
• Native mobile apps are optional for B2B startups in 2024

Arc всем нравится

• Arc 1.0

Плохо Adobe

• Adobe + Figma

Расстроил нестинг

• Try out CSS Nesting today

Медленные куки

• Third-party cookies in Chrome
• Saying goodbye to third-party cookies in 2024

Ничего в CSS

• Ничего интересного в CSS за год

Зачем Anchor

• Tether elements to each other with CSS anchor positioning

Не убедил search

• The search element

Как дела у Вадима

• Новогодний эпизод LP с концертами года

Как дела у Лёши

• Старикам здесь не место?
• Код Сурка
• Фронтенд-олимпиада

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

[email protected]

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

Темы

00:00:00 Интро
00:01:31 Figma без Adobe
00:15:48 Safari TP
00:58:16 Firefox 121
01:15:12 Vue 2 всё
01:18:30 Плохое в HTML
01:53:45 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Figma без Adobe

• Figma and Adobe are abandoning our proposed merger

Safari TP

• Release Notes for Safari Technology Preview 185
• Input type=checkbox switch
• Align-content in block layout
• Web-Facing Change PSA: align-content CSS property for blocks
• WebGPU now available for testing in Safari Technology Preview

Firefox 121

• Firefox 121.0, See All New Features, Updates and Fixes
• Firefox 121 for developers
• Firefox DevTools Newsletter 121

Vue 2 всё

• Vue 2 is Approaching End Of Life

Плохое в HTML

• HTML: The Bad Parts
• The road to HTMHell is paved with semantics

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

[email protected]

• Effect-ts
• DeviceScript

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

Темы

00:00:00 Интро
00:03:04 Safari 17.2
00:37:09 Нестинг в DevTools
00:48:41 Интенты Chrome
01:03:02 WebDriver BiDi
01:13:31 Декларативный Shadow DOM
01:18:55 Design Tools Survey
01:34:13 Исследование доступности
01:48:15 ООП в JS
02:00:14 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Живая запись эпизода

Safari 17.2

• WebKit Features in Safari 17.2
• Exclusive accordions exclude
• Linear easing generator
• WWDC 2023: What’s new in web apps

Нестинг в DevTools

• How would you like to see Chrome DevTools handle Nesting?
• Вопрос в Твиттере
• Вопрос в Мастодоне

Интенты Chrome

• Intent to Prototype: Locked Mode API
• Intent to Ship: field-sizing CSS property

WebDriver BiDi

• Puppeteer Support for the Cross-Browser WebDriver BiDi Standard
• Web Application Testing Today
• New Automation Features in Firefox Nightly

Декларативный Shadow DOM

• Declarative Shadow DOM just landed in Firefox Nightly

Design Tools Survey

• 2023 Design Tools Survey

Исследование доступности

• Исследование настроек доступности

ООП в JS

• How Marketing Changed OOP In JavaScript

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

[email protected]

• Юля Бухвалова про SVG
• Блог Сары Суайдан
• Про SVG на MDN
• Про SVG в Доке
• SVG sprites: old-school, modern, unknown, and forgotten

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

Темы

00:00:00 Интро
00:02:33 Safari TP
00:09:21 Chrome 120
00:16:59 2023 год для CSS
00:24:04 Николь Салливан
00:27:17 Chrome и стандарты
00:34:53 JIT-левитация V8
00:44:45 Обновление Baseline
01:09:02 StyleX и CSS-in-JS
01:38:11 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Safari TP

• Release Notes for Safari TP 184

Chrome 120

• New in Chrome 120
• Chrome 120 beta

2023 год для CSS

• CSS Wrapped: 2023!

Николь Салливан

• After 5 1/2 years, today is my last day at Google
• Igalia Chats: Nicole Sullivan

Chrome и стандарты

• Why Chromium cares about standards

JIT-левитация V8

• Maglev V8’s Fastest Optimizing JIT

Обновление Baseline

• Baseline’s evolution on MDN
• A definition update for Baseline
• Viewport-relative-units
• Viewport-relative-unit-variants
• MDN/yari

StyleX и CSS-in-JS

• StyleX
• Facebook/stylex
• Introducing StyleX
• Fela

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

[email protected]

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

Темы

00:00:00 Интро
00:02:40 Движок Servo
00:09:07 Линейки в селектах
00:15:16 Дэшборд с браузерами
00:19:42 State of JS 2023
00:23:38 Адвенты для всех
00:36:55 Подкаст OTMT
00:42:17 Math-функции в CSS
00:49:55 Особенности @scope
00:57:42 Адаптивное видео
01:08:41 Дизайнеры и разработчики

Поддержите нас

• Патреон
• Бусти

Движок Servo

• This month in Servo: better floats, :has(), color-mix(), and more!

Линейки в селектах

• Firefox: Intent to prototype and ship: hr in select

Дэшборд с браузерами

• Browser Versions

State of JS 2023

• State of JavaScript 2023

Адвенты для всех

• Advent of CSS
• HTMHell: The UX of HTML
• Advent of Code
• Web Performance Calendar
• Performance.now() 2023
• UXMas
• Designcember

Подкаст OTMT

• Off The Main Thread: WebGPU and Browser Ideologies

Math-функции в CSS

• The New CSS Math: rem() and mod()

Особенности @scope

• Scope Selector Nuance

Адаптивное видео

• How to Use Responsive HTML Video (...and Audio!)

Дизайнеры и разработчики

• Care beyond code: 7 best design practices for frontend developers
• Как воспитать дизайнера

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

[email protected]

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

Темы

00:00:00 Интро
00:01:46 Firefox 120
00:22:08 TypeScript 5.3
00:30:58 Новые статьи на MDN
00:39:38 Версии Node.js и NODE_ENV
00:53:54 Тюнинг Prettier
01:04:38 Preact не для Next.js
01:10:52 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Firefox 120

• Firefox 120 for developers
• Experimental features in Firefox
• -moz-image-rect

TypeScript 5.3

• Announcing TypeScript 5.3

Новые статьи на MDN

• @starting-style
• Transition-behavior
• Overlay
• Animating popovers

Версии Node.js и NODE_ENV

• You are not updating Node.js
• NODE_ENV=production is a lie

Тюнинг Prettier

• Prettier-plugin-void-html
• Add an option to prefer void tags

Preact не для Next.js

• Moving back to React

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

• Navigation Menubar Example
• [email protected]

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

Темы

00:00:00 Интро
00:01:31 Safari TP 183
00:07:05 Invoker в Chrome и Firefox
00:17:49 PiP без вопросов
00:26:34 Новинки Figma
00:36:00 Adobe и Figma S10E01
00:50:06 Container Queries
00:59:45 Веб это Chrome?
01:10:18 Stylelint и ESLint
01:26:53 GitHub Monaspace
01:43:04 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Safari TP 183

• Release Notes for Safari Technology Preview 183

Invoker в Chrome и Firefox

• Chrome & Firefox both have experimental support for invoketarget and invokeaction
• A simple counter demo in 9 lines of JS
• Counter app with Invokers

PiP без вопросов

• Automatic picture-in-picture for web apps

Новинки Figma

• Little Big Updates Weekly H2 2023

Adobe и Figma S10E01

• The Figma + Adobe Deal, Explained

Container Queries

• Getting started with CSS container queries

Веб это Chrome?

• The Web Can Do

Stylelint и ESLint

• Stylelint v16.0.0 removed deprecated stylistic rules
• Deprecation of formatting rules
• Node: use biome as formatter

GitHub Monaspace

• Monaspace

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

[email protected]

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

Темы

00:00:00 Интро
00:02:01 GitHub Universe
00:30:39 Angular.dev
00:46:18 Знай Юникод
01:01:24 CSS 4, 5, 6
01:30:37 AI в FigJam

Поддержите нас

• Патреон
• Бусти

GitHub Universe

• Universe 2023: Copilot transforms GitHub into the AI-powered developer platform

Angular.dev

• Announcing Angular.dev
• Introducing Angular v17

Знай Юникод

• The Absolute Minimum Every Software Developer Must Know About Unicode in 2023 (Still No Excuses!)

CSS 4, 5, 6

• CSS Feature List
• CSS-Next Community Group
• CSSWG supports efforts to define levels for CSS

AI в FigJam

• Introducing AI to FigJam

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

[email protected]

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

Темы

00:00:00 Интро
00:01:24 Chrome 119
00:12:52 Бета Chrome 120
00:37:48 Новости Firefox
00:55:30 Safari TP
01:06:03 Веб-компоненты
01:33:28 Импорты в Next.js

Поддержите нас

• Патреон
• Бусти

Chrome 119

• New in Chrome 119

Бета Chrome 120

• Chrome 120 beta

Новости Firefox

• These Weeks in Firefox: Issue 148
• Firefox: Intent to prototype Invokers
• Open UI. Invokers (Explainer)
• Feature request: “Always underline links in text” option in Firefox
• GitHub: Underlined Links for Improved Accessibility

Safari TP

• Release Notes for Safari Technology Preview 182

Веб-компоненты

• Blinded By the Light DOM
• Web Components Will Outlive Your JavaScript Framework

Импорты в Next.js

• How we optimized package imports in Next.js

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

[email protected]

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

Темы

00:00:00 Интро
00:01:54 Firefox 119
00:14:42 Safari 17.1 и бета
00:28:10 Код-лаб для Passkey
00:40:29 Figma и Adobe
00:53:33 State of React
00:58:25 Node.js Buffer
01:02:56 Шум вокруг Next.js 14
01:12:27 Опять Tailwind
01:29:32 Эмоджи пельменя

Поддержите нас

• Патреон
• Бусти

Firefox 119

• Firefox 119 for developers
• Firefox DevTools Newsletter 119
• Firefox Nightly 120.0a1
• Early Hints: How Cloudflare Can Improve Website Load Times by 30%

Safari 17.1 и бета

• WebKit Features in Safari 17.1
• Safari 17.2 Beta Release Notes

Код-лаб для Passkey

• Passwordless login on the web with passkeys
• Passkeys Codelab

Figma и Adobe

• How Figma and Adobe think they could work together
• Zoom App Marketplace: Figma

State of React

• State of React 2023

Node.js Buffer

• Goodbye, Node.js Buffer

Шум вокруг Next.js 14

• Next.js 14
• How to Think About Security in Next.js
• I don’t understand the hate for this

Опять Tailwind

• Tailwind vs Semantic CSS, Теро Пирайнен

Эмоджи пельменя

• The story of the Dumpling emoji

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

[email protected]

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

Темы

00:00:00 Интро
00:01:24 Chrome DevTools
00:13:09 Стилизация скролбаров
00:26:42 Скрытие IP в Chrome
00:37:47 Firefox DevTools
00:49:55 Развитие text-indent
00:58:54 Safari TP
01:12:41 Node.js 21
01:20:06 Маскот Node.js
01:23:52 Eleventy 3.0
01:29:17 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Chrome DevTools

• What’s New in DevTools (Chrome 119)

Стилизация скролбаров

• Intent to Ship: CSS Scrollbars: scrollbar-color, scrollbar-width
• Can I use: property: scrollbar-color

Скрытие IP в Chrome

• Intent to Experiment: IP Protection Phase 0

Firefox DevTools

• Firefox Developer Tools
• Responsive Design Mode
• The diversity of investment in Chromium is on a steady decline

Развитие text-indent

• Intent to prototype & ship: CSS text-indent keywords hanging & each-line
• text-indent: hanging each-line
• Can I use: hanging-punctuation

Safari TP

• Safari Technology Preview 181

Node.js 21

• Node.js 21 is now available

Маскот Node.js

• Announcing the Node.js Mascot Design Contest!
• Have a mascot

Eleventy 3.0

• Eleventy: Big v3.0.0 Project Slipstream Changes

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

[email protected]

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

Темы

00:00:00 Интро
00:01:39 Релиз Chrome 118
00:09:59 Сторонние куки в Chrome
00:22:17 Arc Max и AI
00:36:38 Тёмные темы в CSS
00:46:17 Адаптивное видео
00:55:39 Стандарт Source Maps
01:02:45 Включение ESM в Node.js
01:19:59 OKLCH немного сломан
01:31:34 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Релиз Chrome 118

• New in Chrome 118

Сторонние куки в Chrome

• Preparing for the end of third-party cookies

Arc Max и AI

• Introducing Arc Max

Тёмные темы в CSS

• Easy Light-Dark Mode Color Switching with light-dark()

Адаптивное видео

• We’re Bringing Responsive Video Back!

Стандарт Source Maps

• TC39: a task group to standardize source maps

Включение ESM в Node.js

• When to make default-type=module the Node.js default

OKLCH немного сломан

• (ok)lch implementations break the entire purpose for authors
• PostCSS Gamut Mapping Plugin

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

[email protected]

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

Темы

00:00:00 Интро
00:01:08 Новинки Safari
00:22:26 Бета Chrome 119
00:50:01 Divtober
00:56:29 Пересмотр Baseline
01:08:03 Новинки WCAG 2.2
01:15:01 Closure Compiler

Поддержите нас

• Патреон
• Бусти

Новинки Safari

• Release Notes for Safari Technology Preview 180
• Window: open() method
• Simplified Responsive Design Mode

Бета Chrome 119

• Chrome 119 beta

Divtober

• Хэштег #divtober
• A Single Div
• The Divtober 2023 Collection
• Single Div Drawings

Пересмотр Baseline

• Call for positions: Baseline definition

Новинки WCAG 2.2

• W3C: What’s new in WCAG 2.2,
• Хидде: What’s new in WCAG 2.2
• Леони: What’s new in WCAG 2.2

Closure Compiler

• The Saga of the Closure Compiler and Why TypeScript Won
• Closure Compiler

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

[email protected]

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

Темы

00:00:00 Интро
00:02:02 Firefox 118
00:11:51 Тюнинг CSS-нестинга
00:31:50 HTML-заголовки
00:55:38 Порядок в text-wrap
01:02:52 Фотошоп в вебе
01:19:59 Google Fonts через Cloudflare
01:29:53 Картинки и LCP
01:43:31 Tailwind тоже прав
02:02:22 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Firefox 118

• Firefox 118 for developers

Тюнинг CSS-нестинга

• CSS Nesting and the Cascade
• Experiment with support for nested ident-selectors

HTML-заголовки

• Consider adding a headinglevelstart attribute

Порядок в text-wrap

• CSS WG: move balance, stable, pretty out of text-wrap

Фотошоп в вебе

• Photoshop’s journey to the web
• Adobe Photoshop
• System requirements for Photoshop on the web

Google Fonts через Cloudflare

• Cloudflare Fonts: enhancing website font privacy and speed

Картинки и LCP

• The Ultimate Low-Quality Image Placeholder Technique, Гарри Робертс

Tailwind тоже прав

• Classic rock, Mario Kart, and why we can’t agree on Tailwind, Джош Колинсворт

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

[email protected]

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

Темы

00:00:00 Интро
00:01:08 Релиз Safari 17
00:24:39 Safari TP 179
00:28:07 :has в Firefox
00:30:07 State of HTML 2023
00:41:25 Scroll-Driven Animations
00:52:31 TypeScript иногда мешает
01:15:48 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Релиз Safari 17

• WebKit Features in Safari 17.0

Safari TP 179

• Release Notes for Safari TP 179
• You can now add a name attribute to the details element

:has в Firefox

• Firefox: Enable :has on Nightly

State of HTML 2023

• State of HTML 2023
• State of HTML 2023 now open!

Scroll-Driven Animations

• Scroll-Driven Animations: Detect if an element can scroll or not

TypeScript иногда мешает

• TypeScript Prevents Bad Things… and Good Things

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

• csswg/issues
• [email protected]

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

Темы

00:00:00 Интро
00:01:46 Chrome 117
00:12:20 Бета Chrome 118
00:42:21 Chrome DevTools
00:48:49 Экологичный веб
00:58:19 Миксины и функции в CSS
01:25:54 Interop 2024
01:29:59 Новости Figma
01:36:19 CSS в Figma
01:49:16 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Chrome 117

• New in Chrome 117

Бета Chrome 118

• Chrome 118 beta
• Postcss-use-logical
• You can scope styles inside of the parent
• Change Display settings for accessibility on Mac

Chrome DevTools

• What’s New in DevTools (Chrome 118)

Экологичный веб

• Introducing Web Sustainability Guidelines
• Web Sustainability Guidelines 1.0 at a Glance
• Mother Nature

Миксины и функции в CSS

• CSS Mixins and Functions

Interop 2024

• Submit your proposals for Interop 2024

Новости Figma

• Video in FigJam
• A makeover of embeds
• Lights, camera, action
• Emojis, upgraded
• Stay connected

CSS в Figma

• Container queries: why it’s time to consider them in Figma

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

• Htmx
• Alpine.js
• OpenCart
• Shopify
• [email protected]

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

Темы

00:00:00 Интро
00:01:46 Safari TP
00:12:10 Планы Firefox
00:25:25 Bun 1.0
00:46:33 Env в Node.js
00:54:32 Каталог веб-фич
01:11:18 Новости Figma
01:21:50 Марсианский плагин
01:26:08 Google и Topics API
01:41:23 Отказ от TypeScript
02:03:48 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Safari TP

• Release Notes for Safari TP 178

Планы Firefox

• Firefox: Intent to ship ARIA reflection
• WAI-ARIA 1.3
• Firefox: Intent-to-prototype Text fragments

Bun 1.0

• Bun 1.0
• Node.js compatibility

Env в Node.js

• Node.js includes built-in support for .env files

Каталог веб-фич

• Building the web developer’s catalog of web platform features
• Exploring how to present Web platform features adoptability
• Npm: web-features
• Introducing Baseline

Новости Figma

• It’s baaack: Little Big Updates, with a weekly twist
• #1: Better search
• #2: No more squinting
• #3: Details at a glance
• #4: A new component modal and playground

Марсианский плагин

• Polychrom, Figma Community Plugin

Google и Topics API

• Google gets its way, bakes a user-tracking ad platform directly into Chrome
• DMA: Commission designates six gatekeepers
• ​​Origins of Apple browser ban and hope for changes

Отказ от TypeScript

• Turbo 8 is dropping TypeScript
• Rich Harris: We’re doing this for practical reasons
• ES proposal for type syntax

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

• Fast playback with audio and video preload
• [email protected]

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

Темы

00:00:00 Интро
00:01:23 Firefox 117
00:08:29 Прототип form-sizing
00:20:25 State of CSS 2023
00:58:20 Велосипеды Dropbox
01:20:00 Astro 3.0
01:36:00 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Firefox 117

• Firefox 117 for developers
• Firefox DevTools Newsletter

Прототип form-sizing

• Intent to Prototype: form-sizing
• Faster Chrome releases (round two!)

State of CSS 2023

• State of CSS 2023

Велосипеды Dropbox

• How we reduced the size of our JS bundles by 33%
• How Edison is helping us build a faster, more powerful Dropbox on the web

Astro 3.0

• Astro 3.0
• Astro View Transitions

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

[email protected]

Ведущие: Вадим Макеев

Темы

00:00:00 Интро
00:01:47 Safari TP
00:06:52 Эксклюзивный аккордеон
00:21:22 Термины веб-разработки

Поддержите нас

• Патреон
• Бусти

Safari TP

• Release Notes for Safari TP 177
• WebKit Bugzilla

Эксклюзивный аккордеон

• OpenUI: Exclusive accordion

Термины веб-разработки

• WebGlossary.info
• Upgrade Your HTML I–IV

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

[email protected]

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

Темы

00:00:00 Интро
00:01:08 Chrome 116
00:12:57 Бета Chrome 117
00:37:10 CSS Podcast
00:50:54 Chrome DevTools
01:04:56 Валидация форм
01:18:31 Боль миграции на ESM

Поддержите нас

• Патреон
• Бусти

Chrome 116

• New in Chrome 116
• One-time permissions in Chrome

Бета Chrome 117

• Chrome 117 beta
• CSS Grid Level 2 Examples
• Widows & orphans
• Four new CSS features for smooth entry and exit animations

CSS Podcast

• Why isn’t z-index working?
• Why isn’t the margin applying?
• Why is it overflowing?
• The CSS Podcast

Chrome DevTools

• What’s New in DevTools (Chrome 117)

Валидация форм

• Part 1: HTML and CSS
• Part 2: Layering in JavaScript
• Улучшение формы комментариев

Боль миграции на ESM

• My Experience Modernizing Packages to ESM

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

[email protected]

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

Темы

00:00:00 Интро
00:01:54 Safari TP
00:08:46 Storage Policy в Safari
00:20:56 Переделка Sanitizer API
00:28:17 PWA в Chrome на iOS
00:31:59 Расширения Firefox
00:36:31 Краулер ChatGPT уходи
00:46:40 SVG-анимации
00:52:09 Будущее HTML-шаблонизации
01:06:56 Jamstack точно всё
01:18:50 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Safari TP

• Release Notes for Safari Technology Preview 176

Storage Policy в Safari

• Updates to Storage Policy

Переделка Sanitizer API

• Intent to Deprecate: Sanitizer API MVP

PWA в Chrome на iOS

• Chrome on iOS and iPadOS now supports PWA installation

Расширения Firefox

• Prepare your Firefox desktop extension for the upcoming Android release

Краулер ChatGPT уходи

• Disallow GBTBot User-Agent

SVG-анимации

• Animating the Impossible

Будущее HTML-шаблонизации

• The Future of Native HTML Templating and Data Binding

Jamstack точно всё

• My Journey Away from the JAMstack
• Как я перестал верить технологиям

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

• A Firefox-only minimap

[email protected]

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

Темы

00:00:00 Интро
00:02:18 Firefox 116
00:10:49 Ещё Math в CSS
00:19:08 Ускорение Service Workers
00:25:25 WCAG 3 пока рано
00:45:22 P3 в Figma
00:53:58 Style Queries
01:07:44 Astro и View Transitions
01:17:39 PostCSS всё
01:42:29 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Firefox 116

• Firefox 116 for developers
• 10 new CSS math functions are now supported in Firefox 118

Ещё Math в CSS

• Intent to Experiment: ServiceWorker static routing API

Ускорение Service Workers

• A repository for the ServiceWorker static routing API

WCAG 3 пока рано

• Do we need WCAG 3 (now)?

P3 в Figma

• Figma: Manage color profiles in design files
• We brought 49% more colors to the Figma canvas
• Huetone

Style Queries

• A Future of Themes with CSS Container Style Queries
• Светлая и тёмная темы на CSS

Astro и View Transitions

• View Transition API в Astro 2.9
• Джейк Арчибальд в The F-Word

PostCSS всё

• Just migrate to Lightning CSS
• PostCSS
• Поддержать PostCSS
• Lightning CSS
• Поддержать Parcel
• Igalia Chats: 11ty, Open Source and Funding

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

[email protected]

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

Темы

00:00:00 Интро
00:01:23 Arc для всех
00:12:23 State of HTML
00:23:22 HTTP-теги
00:37:20 Web Integrity
01:01:04 Observable в JS
01:06:26 ESM в Vite
01:13:28 Jamstack жив?
01:21:24 OverflowAI
01:27:10 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Arc для всех

• The excellent Arc browser is now available for anyone to download

State of HTML

• Help Design the Inaugural State of HTML Survey!

HTTP-теги

• You probably don’t need http-equiv meta tags

Web Integrity

• Google’s nightmare “Web Integrity API” wants a DRM gatekeeper for the web
• Web-Environment-Integrity/explainer.md at main
• Apple already shipped attestation on the web, and we barely noticed

Observable в JS

• Observable API proposal

ESM в Vite

• Should Vite go ESM-only?

Jamstack жив?

• Is the term Jamstack finished?

OverflowAI

• OverflowAI is a tool, that will also have a VS Code plugin

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

[email protected]

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

Темы

00:00:00 Интро
00:01:39 Бета Chrome 116
00:15:49 Функция linear()
00:33:37 PNG v3
00:43:16 Firefox ESR
00:44:54 Перфоманс
00:56:52 Альтернатива GitHub
01:10:57 Эмоджи в вебе
01:23:52 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Бета Chrome 116

• Chrome 116 beta
• Браузеры умеют мгновенно переключать страницу при нажатии Назад
• Debugging websites in Chrome on iOS 16.4+

Функция linear()

• WebKit: Implement linear()
• Anchor Positioning Exploration
• Some new ideas from Apple about how Anchor Positioning could work

PNG v3

• Portable Network Graphics (PNG) Specification (Third Edition)
• PNG Third Edition, Explained

Firefox ESR

• Firefox: Full Speed Into The Future

Перфоманс

• When Optimizations Backfire
• My blog now prerenders all same-origin links, and prefetches all cross-origin ones

Альтернатива GitHub

• Pierre.co
• Finally time to talk about what I’ve been working on

Эмоджи в вебе

• Using emoji on the web

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

[email protected]

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

Темы

00:00:00 Интро
00:01:31 Chrome 115
00:16:04 Технологии шрифтов
00:30:02 Safari TP
00:39:08 Позиции по стандартам
00:56:02 Постмортем AI в MDN
01:17:35 Назад к DOM API
01:30:04 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Chrome 115

• New in Chrome 115
• Chrome Platform Status: Fenced frames

Технологии шрифтов

• The new @font-face syntax
• pepelsbey.dev: fonts.css

Safari TP

• Release Notes for Safari TP 174

Позиции по стандартам

• WebKit standards positions (dashboard)
• WebKit standards positions (GitHub)
• Mozilla Specification Positions

Постмортем AI в MDN

• Reflections on AI Explain: A postmortem
• The AI help button is very good, but it should not exist

Назад к DOM API

• Plain Old JavaScript and the DOM
• I have huge respect for Douglas, but…

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

[email protected]

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

Темы

00:00:00 Интро
00:02:02 Firefox 115
00:10:01 Юникод и эмоджи
00:17:17 Контейнеры вместо медиа
00:32:49 DOM­Content­Loaded
00:42:55 Избавляемся от SVG-in-JS
00:58:16 Бесполезные слэши в тегах
01:21:11 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Firefox 115

• Firefox 115 for developers

Юникод и эмоджи

• Intent to Prototype: CSS font-variant-emoji
• Emoji under the hood

Контейнеры вместо медиа

• Can We Query the Root Container?

DOM­Content­Loaded

• In Defence of DOM­Content­Loaded

Избавляемся от SVG-in-JS

• Breaking Up with SVG-in-JS in 2023

Бесполезные слэши в тегах

• The case against self-closing tags in HTML

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

• HTMLDialogElement: cancel event

[email protected]

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

Темы

00:00:00 Интро
00:02:02 Safari TP
00:05:51 Глубина CSS-нестинга
00:15:46 Chrome DevTools
00:25:19 @property в Firefox
00:27:29 Бета TypeScript 5.2
00:40:58 Navigation API
00:54:55 Реклама и Topics API
01:14:40 AI-ошибка MDN
01:27:48 Ответы на вопросы

Поддержите нас

• Патреон
• Бусти

Safari TP

• Release Notes for Safari Technology Preview 173

Глубина CSS-нестинга

• Limit maximum CSS rule nesting level
• How to fix iOS push subscriptions getting terminated after 3 notifications

Chrome DevTools

• What’s New in DevTools (Chrome 116)
• easeOutBounce
• axe-core

@property в Firefox

• Intent to prototype: Houdini CSS Properties and Values API

Бета TypeScript 5.2

• Announcing TypeScript 5.2 Beta