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

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

• Boosty
• Patreon

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

Гости: Дмитрий Королёв, Ольга Кобец

Темы

00:00:00 Интро
00:01:38 События
00:06:34 Safari TP
00:15:04 Учебник по ХТМЛ
00:27:42 SQL в браузере
00:35:38 ES-модули
00:43:06 AMP уже не тот
00:49:52 Сообщество MoscowJS
00:58:55 Конференция
01:07:23 Программа

События

• MoscowJS в Москве 11 сентября
• X5Tech Природа Кода в Переславле-Залесском 11–12 сентября

Safari TP

• Release Notes for Safari TP 130
• Safari 15: the bottom tab bar has been redesigned to appear below page content

Учебник по ХТМЛ

• ХТМЛ. Вёрстка для дизайнеров, редакторов и руководителей

SQL в браузере

• A future for SQL on the web

ES-модули

• Modern web apps without JS bundling or transpiling

AMP уже не тот

• Resigning from the AMP advisory committee

MoscowJS

• Сайт MoscowJS
• Сообщество в Телеграме

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

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

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

• Boosty
• Patreon

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

Гости: Виталий Харисов

Темы

00:00:00 Интро
00:01:41 События
00:05:19 Firefox 91
00:13:27 GitHub Codespaces
00:27:22 Уже HTTP/3
00:42:39 Алертгейт
00:54:13 IE пошёл к бабуле
01:06:26 Чем мешает IE11

События

• GDG Minsk Web Meetup онлайн 24 августа
• Программа Women Developer Academy
• Форма регистрации на WDA

Firefox 91

• Hopping on Firefox 91
• Firefox 91

GitHub Codespaces

• Press . on any GitHub repo
• GitHub Codespaces и кодинг на iPad
• GitHub Codespaces: VS Code backend + VMs
• Codespaces is available for Teams and Enterprise Cloud

Уже HTTP/3

• HTTP/3 From A To Z: Core Concepts (Part 1)
• Head-of-Line Blocking в QUIC и HTTP/3: Подробности

Алертгейт

• Stay alert
• Foundations
• Breaking the web forward
• Choice Words about the upcoming deprecation of JS dialogs

IE пошёл к бабуле

• Встречайте бабушку
• What to expect when you’re expecting to drop IE

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:48 События
00:04:59 Safari TP
00:08:04 WWW 30
00:14:58 System-ui
00:21:01 Предпочтения в заголовке
00:29:15 Parcel 2 RC
00:39:54 Super Duper без JIT
00:51:54 CSS-селекторы
00:58:51 Alt с эмоциями

События

• RndTechConf 4 сентября в Ростове-на-Дону
• 404fest 25–26 сентября в Самаре
• FrontendConf 11–12 октября в Москве

Safari TP

• Release Notes for Safari Technology Preview 129

WWW 30

• 30 years on from introducing the Web to the World

System-ui

• Firefox: add support for the system-ui generic font family

Предпочтения в заголовке

• User preference media features client hints headers

Parcel 2 RC

• Parcel 2 RC

Super Duper без JIT

• Super Duper Secure Mode

CSS-селекторы

• You want enabling CSS selectors, not disabling ones

Alt с эмоциями

• Writing great alt text: Emotion matters

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:10 События
00:04:52 Chrome DevTools
00:12:55 Нестинг в CSS
00:28:15 Compat 2021
00:37:39 Yarn 3
00:49:29 Парсер URL
00:55:00 Git Hooks
01:16:07 Доступный диалог

События

• Должен ли дизайнер писать код? Юля Миоцен онлайн 5 августа
• Frontend Conference в Цюрихе 26–27 августа
• Vue.js London в Лондоне 20–21 октября
• HolyJS онлайн 2–5 ноября

Chrome DevTools

• What’s New In DevTools (Chrome 93)

Нестинг в CSS

• CSS Nesting Module
• CSS-нестинг — больше, чем сахар

Compat 2021

• Compat 2021 mid-year update: Flex gap everywhere

Yarn 3

• Yarn 3.0
• Yarn PnP, npm tink, and pnpm Oh My
• npm Blog Archive: Next Generation Package Management

Парсер URL

• URLPattern brings routing to the web platform

Git Hooks

• Git Hooks: let the machine do all the routine

Доступный диалог

• Creating An Accessible Dialog From Scratch

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:58 Safari TP 128
00:07:25 Стримы в Node.js
00:13:37 CDN не так хороши
00:26:00 Дизайн без сеток
00:40:31 Фейсбук на флоатах
00:48:52 Тестирование доступности
00:52:32 Спокойный интерфейс
00:58:42 Доступность section

Safari TP 128

• Release Notes for Safari TP 128
• Meta theme-color and trickery

Стримы в Node.js

• Node.js 16.5.0 - Experimental Web Streams API
• Все стандарты WHATWG

CDN не так хороши

• Akamai is experiencing a service disruption
• Remote code execution in cdnjs of Cloudflare

Дизайн без сеток

• Gridless Design

Фейсбук на флоатах

• Зачем делать копию Facebook под Internet Explorer 6 в 2021 году?

Тестирование доступности

• A Complete Guide To Accessibility Tooling

Спокойный интерфейс

• Как не навредить пользователям с эпилепсией и вестибулярными нарушениями

Доступность section

