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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:31 Safari TP 183
00:07:05 Invoker в Chrome и Firefox
00:17:49 PiP без вопросов
00:26:34 Новинки Figma
00:36:00 Adobe и Figma S10E01
00:50:06 Container Queries
00:59:45 Веб это Chrome?
01:10:18 Stylelint и ESLint
01:26:53 GitHub Monaspace
01:43:04 Ответы на вопросы

Safari TP 183

• Release Notes for Safari Technology Preview 183

Invoker в Chrome и Firefox

• Chrome & Firefox both have experimental support for invoketarget and invokeaction
• A simple counter demo in 9 lines of JS
• Counter app with Invokers

PiP без вопросов

• Automatic picture-in-picture for web apps

Новинки Figma

• Little Big Updates Weekly H2 2023

Adobe и Figma S10E01

• The Figma + Adobe Deal, Explained

Container Queries

• Getting started with CSS container queries

Веб это Chrome?

• The Web Can Do

Stylelint и ESLint

• Stylelint v16.0.0 removed deprecated stylistic rules
• Deprecation of formatting rules
• Node: use biome as formatter

GitHub Monaspace

• Monaspace

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:01 GitHub Universe
00:30:39 Angular.dev
00:46:18 Знай Юникод
01:01:24 CSS 4, 5, 6
01:30:37 AI в FigJam

GitHub Universe

• Universe 2023: Copilot transforms GitHub into the AI-powered developer platform

Angular.dev

• Announcing Angular.dev
• Introducing Angular v17

Знай Юникод

• The Absolute Minimum Every Software Developer Must Know About Unicode in 2023 (Still No Excuses!)

CSS 4, 5, 6

• CSS Feature List
• CSS-Next Community Group
• CSSWG supports efforts to define levels for CSS

AI в FigJam

• Introducing AI to FigJam

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:24 Chrome 119
00:12:52 Бета Chrome 120
00:37:48 Новости Firefox
00:55:30 Safari TP
01:06:03 Веб-компоненты
01:33:28 Импорты в Next.js

Chrome 119

• New in Chrome 119

Бета Chrome 120

• Chrome 120 beta

Новости Firefox

• These Weeks in Firefox: Issue 148
• Firefox: Intent to prototype Invokers
• Open UI. Invokers (Explainer)
• Feature request: “Always underline links in text” option in Firefox
• GitHub: Underlined Links for Improved Accessibility

Safari TP

• Release Notes for Safari Technology Preview 182

Веб-компоненты

• Blinded By the Light DOM
• Web Components Will Outlive Your JavaScript Framework

Импорты в Next.js

• How we optimized package imports in Next.js

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:54 Firefox 119
00:14:42 Safari 17.1 и бета
00:28:10 Код-лаб для Passkey
00:40:29 Figma и Adobe
00:53:33 State of React
00:58:25 Node.js Buffer
01:02:56 Шум вокруг Next.js 14
01:12:27 Опять Tailwind
01:29:32 Эмоджи пельменя

Firefox 119

• Firefox 119 for developers
• Firefox DevTools Newsletter 119
• Firefox Nightly 120.0a1
• Early Hints: How Cloudflare Can Improve Website Load Times by 30%

Safari 17.1 и бета

• WebKit Features in Safari 17.1
• Safari 17.2 Beta Release Notes

Код-лаб для Passkey

• Passwordless login on the web with passkeys
• Passkeys Codelab

Figma и Adobe

• How Figma and Adobe think they could work together
• Zoom App Marketplace: Figma

State of React

• State of React 2023

Node.js Buffer

• Goodbye, Node.js Buffer

Шум вокруг Next.js 14

• Next.js 14
• How to Think About Security in Next.js
• I don’t understand the hate for this

Опять Tailwind

• Tailwind vs Semantic CSS, Теро Пирайнен

Эмоджи пельменя

• The story of the Dumpling emoji

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:24 Chrome DevTools
00:13:09 Стилизация скролбаров
00:26:42 Скрытие IP в Chrome
00:37:47 Firefox DevTools
00:49:55 Развитие text-indent
00:58:54 Safari TP
01:12:41 Node.js 21
01:20:06 Маскот Node.js
01:23:52 Eleventy 3.0
01:29:17 Ответы на вопросы

Chrome DevTools

• What’s New in DevTools (Chrome 119)

Стилизация скролбаров

• Intent to Ship: CSS Scrollbars: scrollbar-color, scrollbar-width
• Can I use: property: scrollbar-color

Скрытие IP в Chrome

• Intent to Experiment: IP Protection Phase 0

Firefox DevTools

• Firefox Developer Tools
• Responsive Design Mode
• The diversity of investment in Chromium is on a steady decline

Развитие text-indent

• Intent to prototype & ship: CSS text-indent keywords hanging & each-line
• text-indent: hanging each-line
• Can I use: hanging-punctuation

Safari TP

• Safari Technology Preview 181

Node.js 21

• Node.js 21 is now available

Маскот Node.js

• Announcing the Node.js Mascot Design Contest!
• Have a mascot

Eleventy 3.0

