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

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

• Boosty
• Patreon

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

Темы

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

Navigation API

• Navigation API
• Modern client-side routing: the Navigation API
• WebKit: Pending
• Mozilla: Positive

Реклама и Topics API

• Intent to Ship: Topics API
• Enhancements to the Topics API

AI-ошибка MDN

• Introducing AI Help: Your Trusted Companion for Web Development
• MDN can now automatically lie to people
• No one infromed MDN Steering Committee

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:10 State of CSS
00:10:59 Новинки Figma
00:49:22 NestJS 10
00:52:42 Веб на Vision Pro
01:07:21 MDN Playground
01:13:50 Using в TS/JS
01:23:36 Стили для RSS
01:33:07 Ответы на вопросы

State of CSS

• State of CSS 2023
• The 2023 State of CSS survey is now open!
• The UI fund

Новинки Figma

• What’s new from Config 2023

NestJS 10

• NestJS v10 is now available

Веб на Vision Pro

• Thoughts from Meet Safari for Spatial Computing
• Meet Safari for spatial computing

MDN Playground

• Introducing the MDN Playground: Bring your code to life!

Using в TS/JS

• TypeScript 5.2’s New Keyword: 'using'

Стили для RSS

• Style your RSS feed

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:39 Safari TP
00:06:53 Сабгриды
00:11:47 Методы итераторов
00:16:48 Chrome для тестирования
00:27:29 Гадания по Figma
00:40:52 Магические импорты
00:53:02 CSS-нестинг
01:12:12 Редактор Zed
01:22:31 Ответы на вопросы

Safari TP

• Safari Technology Preview 172

Сабгриды

• Intent to Ship: CSS Subgrid
• Learn CSS Subgrid
• Usage examples of CSS Grid Layout

Методы итераторов

• Intent to Ship: Iterator Helpers
• Methods for working with iterators in ECMAScript
• Iterator Helpers

Chrome для тестирования

• Chrome for Testing: reliable downloads for browser automation

Гадания по Figma

• Config quest
• Predictions for Config

Магические импорты

• JavaScript Imports Under The Hood

CSS-нестинг

• The gotchas of CSS Nesting
• I think we’re going to regret CSS nesting
• Most of the gotchas are just differences from Sass

Редактор Zed

• Zed: Building a platform that open sources itself
• Panic Nova

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

• MDN: iframe sandbox

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:46 Chrome DevTools
00:19:54 Firefox 114
00:28:27 Apple Web Apps
00:53:22 Новинки Safari 17
01:11:44 Apple в Figma
01:18:00 ESM или CJS
01:28:58 Sass в браузере
01:35:07 Ответы на вопросы

Chrome DevTools

• What’s New in DevTools (Chrome 114)
• What’s New in DevTools (Chrome 115)

Firefox 114

• Firefox 114
• CSS Nesting got enabled in Firefox

Apple Web Apps

• News from WWDC23: WebKit Features in Safari 17 beta
• Web Apps on macOS Sonoma 14 Beta

Новинки Safari 17

• Web technology sessions at WWDC23
• iOS 17 automatically removes tracking parameters from links

Apple в Figma

• Apple в Figma Community

ESM или CJS

• How’s the Node.js ESM migration going

Sass в браузере

• Dart Sass in the Browser

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:47 Chrome 114-115
00:18:42 Чего ждать от WWDC
00:28:40 Safari TP
00:35:43 Требования к паролям
00:45:34 Вертикальный ритм
00:56:23 Scroll Driven Animations
01:07:31 CSS Scoping
01:17:29 404 и Web3
01:31:00 Ответы на вопросы

Chrome 114-115

• New in Chrome 114
• Chrome 115 beta
• Digging Into The Display Property: The Two Values Of Display
• CSS Display Module Level 3

Чего ждать от WWDC

• WWDC 2023

Safari TP

• Release Notes for Safari TP 171

Требования к паролям

• Safari allows to configure password autofilling
• Password Rules Validation Tool
• Proposal: HTML passwordrules attribute
• Password-rules.json

Вертикальный ритм

• Vertical rhythm on web

Scroll Driven Animations

• Future CSS: Wishes Granted by Scroll-driven Animations

CSS Scoping

• Scoped CSS is Back
• You can scope styles inside of the parent

404 и Web3

• 404 Pages for Framer
• What Is Web 3.0?

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:46 Arc Boosts
00:14:05 Popover и starting-style
00:31:07 Новинки Figma
00:37:51 HTML-формы
00:50:49 CSS на YouTube
00:56:30 Приватные поля
01:06:10 JS в JS через WASM
01:16:19 Ответы на вопросы

