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

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

• Boosty
• Patreon

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

Гости: Глеб Воронцов, Иван Недзвецкий

Темы

00:00:00 Интро
00:01:27 События
00:06:29 Chrome DevTools
00:17:20 Прощай HTTP-пуш
00:24:29 Apple на ARM
00:30:02 Состояние разметки
00:37:11 Новая книга по CSS
00:41:33 Пиксель-пёрфект
00:52:29 Миниапы ВК
00:59:00 Технологии
01:06:27 Зачем это всё
01:13:29 Где деньги

События

• PWA пять лет спустя онлайн 20 ноября
• ЮMoneyDay онлайн 28 ноября
• YaTalks онлайн 5 декабря
• Chrome Dev Summit онлайн 9–10 декабря

Chrome DevTools

• What’s New In DevTools (Chrome 88)

Прощай HTTP-пуш

• Intent to Remove: HTTP/2 and gQUIC server push

Apple на ARM

• Does it ARM

Состояние разметки

• Web Almanac: Markup

Новая книга по CSS

• Debugging CSS

Пиксель-пёрфект

• Chasing the Pixel-Perfect Dream

Миниапы ВК

• Сообщество разработчиков Mini Apps
• Документация
• Каталог приложений
• VKUI

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:50 Подсказки для флексов
00:06:01 File API не стандарт
00:15:34 Выражения от контейнера
00:29:43 Зачем вообще ARIA
00:36:18 Переменные и темы
00:45:14 Масонри в гридах

Подсказки для флексов

• Dynamic contextual flexbox alignment icons!

File API не стандарт

• Google’s File System Access API is not a standard

Выражения от контейнера

• All Them Switches: Responsive Elements and More
• Intent to Prototype: Container Queries
• Предложение
• Вариация
• I’d like to try Container Queries!
• Орущий ковбой

Зачем вообще ARIA

• What Is ARIA Even For?

Переменные и темы

• Sass vars, CSS vars, and semantic theme vars
• Professional color palette

Масонри в гридах

• Native CSS Masonry Layout In CSS Grid

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

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

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

• Boosty
• Patreon

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

Гости: Надя Наширбанова

Темы

00:00:00 Интро
00:01:21 События
00:06:06 Mozilla против фич
00:17:09 Microsoft против IE
00:24:59 Адаптивность от высоты
00:37:37 Миниапы в суперапах
00:57:58 Дизайнер в Яндексе

События

• Я.Субботник по разработке интерфейсов онлайн 21 ноября

Mozilla против фич

• Mozilla Specification Positions

Microsoft против IE

• Microsoft will forcibly open some sites in Edge instead of IE

Адаптивность от высоты

• Отзывчивый веб-дизайн и учёт высоты окна браузера

Миниапы в суперапах

• Learning from mini apps

Дизайнер в Яндексе

• Designing in the Browser

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:52 События
00:03:40 Edge и Safari
00:08:56 Бета Chrome 87
00:17:10 Firefox 82
00:29:25 MDN и State of CSS
00:37:32 Структура CSS
00:51:04 История браузеров

События

• Svelte Summit онлайн 18 октября — видео
• Tver.io Open Source Talks онлайн 30 октября
• BEMup — онлайн-митап по БЭМ 6 ноября
• Планета Гитхаб онлайн 17 ноября
• Я.Субботник по разработке интерфейсов онлайн 21 ноября

Edge и Safari

• Introducing Microsoft Edge preview builds for Linux
• Safari TP 114
• Safari TP 115

Бета Chrome 87

• Chrome 87 Beta

Firefox 82

• Firefox 82
• Coming through with Firefox 82

MDN и State of CSS

• MDN Web Docs: Editorial strategy and community participation
• The State of CSS Survey

Структура CSS

• Как я структурирую CSS

История браузеров

• Движок, который смог: как Chromium захватил 90%
• The History of the Web, Volume I на Leanpub

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

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

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

• Boosty
• Patreon

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

Гости: Антон Кастрицкий

Темы

00:00:00 Интро
00:01:33 События
00:04:27 Опрос MDN
00:12:05 Открытые приоритеты Igalia
00:15:28 Новинки Npm 7
00:27:08 React vs WordPress
00:35:27 Уже Webpack 5
00:43:48 Что такое Rome
00:56:04 Инструмент будущего

Антон Кастрицкий

• Антон в Твиттере
• Антон на Твитче

События

• Next.js Conf онлайн 27 октября
• Chrome Dev Summit 9–10 декабря

Опрос MDN

• MDN DNA Survey

Открытые приоритеты Igalia

• Two projects remain
• AMP: $10k matching campaign

Новинки Npm 7

• Presenting v7.0.0 of the npm CLI

React vs WordPress

• The (extremely) loud minority

Уже Webpack 5

• Webpack 5 release

Что такое Rome

• Репозиторий Rome
• Сайт Rome
• I’ve been looking at the Rode source code…

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

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

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

• Boosty
• Patreon

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

Гости: Зар Захаров

Темы