• Eleventy: Big v3.0.0 Project Slipstream Changes

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:39 Релиз Chrome 118
00:09:59 Сторонние куки в Chrome
00:22:17 Arc Max и AI
00:36:38 Тёмные темы в CSS
00:46:17 Адаптивное видео
00:55:39 Стандарт Source Maps
01:02:45 Включение ESM в Node.js
01:19:59 OKLCH немного сломан
01:31:34 Ответы на вопросы

Релиз Chrome 118

• New in Chrome 118

Сторонние куки в Chrome

• Preparing for the end of third-party cookies

Arc Max и AI

• Introducing Arc Max

Тёмные темы в CSS

• Easy Light-Dark Mode Color Switching with light-dark()

Адаптивное видео

• We’re Bringing Responsive Video Back!

Стандарт Source Maps

• TC39: a task group to standardize source maps

Включение ESM в Node.js

• When to make default-type=module the Node.js default

OKLCH немного сломан

• (ok)lch implementations break the entire purpose for authors
• PostCSS Gamut Mapping Plugin

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:08 Новинки Safari
00:22:26 Бета Chrome 119
00:50:01 Divtober
00:56:29 Пересмотр Baseline
01:08:03 Новинки WCAG 2.2
01:15:01 Closure Compiler

Новинки Safari

• Release Notes for Safari Technology Preview 180
• Window: open() method
• Simplified Responsive Design Mode

Бета Chrome 119

• Chrome 119 beta

Divtober

• Хэштег #divtober
• A Single Div
• The Divtober 2023 Collection
• Single Div Drawings

Пересмотр Baseline

• Call for positions: Baseline definition

Новинки WCAG 2.2

• W3C: What’s new in WCAG 2.2,
• Хидде: What’s new in WCAG 2.2
• Леони: What’s new in WCAG 2.2

Closure Compiler

• The Saga of the Closure Compiler and Why TypeScript Won
• Closure Compiler

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:02 Firefox 118
00:11:51 Тюнинг CSS-нестинга
00:31:50 HTML-заголовки
00:55:38 Порядок в text-wrap
01:02:52 Фотошоп в вебе
01:19:59 Google Fonts через Cloudflare
01:29:53 Картинки и LCP
01:43:31 Tailwind тоже прав
02:02:22 Ответы на вопросы

Firefox 118

• Firefox 118 for developers

Тюнинг CSS-нестинга

• CSS Nesting and the Cascade
• Experiment with support for nested ident-selectors

HTML-заголовки

• Consider adding a headinglevelstart attribute

Порядок в text-wrap

• CSS WG: move balance, stable, pretty out of text-wrap

Фотошоп в вебе

• Photoshop’s journey to the web
• Adobe Photoshop
• System requirements for Photoshop on the web

Google Fonts через Cloudflare

• Cloudflare Fonts: enhancing website font privacy and speed

Картинки и LCP

• The Ultimate Low-Quality Image Placeholder Technique, Гарри Робертс

Tailwind тоже прав

• Classic rock, Mario Kart, and why we can’t agree on Tailwind, Джош Колинсворт

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

[email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:08 Релиз Safari 17
00:24:39 Safari TP 179
00:28:07 :has в Firefox
00:30:07 State of HTML 2023
00:41:25 Scroll-Driven Animations
00:52:31 TypeScript иногда мешает
01:15:48 Ответы на вопросы

Релиз Safari 17

• WebKit Features in Safari 17.0

Safari TP 179

• Release Notes for Safari TP 179
• You can now add a name attribute to the details element

:has в Firefox

• Firefox: Enable :has on Nightly

State of HTML 2023

• State of HTML 2023
• State of HTML 2023 now open!

Scroll-Driven Animations

• Scroll-Driven Animations: Detect if an element can scroll or not

TypeScript иногда мешает

• TypeScript Prevents Bad Things… and Good Things

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

• csswg/issues
• [email protected]

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:46 Chrome 117
00:12:20 Бета Chrome 118
00:42:21 Chrome DevTools
00:48:49 Экологичный веб
00:58:19 Миксины и функции в CSS
01:25:54 Interop 2024
01:29:59 Новости Figma
01:36:19 CSS в Figma
01:49:16 Ответы на вопросы

Chrome 117

• New in Chrome 117

Бета Chrome 118

• Chrome 118 beta
• Postcss-use-logical
• You can scope styles inside of the parent
• Change Display settings for accessibility on Mac

Chrome DevTools

• What’s New in DevTools (Chrome 118)

Экологичный веб

• Introducing Web Sustainability Guidelines
• Web Sustainability Guidelines 1.0 at a Glance
• Mother Nature

Миксины и функции в CSS

• CSS Mixins and Functions

Interop 2024

• Submit your proposals for Interop 2024

Новости Figma

• Video in FigJam
• A makeover of embeds
• Lights, camera, action
• Emojis, upgraded
• Stay connected

CSS в Figma

• Container queries: why it’s time to consider them in Figma

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

• Htmx
• Alpine.js
• OpenCart
• Shopify
• [email protected]

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

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