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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:39 Safari TP
00:08:05 Chrome DevTools
00:14:55 Новинки ES2023
00:24:09 Экспорты в CSS-модулях
00:41:41 Письма без таблиц
01:05:13 HDR-градиенты
01:14:03 Node.js 20
01:21:45 Зачем Deno?
01:34:55 Ответы на вопросы

Safari TP

• Release Notes for Safari Technology Preview 168

Chrome DevTools

• What’s New in DevTools (Chrome 113)

Новинки ES2023

• What’s new in ECMAScript 2023

Экспорты в CSS-модулях

• CSSWG Drafts: Multiple stylesheets per file
• Cascading Stylesheet Module scripts

Письма без таблиц

• Modern HTML email (tables no longer required)
• Email Markup Consortium
• Can I email…
• Punched card coding

HDR-градиенты

• CSS HD Gradients
• A modern CSS gradient and color picking tool

Node.js 20

• Node.js 20 is now available

Зачем Deno?

• Deno vs. Node: No One is Ready for the Move

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

• Придумал вариант применения @layer
• CSS and JavaScript as first-class citizens in Eleventy
• Свежий взгляд на Gulp: функции и ES-модули

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:39 Zoom уходит из CSS
00:07:57 Text-wrap: balance
00:17:24 Зачем Cascade Layers
00:30:05 Reading-order
00:44:07 Правило перфоманса
00:57:41 Тест-раннер в Node.js
01:11:57 WordPress в браузере
01:21:54 Нейронки в браузере

Zoom уходит из CSS

• Intent to remove: CSS zoom

Text-wrap: balance

• CSS Text balancing with text-wrap: balance
• CSS text-wrap: balance

Зачем Cascade Layers

• What’s a Basic Use Case for Cascade Layers in CSS?

Reading-order

• Solving the CSS layout and source order disconnect

Правило перфоманса

• The Performance Golden Rule Revisited

Тест-раннер в Node.js

• Node.js: Move ESM loaders off-thread
• Trying Node.js Test Runner

WordPress в браузере

• Build in-browser WordPress experiences WASM

Нейронки в браузере

• Web Stable Diffusion
• Играем в Mortal Kombat с TensorFlow.js
• WebGPU: Implementation Status

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

• When is :focus-visible visible?

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:08 Chrome 112/113
00:18:49 Safari TP
00:25:37 Hr внутри select
00:31:41 Релизы Safari
00:48:25 Babel на ESM
00:52:05 История JSON
01:05:11 Веб на WASM

Chrome 112/113

• New in Chrome 112
• Chrome 113 beta
• LCP change in Chrome 112 to ignore low-entropy images

Safari TP

• Release Notes for Safari Technology Preview 167

Hr внутри select

• Allow hr to be used inside select as a separator

Релизы Safari

• Safari releases are development hell

Babel на ESM

• Super experimental ESM-based version Babel

История JSON

• JSON vs XML With Douglas Crockford

Веб на WASM

• Towards a modern Web stack

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:16 25 лет Mozilla
00:12:33 Новинки Figma
00:25:39 Safari 16.4
00:49:20 Sass и CSS-нестинг
00:59:50 Новости React Labs
01:09:59 media scripting
01:16:00 Playwright UI
01:20:47 CSS Zen Garden жив!

25 лет Mozilla

• A quarter century of Mozilla
• XUL Layout is gone

Новинки Figma

• Figma Little big things

Safari 16.4

• WebKit Features in Safari 16.4
• JavaScript import maps are now supported cross-browser
• Safari 16.5 Beta Release

Sass и CSS-нестинг

• Sass and Native Nesting

Новости React Labs

• React Labs: What We’ve Been Working On

@media scripting

• Intent to prototype and ship: Scripting media feature
• Media scripting demo

Playwright UI

• Playwright: Introducing UI Mode

CSS Zen Garden жив!

• CSS Zen Garden is back

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:08 Safari TP 166
00:09:33 HTML-элемент search
00:23:05 Focus-visible
00:31:20 GitHub Copilot X
00:47:34 AI в дизайне
01:05:32 AI в разработке
01:23:39 Печать на CSS
01:33:23 Планы на Vite 5
01:36:07 Ответы на вопросы

Safari TP 166

• Release Notes for Safari TP 166

HTML-элемент search

• The search element

Focus-visible

• When is focus-visible visible?

GitHub Copilot X

• GitHub Copilot X: The AI-powered dev experience

AI в дизайне

• Beta Adobe Firefly

AI в разработке

• The End of Front-End Development

Печать на CSS

• Laying Out a Print Book With CSS

Планы на Vite 5

• Vite 5 discussion

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:54 Firefox 111
00:13:45 Анимация display
00:21:03 TypeScript 5.x
00:34:40 Container Queries
00:49:37 Anchor Positioning
01:07:19 Electron 10 лет
01:15:49 React.dev
01:23:33 Ошибки на React
01:35:26 Ответы на вопросы

Вадим ищет работу

• LinkedIn
• Резюме

Firefox 111

• Firefox 111

Анимация display

• Intent to Ship: Transitions on specified discrete properties
• Dialog open close animation

TypeScript 5.x

