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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:39 Chrome 110
00:09:03 Chrome Beta 111
00:22:33 Safari TP
00:30:31 Новости Safari
00:41:59 Ленивый CSS в Safari
00:49:45 Interop 2023
01:02:42 Stylelint 15
01:07:17 Eleventy 2
01:14:14 Deno и SSR
01:28:15 Ответы на вопросы

Chrome 110

• New in Chrome 110

Chrome Beta 111

• Chrome 111 beta
• First/Last Baseline
• Intent to Prototype: CSS :initial pseudo class

Safari TP

• Release Notes for Safari TP 163

Новости Safari

• ElementInternals and Form-Associated Custom Elements
• Allowing Web Share on Third-Party Sites
• Try out CSS Nesting today
• Mozilla, like Google, is looking ahead to the end of Apple’s WebKit rule

Ленивый CSS в Safari

• CSS lazy loading is kinda broken in Safari
• Conditionally adaptive CSS

Interop 2023

• Apple
• Bocoup
• Google
• Igalia
• Microsoft
• Mozilla

Stylelint 15

• Stylelint 15.0.0 Changelog

Eleventy 2

• Eleventy v2.0.0, The Stable Release
• CSS and JavaScript as first-class citizens in Eleventy

Deno и SSR

• The Future (and the Past) of the Web is Server Side Rendering

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:41 Бета TypeScript 5
00:17:14 Зачем новые цвета
00:35:29 Что угодно в PiP
00:43:59 Будущее Create React App
01:00:49 AI заменит или поможет?

Почта Веб-стандартов

[email protected]

Бета TypeScript 5

• Announcing TypeScript 5.0 Beta
• Civet

Зачем новые цвета

• High Definition CSS Color Guide
• CSS color-mix()

Что угодно в PiP

• The future of Picture-in-Picture

Будущее Create React App

• Create React App: proposed way forward

AI заменит или поможет?

• Httpie
• Magician for Figma
• OpenAI ChatGPT
• GitHub Copilot
• Microsoft Teams Premium with OpenAI features

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:24 Safari 16.3 и TP 162
00:24:14 Firefox и новые цвета
00:37:48 Подробности про буквицу
00:42:27 Core Web Vitals 2023
01:02:10 Справочник по SVG
01:07:42 Нормальный CSS-in-JS

Safari 16.3 и TP 162

• WebKit Features in Safari 16.3
• Release Notes for Safari TP 162
• Margin-trim
• Declarative Shadow DOM
• Цветовые функции в CSS

Firefox и новые цвета

• Implement lab() and lch() from CSS Color Module L4
• Upgrading colors to HD on the web

Подробности про буквицу

• Greater styling control over type with initial-letter

Core Web Vitals 2023

• Our top Core Web Vitals recommendations for 2023

Справочник по SVG

• SSSVG: An Interactive SVG Reference
• Про CSS
• SVG Filters

Нормальный CSS-in-JS

• Is CSS-in-JS actually bad?

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:16 Firefox 109
00:20:23 CSS для печати
00:30:24 Возвращение Servo
00:44:00 Насколько ты Fugu?
00:52:30 CSS-перфоманс
01:06:27 Великий раздел

Firefox 109

• Firefox 109
• Firefox 109 for developers
• Adding tick marks
• Keyboard accessible datetime picker popup

CSS для печати

• Firefox, Intent to ship: CSS named pages
• Firefox собирается выкатить именованные страницы

Возвращение Servo

• Servo to Advance in 2023
• Igalia plans around Servo
• ACID2 here we come :D
• Acid Tests

Насколько ты Fugu?

• How Fugu is my browser?

CSS-перфоманс

• Using :is() in complex selectors selects more than you might initially think
• The truth about CSS selector performance
• CSS runtime performance

Великий раздел

• The Great Divide
• JavaScript, Community

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:02 Safari TP
00:10:42 Chrome 109
00:24:33 Бета Chrome 110
00:34:51 :has для диапазонов
00:39:24 Conditional CSS
00:44:31 State of JS
01:10:08 Призрак CoffeeScript

Перевод про OKLCH

• OKLCH в CSS: почему мы ушли от RGB и HSL

Safari TP

• Release Notes for Safari Technology Preview 161

Chrome 109

• New in Chrome 109
• New CSS Relative Units
• Igalia Brings MathML Back to Chromium

Бета Chrome 110

• Chrome 110 beta
• SQLite Wasm in the browser backed by the Origin Private File System

Has для диапазонов

• Sibling Scopes in CSS, thanks to :has()

Conditional CSS

• Conditional CSS
• Figma: Improvements to library updates

State of JS

