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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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

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

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

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

• Boosty
• Patreon

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

Темы

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

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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