Arc Boosts

• Arc Boosts Gallery
• VisBug

Popover и starting-style

• Introducing the popover API
• :root isn’t global
• The Yellow Fade Technique with Modern CSS using @starting-style

Новинки Figma

• Introduction to design systems
• State management in Figma prototypes
• Announcing FigJam screen reader support

HTML-формы

• 11 HTML best practices for login & sign-up forms

CSS на YouTube

• Юля Миоцен на Ютубе
• Стефани Эклс на Twitch

Приватные поля

• JS private class fields considered harmful

JS в JS через WASM

• A JavaScript to Webassembly toolchain
• Javy is now part of the Bytecode Alliance
• Bringing JavaScript to WebAssembly

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

• Viewport vs Virtual Keyboard Resize Behavior
• Reinterpret viewport positioned elements wrt virtual keyboard

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:23 Поддержка и чат
00:05:23 Новости Safari
00:17:55 Снова про Baseline
00:38:20 Firefox 113
00:52:13 TypeScript 5.1 RC
01:05:52 Семантика popover
01:13:32 Перфоманс DOM

Новости Safari

• WebKit Features in Safari 16.5
• Release Notes for Safari Technology Preview 170

Снова про Baseline

• On browser compatibility and support baselines
• Дока: grid

Firefox 113

• Firefox Developer Experience
• Firefox 113

TypeScript 5.1 RC

• Announcing TypeScript 5.1 RC
• Introducing Deopt Explorer

Семантика popover

• Semantics and the popover attribute: what to use when?
• Попап вместо селекта

Перфоманс DOM

• How large DOM sizes affect interactivity, and what you can do about it
• The truth about CSS selector performance

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:31 Исходники WebKit
00:07:18 UI вместо AI
00:22:27 Baseline
00:42:53 INP в CWV
00:51:56 Linear в CSS
00:59:41 Kotlin и WASM
01:07:21 Цвета GitHub
01:14:15 JS как PHP
01:38:12 Ответы на вопросы

Исходники WebKit

• Contributing to WebKit
• Introducing WebKit Documentation

UI вместо AI

• 10 updates at Google I/O
• What’s new in CSS and UI: I/O 2023 Edition

Baseline

• Introducing Baseline
• Introducing Baseline: a unified view of stable web features
• Baseline features you can use today

INP в CWV

• Advancing Interaction to Next Paint

Linear в CSS

• Linear easing generator

Kotlin и WASM

• Bringing Kotlin to the Web

Цвета GitHub

• Unlocking inclusive design: how Primer’s color system is making

JS как PHP

• The JavaScript Ecosystem is Delightfully Weird

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

• Decap CMS
• Kirby CMS
• Tilda
• Webflow
• Readymag
• Squarespace
• Framer
• Bubble

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:38 Safari TP 169
00:09:19 WebContainer в Safari
00:25:06 Ошибка в единицах QC
00:29:40 Chrome 113
00:40:58 Бета Chrome 114
00:58:06 SupportsCSS
01:10:29 Event Loop
01:15:37 Deno 1.33
01:24:41 Vercel Ship
01:35:02 Ответы на вопросы

Safari TP 169

• Release Notes for Safari Technology Preview 169

WebContainer в Safari

• WebContainers now run on Safari, iOS, and iPadOS
• TC39: Error Stacks

Ошибка в единицах QC

• CQ units use border box instead of a content box
• WebKit PR

Chrome 113

• New in Chrome 113

Бета Chrome 114

• Chrome 114 beta
• Blur camera background
• It seems like subgrid is starting to land in Chrome

SupportsCSS

• Testing Feature Support for Modern CSS
• SupportsCSS

Event Loop

• Practical Guide To Not Blocking The Event Loop

Deno 1.33

• Deno 1.33: Deno 2 is coming

Vercel Ship

• Vercel Ship

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

• Примеры фокуса

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:32 Инклюзивный ананас
00:04:38 Scroll animations
00:19:16 Badging API
00:29:16 Opera One
00:38:08 Scope в CSS
00:52:43 Дизайн-система WP
01:00:45 ES-модули
01:19:16 Ответы на вопросы

Инклюзивный ананас

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

Scroll animations

• Intent to Ship: Scroll-driven animations
• Scroll-driven Animations

Badging API

• Badging for Home Screen Web Apps

Opera One

• Opera One

Scope в CSS

• Scoped CSS is back

Дизайн-система WP

• WP Design System: Accessibility

ES-модули

• ECMAScript modules and browser compatibility

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

[email protected]

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

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