• The State of JS 2022
• How To Build A Progressively Enhanced, Accessible, Filterable And Paginated List

Призрак CoffeeScript

• Civet. The modern way to write TypeScript

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:16 React Concurrency
00:18:34 Мифы HTTP3
00:39:12 Сжатие картинок
00:48:10 SVG-фильтры
00:53:55 CSS visibility
00:58:11 Порядок чтения
01:12:27 Тригонометрия в CSS

React Concurrency

• React Concurrency, Explained

Мифы HTTP3

• HTTP/3 Prioritization Demystified

Сжатие картинок

• Compress An Image Before Upload With JavaScript
• OffscreenCanvas

SVG-фильтры

• How To Distort Text With SVG Filters

CSS visibility

• Obscure CSS: Restoring Visibility

Порядок чтения

• CSS Display Module L3: Display Order
• CSSWG: Method of opting into following the visual order

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

• An Intro to Trigonometric CSS Functions
• Change between square tilings with CSS variables

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:02 Подкаст
00:19:44 Вадим
00:27:50 HTML/CSS
00:43:20 Никита
00:51:07 Интероп
01:02:12 Юля
01:09:42 Дизайн
01:14:55 Андрей
01:29:42 JS/API
01:38:12 Лёша
01:45:44 Браузер Arc
01:54:47 Планы

Ссылки

• Смотреть на Ютубе
• Все новогодние выпуски
• Блог Вадима
• Подкаст LP
• Канал Никиты в Телеграме
• Канал Андрея в Телеграме
• Interop 2022–2023
• The most hearted CodPens of 2022

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:26 Safari 16.2
00:09:43 Safari TP
00:26:20 CSS Masonry
00:32:03 Badging API
00:37:20 Firefox 108
00:42:56 Passkeys в Chrome
00:51:43 Слухи про Apple
01:13:16 CSS Nesting

Safari 16.2

• WebKit Features in Safari 16.2
• First/Last Baseline

Safari TP

• Release Notes for Safari Technology Preview 160

CSS Masonry

• WebKit has started implementing CSS Grid Masonry Layout

Badging API

• WebKit engine support for Badging API

Firefox 108

• Firefox 108

Passkeys в Chrome

• Introducing passkeys in Chrome

Слухи про Apple

• Apple is reportedly preparing to allow third-party app stores on the iPhone
• Apple Considering Dropping Requirement for iPhone Browsers to Use WebKit

CSS Nesting

• Help choose the syntax for CSS Nesting
• Help pick a syntax for CSS nesting

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:31 Chrome Prerender
00:21:37 Экономный Chrome
00:26:27 Chrome 10 лет спустя
00:37:41 Результаты State of CSS
00:51:37 Design Tools Survey
00:56:13 Из таблицы в Figma
01:10:27 Новинки npm
01:22:04 Мобильные и десктопы

Chrome Prerender

• Prerender pages in Chrome for instant page navigations

Экономный Chrome

• New Chrome features to save battery and make browsing smoother

Chrome 10 лет спустя

• Chrome, 10 years later

Результаты State of CSS

• State of CSS 2022: Results

Design Tools Survey

• 2022 Design Tools Survey

Из таблицы в Figma

• Sync and trigger Figma Components, Variants & Props

Новинки npm

• New npm features for secure publishing and safe consumption
• Npm feedback discussions

Мобильные и десктопы

• Desktop vs. mobile

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:24 Safari TP 159
00:12:20 Firefox 107
00:21:34 Chrome 108
00:34:00 Бета Chrome 109
00:41:07 CSS- и JS-календари
00:45:51 HTML-календарь
00:53:35 Ускорение инструментов
01:04:24 CSS-фильтры и маски
01:13:56 Цвета в CSS

Safari TP 159

• Release Notes for Safari TP 159
• WebKit Standards Positions: @scope

Firefox 107

• Firefox 107

Chrome 108

• New in Chrome 108
• The large, small, and dynamic viewport units

Бета Chrome 109

• Chrome 109 beta
• CSS Text Module Level 4
• -ms-hyphenate-limit-chars

CSS- и JS-календари

• Advent of CSS
• Advent of JavaScript

HTML-календарь

• HTMHell Advent Calendar 2022
• How to transfigure wireframes into HTML
• You Don’t Need ARIA For That
• Using SRI to protect from malicious JS

Ускорение инструментов

• Speeding up the JavaScript ecosystem. One library at a time

CSS-фильтры и маски

• Experimenting with layering, filtering, and masking in CSS

Цвета в CSS

• Color Formats in CSS: hex, rgb, hsl, lab
• Тёмная сторона веба
• Does OKLCH make it easier to read and understand colors?
• CLI convert-to-oklch

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

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