• Accessibility of the section element

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:06 События
00:08:11 Firefox 90
00:12:26 Новый image-set
00:16:19 Toggle в CSS
00:19:58 Доступность SPA
00:28:05 Export default
00:41:42 Lazy-loading
00:49:34 Библиотека Solid

События

• SberMarket Tech онлайн 22 июля
• Hot Frontend в Краснодаре 24 июля
• RamblerMeetup&Frontend онлайн 29 июля
• RndTechConf в Ростове-на-Дону 4 сентября
• 404fest X в Самаре 25–26 сентября
• FrontendConf в Москве 11–12 октября

Firefox 90

• Firefox 90
• Getting lively with Firefox 90
• Firefox, вздыхая: -webkit-image-set

Новый image-set

• Новый image-set как picture в CSS

Toggle в CSS

• CSS Values L4: Toggle

Доступность SPA

• Three Insights I Gained While Researching Vue.js Accessibility

Export default

• Export default thing is different to export { thing as default }

Lazy-loading

• The performance effects of too much lazy-loading

Библиотека Solid

• SolidJS Official Release: The long road to 1.0

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

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

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

• Boosty
• Patreon

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

Гости: Роман Шамин

Темы

00:00:00 Интро
00:03:33 Safari и WPT
00:11:03 PWA на десктопе
00:19:44 Petite Vue
00:32:17 Канон ВК
00:46:26 Npm audit сломан
00:57:01 Цветовые пространства
01:09:37 Марсианский гротеск
01:16:18 Шрифт для кода

Safari и WPT

• Logical shorthand + variable is unusable in Safari

PWA на десктопе

• Progressive Web Apps for Firefox

Petite Vue

• vuejs/petite-vue: 5kb subset of Vue

Канон ВК

• Публикуем «Канон» — библиотеку знаний дизайнеров ВКонтакте
• Тред про удалённую работу в Злых марсианах

Npm audit сломан

• Npm audit: Broken by Design

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

• Using HSL Colors In CSS
• Цветовые пространства: большой разбор
• Тред про дизайн в sRGB
• Продолжение треда с Никитой Прокоповым

Марсианские шрифты

• Опрос про лигатуры в шрифтах
• Голосование «Современная кириллица 2021»

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:56 События
00:02:12 Формат номеров
00:08:54 Safari TP 127
00:15:01 Theme-color
00:24:56 Accent-color
00:33:56 Temporal API
00:42:47 A11y для дизайнеров
00:55:25 Переезд на Material UI

События

• Podlodka Frontend Crew онлайн 12-13 июля
• Видео с FrontendMix в ЮMoney

Формат номеров

• Input Masking

Safari TP 127

• Safari TP 127

Theme-color

• Цветные вкладки на theme-color для Safari

Accent-color

• Change the form control color with accent-color property

Temporal API

• Temporal: getting started with JavaScript’s new date time API

A11y для дизайнеров

• Доступность в дизайне
• Color and contrast accessibility

Переезд на Material UI

• Material UI, или Как перестать волноваться и перейти на новую библиотеку компонентов

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:47 События
00:04:04 Chrome и сторонние куки
00:15:46 Safari TP (15)
00:22:13 Новинки ES2021
00:32:52 Promise.any и WeakRef
00:47:35 Веб-платформа
00:58:56 Таблицы и LayoutNG
01:05:54 Определение браузеров на CSS

События

• XTechnology Meetup онлайн 3 июля
• DevOps в AGIMA онлайн 6 июля

Chrome и сторонние куки

• An updated timeline for Privacy Sandbox milestones
• Privacy Sandbox
• Google Delays Cookie Removal to Late 2023

Safari TP (15)

• Release Notes for Safari TP 126 with Safari 15 Features

Новинки ES2021

• ES2021
• Weak references and finalizers
• ES2021: numeric separators

Веб-платформа

• Как организована веб-платформа

Таблицы и LayoutNG

• TablesNG Resolves 72 Chromium Bugs

Определение браузеров на CSS

• CSS @supports rules to target only Firefox, Safari, Chromium

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

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

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

• Boosty
• Patreon

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

Гости: Филипп Рябчун

Темы

00:00:00 Интро
00:01:04 События
00:03:27 Chrome ускоряет фреймворки
00:20:45 Astro и 11ty Serverless
00:27:04 Виртуальная клавиатура
00:35:46 JS для Nginx
00:47:37 Планы React 18
00:57:52 Зачем Suspense
01:11:07 TeamCity и YAML

События

• FrontendMix онлайн 24 июня

Chrome ускоряет фреймворки

• Introducing Aurora
• Conformance for Frameworks

Astro и 11ty Serverless

• Introducing Astro:
• Eleventy Serverless (formerly Eleventy Cloud) Thus Far

Виртуальная клавиатура

• Virtual Keyboard API

JS для Nginx

• Магия вне Хогвартса: NJS
• Веб-сервер на Ubuntu 18 с нуля: nginx, HTTP/2, Brotli и HTTPS

Планы React 18 и Suspense

• The Plan for React 18
• New Suspense SSR Architecture in React 18
• Веб-стандарты 264 с Дэном Абрамовым

TeamCity и YAML

• TeamCity 2021.1: Kotlin and Node.js Build Runners
• Build Chains: TeamCity’s Blend of Pipelines
• Задача в трекере JetBrains про поддержку YAML

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

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