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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:24 Firefox Nightly
00:09:16 Смешные таблицы
00:17:38 Шум на CSS
00:28:17 State of JS
00:34:57 Npm-пакеты
00:40:28 Isolated Web Apps
00:56:49 Картинки, флексы и CSS
01:07:03 Доступность с клавиатуры
01:16:10 Два волка и инпут

Firefox Nightly

• More improvements than can fit into this title

Смешные таблицы

• My favorite piece of code on GitHub belongs to the WebKit engine

Шум на CSS

• Making Static Noise From a Weird CSS Gradient Bug
• The Art Of SVG Filters And Why It Is Awesome
• Creating Patterns With SVG Filters

State of JS

• State of JavaScript 2022

Npm-пакеты

• How we lost our slick new npm package name (and then got it back)

Isolated Web Apps

• Isolated Web Apps
• Learning from the mistakes of Firefox OS

Картинки, флексы и CSS

• CSS for Developers
• Inline Magic Space
• An Interactive Guide to Flexbox in CSS

Доступность с клавиатуры

• Practical Accessibility
• HTML And CSS (Part 1)
• JavaScript (Part 2)

Два волка и инпут

• What Happened To Text Inputs?
• Адовый UX

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:08 Safari TP 158
00:10:31 Группа WebDX
00:19:54 OKLCH в CSS
00:33:11 TypeScript 4.9
00:45:40 CSS-токены на типах
00:56:03 Гриды и шейпы
01:04:17 Where или is
01:10:13 Трюк с has

Safari TP 158

• Release Notes for Safari TP 158

Группа WebDX

• WebDX: Improving the experience for web developers

OKLCH в CSS

• OKLCH in CSS: why we moved from RGB and HSL

TypeScript 4.9

• Announcing TypeScript 4.9

CSS-токены на типах

• CSS-Only Type Grinding: Casting Tokens into Useful Values

Гриды и шейпы

• CSS Grid and Custom Shapes, Part 1
• CSS Grid and Custom Shapes, Part 2
• CSS Grid and Custom Shapes, Part 3

Where или is

• Day 34: :is() or :where()

Трюк с has

• Style a parent element based on its number of children using CSS

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:39 18 лет Firefox
00:12:41 Safari TP 157
00:19:14 Next.js вместо CRA
00:30:13 JS и SEO
00:39:12 Rome 10
00:47:23 Пиксели или ремы
00:57:44 Код по папкам
01:06:14 Вёрстка баннера

18 лет Firefox

• 18 years ago today, we shipped Firefox 1.0

Safari TP 157

• Release Notes for Safari Technology Preview 157

Next.js вместо CRA

• Next.js passed Create React App in npm downloads

JS и SEO

• Google Needs 9X More Time To Crawl JS Than HTML
• Google: Dynamic Rendering Is A Workaround and Not A Long-Term Solution

Rome 10

• Announcing Rome v10
• Why Not Bundle with esbuild?

Пиксели или ремы

• Accessibility: px or rem?
• Ремы, емы, и почему отказ от них — не проблема

Код по папкам

• Feature-Sliced Design: эволюция фронтенда для быстрых экспериментов
• React File Structure
• Feature-Sliced Design
• Как разложить код по папкам, Александр Бальцевич

Вёрстка баннера

• Inside the mind of a frontend developer: Hero section

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:32 Firefox 106
00:07:14 Снова Arc
00:28:14 Text Fragments
00:32:45 Зачем JPEG XL
00:42:44 Веб-шрифты
00:50:38 Цена jQuery
00:54:52 Vite vs Turbopack
01:03:26 Remix в Shopify
01:08:49 Исход из Твитера

Firefox 106

• Firefox 106

Снова Arc

• Time to reinvent the browser

Text Fragments

• Scroll to Text Fragments

Зачем JPEG XL

• The Case for JPEG XL
• AVIF has landed
• Can I use: JPEG XL

Веб-шрифты

• Switching from static to variable fonts
• Using variable fonts on the web

Цена jQuery

• The impact of removing jQuery on our web performance

Vite vs Turbopack

• Is Turbopack really 10x Faster than Vite?

Remix в Shopify

• Mixing It Up: Remix Joins Shopify to Push the Web Forward

Исход из Твитера

• Your account is permanently suspended
• Accessibility Experience Team at Twitter is fired
• Fedifinder
• Канал Вадима в Телеграме
• Канал Никиты в Телеграме

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:24 Safari 16.1
00:22:01 Chrome 107
00:30:29 Бета Chrome 108
00:39:51 Что не так с Next.js 13
00:55:05 Новый конфиг ESLint
01:03:52 Мэш-градиенты
01:10:26 Как работает блендинг
01:18:45 Опрос про дизайн
01:23:35 YouTube стал быстрее

Safari 16.1

• WebKit Features in Safari 16.1
• Responsively plugin for Figma

Chrome 107

• New in Chrome 107

Бета Chrome 108

• Chrome 108 beta
• The Large, Small, and Dynamic Viewports

Что не так с Next.js 13

• Next.js 13
• Automatic fetch() Request Deduping
• React + Next?
• Introducing Turbopack
• Evan You: Vite vs Next.js

Новый конфиг ESLint

• ESLint’s new config system, pt. 1
• ESLint Configuration Files (New)

Мэш-градиенты