00:00:00 Интро
00:01:23 События
00:12:23 Chrome 86
00:21:38 Safari и Firefox
00:26:04 Начало UI-кита
00:38:13 SSR и Next.js
00:50:03 Про Зара
00:58:22 JS-марафоны

События

• Facebook Developer Circle: Frontend Online онлайн 15–17 октября
• Dynamic Talks UI meetup онлайн 15 октября
• Frontend Meetup в Иннополисе 10 октября

Chrome 86

• New in Chrome 86

Safari и Firefox

• Release Notes for Safari TP 114
• Reveal the elements which are causing the overflow

Начало UI-кита

• Зачем нужна выделенная Frontend Core команда

SSR и Next.js

• Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt?

Зар и JS-марафоны

• Зар в Твиттере
• Zar Marathon 2k20
• React Marathon 2.0

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

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

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

• Boosty
• Patreon

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

Гости: Роман Дворнов

Темы

00:00:00 Интро
00:01:42 События
00:03:15 Edge в VS Code
00:12:42 Инспектор гридов в Chrome
00:29:46 Gap и баги флексов
00:37:53 Математика в CSS
00:46:42 Hacktoberfest
00:53:15 Shitoberfest
01:00:51 Опенсорс Романа

События

• BeerJS.NN в Нижнем Новгороде 1 октября
• Frontend Meetup в Иннополисе 10 октября
• Календарь событий

Edge в VS Code

• Bringing the browser developer tools to VS Code

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

• What’s New In DevTools
• Inspect CSS Grid

Gap и баги флексов

• Closing the gap in flexbox

Математика в CSS

• Математические функции в CSS
• The math of CSS Locks
• Баба Яга против

Hacktoberfest

• Hacktoberfest

Shitoberfest

• Ugh, oh no, October is starting
• Shitoberfest
• Hacktoberfest update

Опенсорс Романа

• Домашняя страница
• CSSTree
• CSSO
• Postcss-csso
• Discovery
• CSS syntax reference
• CSSWG drafts index
• Json-ext

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:52 Чат в Телеграме
00:03:42 События
00:05:09 Firefox 81
00:09:32 Vue 3
00:18:16 GitHub CLI
00:27:34 Отладка CSS
00:36:22 Новая Nova
00:49:00 Редактор для веба

Чат в Телеграме

• Чат-стандарты в Телеграме

События

• OdessaFrontend #16 в Одессе 30 сентября
• Inclusive Design 24

Firefox 81

• Firefox 81

Vue 3

• Вышел Vue.js 3.0 «One piece»
• Выпуск с Натальей Теплухиной из Vue Core Team

GitHub CLI

• GitHub CLI 1.0 is now available
• Mathias’s dotfiles
• GitHub Pull Requests and Issues

Отладка CSS

• Finding The Root Cause of a CSS Bug
• Крис Лилли

Новая Nova

• Nova
• Panic
• Espresso

Редактор для веба

• GitHub Codespaces
• Using a Docker Container as a Dev Environment

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

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

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

• Boosty
• Patreon

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

Гости: Сергей Куликов, Влад Шилов

Темы

00:00:00 Интро
00:02:09 События
00:04:50 Safari 14
00:14:45 Миссия PostCSS 8
00:26:35 Moment.js всё
00:30:33 React и веб-компоненты
00:41:21 История двух колор-пикеров
00:51:14 Сравнение подходов
01:03:27 Доступность решения

События

• PiterJS онлайн 24 сентября
• JavaScript EVENING онлайн 30 сентября
• Frontend Conf Live онлайн 23 сентября—2 октября
• Расписание
• Регистрация

Safari 14

• Safari on iOS 14 and iPadOS 14 for Web Developers
• CSS Shadow Parts are coming!

Миссия PostCSS 8

• PostCSS 8.0: Plugin migration guide

Moment.js всё

• Moment.js Project Status

React и веб-компоненты

• Comparing React and Web Components: Starters
• Comparing React and Web Components: Components

История двух колор-пикеров

• Супер быстрый и компактный колор-пикер для Реакта
• У библиотеки одна зависимость — React
• React-colorful
• React-colorful: демо
• Vanilla-colorful
• Vanilla-colorful: демо
• Розеттский камень

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

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

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

• Boosty
• Patreon

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

Гости: Иван Богачёв

Темы

00:00:00 Интро
00:01:22 События
00:04:07 Edge DevTools
00:17:28 Разнообразие браузеров
00:30:39 Польза от AVIF
00:42:14 Генераторы статики
00:51:19 Математика для фронтендера
00:58:05 Зачем Хабр и Тостер
01:03:51 Устарело ли чтение
01:10:33 Кому нужны переводы

События

• Front-end Hero Online Meetup онлайн 17 сентября
• Inclusive Design 24 онлайн 17 сентября

Edge DevTools

• Microsoft Edge 86: What’s New In DevTools
• Source Order Viewer in Edge 86

Разнообразие браузеров

• What is the Value of Browser Diversity?

Польза от AVIF

• AVIF has landed

Генераторы статики

• Знакомство с генератором статики Eleventy

Математика для фронтендера

• Временные функции и траектории для анимации
• Математика для программиста

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

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