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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:45 Бета Chrome 86
00:17:15 Пользовательский фокус
00:22:32 Псевдоэлемент ::marker
00:28:00 Отладка шрифтов
00:31:03 Инструкция по скринридерам
00:38:54 Модальный компонент
00:42:01 Шапка на флексах
00:47:48 Что делать с селектом

Бета Chrome 86

• Chrome 86: Improved Focus Highlighting, WebHID, and More

Пользовательский фокус

• Chromium Blog: Giving users and developers more control over focus
• Хороший и плохой focus, полифил focus-visible и Open Prioritization

Псевдоэлемент ::marker

• Custom bullets with CSS ::marker

Отладка шрифтов

• In new Chrome DevTools, you can finally disable local fonts loading!

Инструкция по скринридерам

• Недоступность в картинках

Модальный компонент

• Modal. A simple, accessible modal dialog web component

Шапка на флексах

• Building Website Headers with CSS Flexbox
• Адаптивная шапка с выпадающим меню на гридах, часть 1
• Адаптивная шапка с выпадающим меню на гридах, часть 2

Что делать с селектом

• Under the spotlight: Select
• Custom Select Styles with Pure CSS

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

Гости: Андрей Ситник

Темы

00:00:00 Интро
00:01:34 Firefox 80
00:07:44 Chrome 85
00:22:47 Никто не новый IE
00:34:34 Зачем Yarn 2
00:42:35 Новый формат AVIF

Firefox 80

• Марат Таналин: Firefox 80
• MDN: Firefox 80
• Firefox Browser в Google Play
• GeckoView

Chrome 85

• New in Chrome 85
• София Валитова: Типы данных в CSS

Никто не новый IE

• Chrome is not new IE, Крис Уилсон

Зачем Yarn 2

• Yarn 2.2

Новый формат AVIF

• How to Use AVIF: The New Next-Gen Image Compression Format
• Squoosh.app now supports AVIF!
• Better web video with AV1 codec
• WebPv2?
• What image format will win the mainstream in the future?

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев

Гости: Евгений Некрасов, Никита Савчук

Темы

00:00:00 Интро
00:01:47 События
00:04:11 Новая типографика
00:08:15 Исследование Яндекса
00:23:17 Опыт Фейсбука
00:30:38 Отладка доступности
00:37:54 Новые интерфейсы
00:45:25 Что мешает в вебе
00:56:52 Скринридеры

Евгений Некрасов

• Телеграм
• ВКонтакте

События

• PiterJS онлайн 27 августа
• BeerJS.NN в Нижнем Новгороде 3 сентября

Новая типографика

• Leading-Trim: The Future of Digital Typesetting

Исследование Яндекса

• Предпочтения пользователей с нарушениями зрения
• Early Mac Firefox VoiceOver Support

Опыт Фейсбука

• Building greater accessibility into Facebook.com

Отладка доступности

• Accessibility In Chrome DevTools
• Accessible color suggestion in the Styles pane

Новые интерфейсы

• Myo Armband

Что мешает в вебе

• 5 most annoying website features I face as a blind person every single day

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:02 PhoneGap всё
00:09:26 Решение проблемы фокуса
00:14:46 Система цветов и тем
00:23:37 Зачем в CSS километры
00:28:32 Кризис Mozilla и бесплатный веб

События

• Frontend Live онлайн 23 сентября—2 октября

PhoneGap всё

• Is the Phone Gap closed in 2020?

Решение проблемы фокуса

• Хороший и плохой focus, полифил focus-visible и Open Prioritization

Система цветов и тем

• How to configure application color schemes with CSS custom properties

Зачем в CSS километры

• Единицы размеров в CSS

Кризис Mozilla и бесплатный веб

• Changing World, Changing Mozilla
• Reducing investment in devtools, internal tooling, platform features
• Product Advisory Board Members
• Firefox Developer Tools will not be going away
• The cult of the free must die
• I Love MDN, or the cult of the free in action

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:01:08 События
00:03:47 Инспектор гридов в Chrome
00:09:27 Долгожданная настройка форм
00:23:03 Хитрый сбор всех CSS-свойств
00:29:41 Content-visibility
00:37:57 Польза вариативных шрифтов
00:53:06 Бесконечные списки

События

• Node.js в 2020 в школе Метархии под Киевом 22–23 августа
• Node.js in 2020. Get out and come back again
• Design is Frontend онлайн 20 августа

Инспектор гридов в Chrome

• Chromium CSS Grid Devtools update

Долгожданная настройка форм

• Enabling Custom Control UI
• Open UI

Хитрый сбор всех CSS-свойств

• Introspecting CSS via the CSS OM

Content-visibility

• Content-visibility boosts your rendering performance

Польза вариативных шрифтов

• Getting the most out of variable fonts on Google Fonts

Бесконечные списки