• Announcing TypeScript 5.0
• TypeScript 5.1 Iteration Plan

Container Queries

• On Container Queries, Responsive Images, and JPEG-XL

Anchor Positioning

• Future CSS: Anchor Positioning

Electron 10 лет

• 10 years of Electron

React.dev

• Introducing react.dev

Ошибки на React

• 5 Mistakes I Made When Starting My First React Project

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

• Over 1000 feeds for web developers
• Фид подкаста на Гитхабе

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:10 Chrome 111
00:06:49 Бета Chrome 112
00:18:24 Safari TP
00:30:53 Chrome на iOS
00:38:33 Тригонометрия в CSS
00:46:48 CSS Nesting
01:00:20 Ускорение таблиц
01:12:30 Inert и доступность
01:22:00 TS 5.0 на ES-модулях
01:33:26 Ответы на вопросы

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

Chrome 111

• New in Chrome 111

Бета Chrome 112

• Chrome 112 beta

Safari TP

• Release Notes for Safari Technology Preview 165
• Новый image-set как тег picture в CSS

Chrome на iOS

• Checking out and building Chromium for iOS
• Open Web Advocacy
• The F-Word

Тригонометрия в CSS

• Trigonometric functions in CSS

CSS Nesting

• CSS Nesting

Ускорение таблиц

• Making Tanstack Table 1000x faster with a 1 line change

Inert и доступность

• Firefox: Intent to ship inert attribute
• WCAG: Клавиатура

TS 5.0 на ES-модулях

• TypeScript’s Migration to Modules

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

• Polypane
• Forecast

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:47 Text-wrap: balance
00:12:50 CSS anchor positioning
00:36:44 Зум в мобильном Chrome
00:46:45 Блистательная кнопка
00:52:02 Стандарты дискуссий
01:05:43 CSS-специфичность
01:16:55 Текстовая семантика
01:32:36 Дизайн-система Wise
01:39:51 Фронтенд без сборки
01:50:43 Ответы на вопросы

Text-wrap: balance

• Chrome Canary: text-wrap: balance in action
• Bugzilla: Implement CSS text-wrap: balance
• CSSWG: text-wrap: balance feedback

CSS anchor positioning

• Tether elements to each other with CSS anchor positioning
• Open UI CG meetings

Зум в мобильном Chrome

• You can set zoom level while maintaining layouts

Блистательная кнопка

• Shiny Button

Стандарты дискуссий

• Improving standards of behavior in standards discussions

CSS-специфичность

• (255,255,255) is the highest specificity

Текстовая семантика

• Representation of style
• Screen Readers support for text level HTML semantics

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

• Wise Design

Фронтенд без сборки

• You don’t need a build step

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:16 Safari TP
00:07:47 Apple про PWA
00:17:46 Chrome Headless
00:25:50 Статьи и курсы
00:38:43 Генераторы статики
00:49:39 Фронтенд без сборки
00:59:10 TypeScript Reset
01:05:26 WYSIWYG для React
01:16:59 Vercel Cache API
01:27:26 Ответы на вопросы

Safari TP

• Release Notes for Safari TP 164

Apple про PWA

• Why Apple/Safari/WebKit folks don’t say Progressive Web App or PWA

Chrome Headless

• Chrome’s Headless mode gets an upgrade

Статьи и курсы

• Web.Dev: Learn HTML
• Web.Dev: Learn Privacy
• Last baseline alignment

Генераторы статики

• The JavaScript Site Generator Review

Фронтенд без сборки

• Writing Javascript without a build system

TypeScript Reset

• CSS reset for TypeScript

WYSIWYG для React

• Codux by WiX

Vercel Cache API

• Vercel Cache API: A progressive cache, integrated with Next.js

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

• ECMAScript spec proposal for ShadowRealm API
• Styles Directory
• MDN: Template

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:39 Firefox 110 и Container Queries
00:19:50 Chrome DevTools 110/111
00:33:48 Тюнинг шрифтов
00:43:47 PWA-релиз Safari 16.4
00:58:15 Нестинг и postcss-preset-env
01:14:46 CSS-вишлист
01:29:16 Ответы на вопросы

Firefox 110 и Contaier Queries

• Firefox 110 for developers
• Container queries land in stable browsers

Chrome DevTools 110/111

• What’s New In DevTools (Chrome 110)
• What’s New in DevTools (Chrome 111)

Тюнинг шрифтов

• Improved font fallbacks

PWA-релиз Safari 16.4

• Web Push for Web Apps on iOS and iPadOS
• Meet Web Push
• Safari 16.4 Beta Release Notes
• Web Push on iOS and iPadOS 16.4 beta 1
• How many sentences are not valid for the mobile Safari

Нестинг и postcss-preset-env

• Upcoming changes to CSS Nesting
• CSS Nesting syntax is not like Sass

CSS-вишлист

• Дейв Руперт
• Эрик Мейер
• Ахмад Шадид
• Мануэль Матузович
• Йенс Майерт

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

• CSS-Tricks: front-end and front end
• Frontend Issue #1
• Веб-стандарты в Spotify
• Подкаст на Гитхабе

[email protected]

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

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