• Highly Customizable Background Gradients

Как работает блендинг

• Blending Modes, тред
• Blending Modes, статья

Опрос про дизайн

• Design Tools Survey

YouTube стал быстрее

• Building a Better Web: A faster YouTube on web

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:24 Дока про доступность
00:03:25 Safari TP 156
00:17:52 Interop 2022
00:29:20 DOM timers
00:36:51 CSS Speech
00:55:31 TypeRunner
01:06:06 CSS Toggles
01:20:43 Плохой CSS-in-JS

Дока про доступность

• Дока — Доступность

Safari TP 156

• Release Notes for Safari Technology Preview 156
• Control the behavior of JavaScript imports with Import Maps
• The wait is over: DuckDuckGo for Mac beta is now open to the public!

Interop 2022

• Browser Vendors Aim to Heal Developer Pain with Interop 2022

DOM timers

• Intent to Ship: Align Timers (including DOM timers) at 125 Hz

CSS Speech

• Why we need CSS Speech
• Speech Synthesis Markup Language
• CSS Speech Module

TypeRunner

• TypeRunner: High-performance TypeScript compiler

CSS Toggles

• CSS Toggles Explainer & Proposal
• CSS Toggles
• Chrome 108+ has experimental support for CSS Toggles

Плохой CSS-in-JS

• Why We’re Breaking Up with CSS-in-JS
• Reverted to using vanilla CSS too

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:23 Fleet для всех
00:15:54 Chrometober
00:24:13 Fugu не всё
00:35:48 Полезные паттерны
00:42:29 Курс WebPageTest
00:50:45 SVG-спрайты
01:01:51 Два разных JS
01:14:29 Socket

Fleet для всех

• Introducing the Fleet Public Preview

Chrometober

• Chrometober 2022
• Scroll-timeline Polyfill

Fugu не всё

• Is Project Fugu “done”?

Полезные паттерны

• New patterns for amazing apps
• GoogleChrome/web.dev/…/patterns

Курс WebPageTest

• Lightning-Fast Web Performance Online Course,

SVG-спрайты

• SVG sprites: old-school, modern, unknown, and forgotten

Два разных JS

• Two JavaScripts

Socket

• Node on mobile, NodeConf EU 2022
• Socket — A New Runtime for the Web
• Socket SDK

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:08 Safari TP
00:06:44 State of CSS
00:11:50 Intl API
00:16:34 Axios 1.0
00:22:10 Пикер эмоджи
00:27:59 CSS Nesting
00:43:41 JS в C++
00:53:30 PWA-плеер
01:11:10 Быстрые тесты
01:24:16 10 лет TypeScript

Safari TP

• Release Notes for Safari TP 155

State of CSS

• State of CSS 2022
• Devographics

Intl API

• Intl.NumberFormat.format() Playground

Axios 1.0

• Axios 1.0.0

Пикер эмоджи

• Proposal: showEmojiPicker() on input/textarea

CSS Nesting

• Simplified CSS nesting syntax
• Sass-вермишель

JS в C++

• I turned JS into a compiled language (for fun and Wasm)

PWA-плеер

• Building desktop apps without native code
• PWAs on Chrome
• Project Fugu. Is it edible?

Быстрые тесты

• Running 1000 tests in 1s

10 лет TypeScript

• Ten Years of TypeScript
• Microsoft’s Typescript is SO impressive (2012)

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:16 Chrome 106
00:13:20 Бета Chrome 107
00:20:36 Firefox 105
00:33:45 Facebook WebView
00:44:25 Learn HTML/a11y
00:50:31 SVG на CSS
00:59:33 Prettier
01:12:52 Веб-альманах CSS
01:27:23 Веб-альманах JS
01:34:23 Веб-альманах HTML

Chrome 106

• New in Chrome 106

Бета Chrome 107

• Chrome 107 beta

Firefox 105

• Firefox 105

Facebook WebView

• Launching a new Chromium-based WebView for Android

Learn HTML/a11y

• Learn HTML
• Learn Accessibility

SVG на CSS

• Experimenting A New Syntax To Write SVG

Prettier

• Why I don’t use Prettier
• No need to argue anymore!

Веб-альманах

• Web Almanac 2022
• Google Fonts on Twitter
• Тред Стефана Джадиса

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:47 Safari TP
00:10:39 Interop 2023
00:29:33 Грязная конкуренция браузеров
00:43:36 Node.js вместо bash
00:52:02 HTML быстрее SPA
01:06:06 Грид-области
01:17:14 Сложные отношения с React

Safari TP

• Release Notes for Safari TP 154

Interop 2023

• Submit your proposals for Interop 2023
• HTTP 203 Viewport
• HTTP 203 Podcast
• Interop 2023: Focus Area Proposal

Грязная конкуренция браузеров

• Five Walled Gardens: Why Browsers are Essential to the Internet and How Operating Systems Are Holding Them Back

Node.js вместо bash

• Shell scripting with Node.js
• A tool for writing better scripts: zx
• How to Write Shell Scripts in Node with Google’s zx Library

HTML быстрее SPA

• Will Serving Real HTML Content Make A Website Faster? Let’s Experiment!

Грид-области

• Using Grid Named Areas to Visualize (and Reference) Your Layout

Сложные отношения с React

• React I Love You, But You’re Bringing Me Down
• Introducing Signals

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

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