• Infinite scroll without layout shifts

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:37 Сайд-подкасты
00:10:53 Онлайн-события
00:16:57 Новости браузеров
00:30:48 Main вместо master
00:43:21 Поиски эмпатии

Сайд-подкасты

• Красная за разговоры
• The F-Word
• LP — любимые пластинки
• Будни домена Флоренция

Онлайн-события

• HolyJS Moscow онлайн 25–28 ноября

Новости браузеров

• Firefox 79
• Firefox UA string on macOS
• Алекс Рассел
• Тимоти Хэтчер

Main вместо master

• Highlights from Git 2.28
• Renaming the default branch from master

Поиски эмпатии

• Доступный для кого-то
• Тренды веб-дизайна 2020: модное и значимое

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

Гости: Андрей Яманов

Темы

00:00:00 Интро
00:01:22 События и MoscowJS
00:04:53 Бета Chrome 85
00:18:37 TypeScript в Svelte
00:25:16 Типизированный CSS
00:34:15 Сброс в CSS
00:42:05 Что такое Numl

События и MoscowJS

• PiterJS #49 онлайн 30 июля
• MoscowJS

Бета Chrome 85

• Chrome 85 Beta
• Будущее навигации в веб. Разбираемся с Portals API

TypeScript в Svelte

• Svelte Loves TypeScript

Типизированный CSS

• The F-Word: Brian Kardell on Open Prioritization
• @property: giving superpowers to CSS variables

Сброс в CSS

• Объяснение ключевых слов initial, inherit, unset и revert в CSS
• Никто не знает CSS: специфичность — не каскад

Что такое Numl

• Numl — альтернативный язык разметки и стилизации для веб
• Официальный сайт Numl
• Чат в Телеграме

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

Гости: Виталий Емельянцев

Темы

00:00:00 Интро
00:01:23 События
00:04:42 Chrome 84
00:19:21 Нативный параллакс
00:26:04 Архив GitHub во льдах
00:35:07 Open Prioritization
00:45:17 Счётчик Lighthouse
00:52:55 Tailwind на практике
01:10:12 Tailwind как Bootstrap

События

• Видео с WebAssembly Moscow #3
• Видео с WebAssembly Moscow #2
• Tver.io State Management Talks онлайн 23 июля

Chrome 84

• New in Chrome 84
• What’s New In DevTools (Chrome 84)

Нативный параллакс

• Scroll-linked Animations
• Scroll-timeline polyfill

Архив GitHub во льдах

• GitHub Archive Program

Open Prioritization

• Open Prioritization
• Implementing :not() in Chrome
• Implementing CSS Containment

Счётчик Lighthouse

• I added Lighthouse scores to my site’s footer and you can too

Tailwind

• Очередной фреймворк или новый шаг эволюции?
• TailwindCSS
• Преимущества многострочного CSS

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

Гости: Владимир Гриненко

Темы

00:00:00 Интро
00:02:08 События в Яндексе
00:09:10 Подкаст про Safari
00:12:50 Планы браузеров
00:22:21 Новый CSS Zen Garden
00:29:53 Кто быстрее: Houdini или CSS
00:38:58 Yandex UI Kit

Подкаст про Safari

• Big updates in Safari 14

Планы браузеров

• Browser Intents: July
• CSS News July 2020

Новый CSS Zen Garden

• Style Stage

Кто быстрее: Houdini или CSS

• CSS Painting vs. CSS Houdini Paint API

Yandex UI Kit

• @yandex/ui
• Презентация @yandex/ui
• VKUI

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

Гости: Полина Гуртовая

Темы

00:00:00 Интро
00:01:32 События
00:05:04 Firefox 78
00:15:13 Новинки V8 8.4
00:26:19 Интересное с Web.Dev Live
00:52:10 Сравнение WebP и JPEG
01:04:24 Небезопасные API

События

• Reactive Online Meetups онлайн 7 июля
• Web.Dev Live Russia онлайн 11 июля
• The Rolling Scopes онлайн 17 июля

Firefox 78

• Firefox 78 for developers
• Firefox 78 в обзоре Марата Таналина

Новинки V8 8.4

• V8 release v8.4
• What’s new in V8/JavaScript

Интересное с Web.Dev Live

• Web.Dev Live, 1 день
• Web.Dev Live, 2 день
• Web.Dev Live, 3 день
• Image compression deep-dive
• Картинки как коробки. Что же там внутри?
• Показываем картинки пользователю: подробное руководство
• 10 modern layouts in 1 line of CSS
• 1-Line Layouts
• Building better in the world of build tools!
• Tooling.Report

Сравнение WebP и JPEG

• Is WebP really better than JPEG?
• Imgproxy

Небезопасные API

• WebKit will not implement
• Mozilla also won’t implement these either
• Are Safari/WebKit teams lazy?
• Tracking Prevention in WebKit
• Mozilla Specification Positions
• Platform Adjacency Theory

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

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