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

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

• Boosty
• Patreon

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

Темы

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 Ответы на вопросы

Смотрите нас

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

Бета 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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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

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

• Boosty
• Patreon

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

Темы

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]

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

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