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

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

• Boosty
• Patreon

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

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

Темы

00:00:00 Интро
00:01:36 События
00:02:18 Chrome 88
00:10:21 Картинки во флексах
00:12:06 Новый JS-метод at
00:16:56 Управление CSS-каскадом
00:26:58 Экосистема Smart TV
00:39:26 Интерфейс ТВ
00:47:41 Разработка под ТВ
00:58:54 Устройство ТВ-приложения
01:08:44 Видео для веба

События

• DINS JS Evening онлайн 28 января

Chrome 88

• Chrome 88

Картинки во флексах

• Flexbox Cats (a.k.a fixing images in flexbox)

Новый JS-метод at

• TC39: Relative Indexing Method

Управление CSS-каскадом

• CSS Cascading and Inheritance Level 5
• Первый публичный черновик CSS-каскада 5 уровня
• Пара слов о @layer

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

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

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

• Boosty
• Patreon

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

Гости: Виталий Фридман

Темы

00:00:00 Интро
00:02:07 События и Smashing Conf
00:17:50 Puppeteer для Firefox
00:22:19 Состояние всего
00:38:55 Video как picture
00:53:59 Чек-лист по перфомансу
01:09:13 Нужен ли перфоманс

События и Smashing Conf

• Tver.io Performance Meetup онлайн 21 января
• Wix Kyiv: CSS Debug онлайн 27 января
• Smashing Workshops
• Холивар, история Рунета

Puppeteer для Firefox

• Improving Cross-Browser Testing, Part 2

Состояние всего

• State of JS 2020
• 2020 JavaScript Rising Stars

Video как picture

• HTML Video Element, Filament Group

Чек-лист по перфомансу

• Front-End Performance Checklist 2021

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

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

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

• Boosty
• Patreon

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

Гости: Дэн Абрамов

Темы

00:00:00 Интро
00:01:19 Safari TP 118
00:11:59 Подсветка ошибок на CSS
00:15:19 Загрузка HTML по частям
00:23:34 Suspense и Concurrent
00:40:07 Серверные компоненты
01:01:43 React уже фреймворк?
01:10:16 Сложный бэкенд и SSR

Safari TP 118

• Release Notes for Safari Technology Preview 118
• Репозиторий WebKit на GitHub
• Телеграм-канал «Вебня»

Подсветка ошибок на CSS

• Intent to Prototype: CSS spelling and grammar features

Загрузка HTML по частям

• Loading and replacing HTML parts with HTML
• Smaller HTML Payloads with Service Workers

React Server Components

• Zero-Bundle-Size Server Components
• A few points about the different kinds of components
• React Server Components — что это?
• React Server Components Demo with Prisma

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:08 События Андрея
00:12:30 Привет от Маши
00:13:29 События Никиты
00:32:45 Привет от Оли
00:38:45 События Вадима
00:59:44 Привет от Лёши
01:04:59 Пожелания
01:10:56 Благодарности

Андрей

• Девшахта Андрея на YouTube
• Я ❤︎ Фронтенд 2020
• Node.js Design Patterns
• Newsletter by architects for architects
• Client-Side Architecture Basics

Никита

• Никита на YouTube
• Перевод Никиты на Веб-стандартах
• Книга Debugging CSS
• Monument Valley на чистом CSS
• Генератор статики Eleventy

Оля

• The Boys
• The Mandalorian

Вадим

• Вадим на YouTube
• Твиттервью Эрика Мейера
• Дебаты про ремоут
• Вакансия автора в HTML Academy
• GitHub Codespaces и кодинг на iPad
• Подкаст The F-Word

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:03:24 JS-андерхуд
00:07:28 Фокус в веб-приложениях
00:13:07 Фавиконки в 2021
00:16:58 История JS-фреймворков
00:19:47 React Server Components
00:38:47 Basecamp Hotwire

JS-андерхуд

• Вадим в JS-андерхуде
• Маша в JS-андерхуде

Фокус в веб-приложениях

• How Discord Implemented App-Wide Keyboard Navigation
• CSS Spatial Navigation L1

Фавиконки в 2021

• How to Favicon in 2021: Six files that fit most needs

История JS-фреймворков

• Что нужно знать о популярных JS-фреймворках

React Server Components

• Zero-Bundle-Size Server Components
• React Server Components
• A few points about the different kinds of components

Basecamp Hotwire

• Hotwire aka NEW MAGIC is finally here
• Hotwire
• Turbo Hotwire
• Stimulus Hotwire
• Hotwire: The Demo

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:52 События
00:03:13 Отдельные трансформации
00:09:16 Firefox 84
00:16:16 Боль разработчиков
00:27:26 MDN на Гитхабе
00:37:04 Удивительные черновики CSS
00:50:15 Переполнение и недополнение
00:56:44 Способы центрирования
01:02:09 Залоченный вьюпорт

События

• Видео с JavaScript fwdays’20 Autumn
• Sbermeetup онлайн 22 декабря

Отдельные трансформации

• CSS Individual Transform Properties

Firefox 84

• Firefox 84
• Как воспитать дизайнера

Боль разработчиков

• MDN Browser Compatibility Report 2020

MDN на Гитхабе

• Welcome Yari: MDN Web Docs has a new platform

Удивительные черновики CSS

• Earlier in the week I posted progress on…
• Cascade Layers
• Scope
• Container Queries

Переполнение и недополнение

• Handling Short And Long Content In CSS

Способы центрирования

• Centering in CSS

Залоченный вьюпорт

• User-scalable=no and suppressing zoom suppression

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

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

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

• Boosty
• Patreon

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

Гости: Максим Сальников

Темы

00:00:00 Интро
00:02:32 События
00:09:07 Веб-альманах 2020
00:20:09 Safari TP и списки
00:28:23 Новинки PWA
00:42:42 EStimate лишний JS
00:53:23 Загрузка по заявке
01:01:41 Демки для Houdini
01:11:24 Squoosh 2 и CLI

Максим Сальников

• В Твиттере
• Личный блог

События

• Видео с Accessibility Club Minsk Meetup #2
• Видео с Chrome Dev Summit 2020
• Chrome Dev Summit Russia 2020 Extended онлайн 19 декабря
• PWA. 5 лет спустя

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

• The 2020 Web Almanac

Safari TP и списки

• Release Notes for Safari TP 117

Новинки PWA

• Workbox
• PWA-чат на русском

EStimate лишний JS

• Publish, ship, and install modern JS for faster applications
• EStimator.dev: the modern JavaScript savings calculator

Загрузка по заявке

• The Import On Interaction Pattern

Демки для Houdini

• Cross-browser paint worklets and Houdini.how
• Houdini.how
• CSS paint API: Being predictably random

Squoosh 2 и CLI

• Announcing Squoosh v2
• Squoosh.app

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:48 События
00:02:20 Бета Chrome 88
00:10:03 State of CSS: разнообразие
00:14:41 State of CSS: инструменты
00:17:49 State of CSS: фреймворки
00:25:08 State of CSS: открытия
00:30:29 State of JS
00:34:01 Шрифты для кодинга
00:36:29 Monument Valley на CSS
00:40:02 Верстать как в 2008
00:47:49 Как сверстать сторис
00:52:48 Пуньк и 27 Кб

События

• JSNN #14 онлайн 5 декабря
• PiterJS + Node.js SPb онлайн 10 декабря

Бета Chrome 88

• Chrome 88 Beta
• Native Aspect Ratio Boxes in CSS thanks to aspect-ratio

State of CSS

• The State of CSS 2020
• Is Our Survey Biased Against Women?

State of JS

• The State of JS 2020

Шрифты для кодинга

• Coding Fonts

Monument Valley на CSS

• Pure CSS Monument Valley II

Верстать как в 2008

• Верстать как в 2008, или Флэшбеки олдфага

Как сверстать сторис

• Building a Stories component

Пуньк и 27 Кб

• React hover animation effect with React Spring

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:27 События
00:04:15 Bocoup и appearance
00:09:29 Нестинг в CSS
00:18:21 Адаптация таблиц
00:27:23 Устройство браузера
00:41:38 Смёржить всё в JS
00:53:28 Ценность разделения

События

• PiterJS прошёл онлайн 27 ноября
• SEMrush IT meetup онлайн 3 декабря
• Design is Frontend онлайн 9 декабря

Bocoup и appearance

• Unprefixing appearance to ship web-compatible styling of form elements

Нестинг в CSS

• Current state of the CSS Nesting spec

Адаптация таблиц

• Under-Engineered Responsive Tables
• When is it appropriate to use table?

Устройство браузера

• Устройство современного браузера, часть 1
• Устройство современного браузера, часть 2
• Устройство современного браузера, часть 3
• Устройство современного браузера, часть 4
• How Browsers Work: Behind the scenes of modern web browsers
• Inside a super fast CSS engine: Quantum CSS (aka Stylo)
• Tags to DOM
• Braces to Pixels

Смёржить всё в JS

• The Grand Unification Proposal

Ценность разделения

• Why it’s good for users that HTML, CSS and JS are separate languages

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

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

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

• Boosty
• Patreon

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

Гости: Саша Шинкевич

Темы

00:00:00 Интро
00:01:14 События
00:03:05 Chrome 87
00:10:24 Chrome DevTools
00:15:14 Firefox 83
00:24:23 Новый дом для Servo
00:28:26 Safari 14
00:38:38 Open Prioritization
00:44:57 Кэш туда-обратно
00:53:38 Гриды и minmax

События

• Я.Субботник 21 ноября
• Vue.js fwdays’20 онлайн 28 ноября
• Front-End Hero Meetup онлайн 3 декабря

Chrome 87

• New in Chrome 87

Chrome DevTools

• What’s New In DevTools

Firefox 83

• Firefox 83 for developers
• Firefox 83 — обзор Марата Таналина
• Simple pie charts with fallback, today

Новый дом для Servo

• Servo’s new home

Safari 14

• New WebKit Features in Safari 14

Open Prioritization

• Open Prioritization First Experiment Wrap Up

Кэш туда-обратно

• Back/forward cache
• BFCache, или Туда и обратно

Гриды и minmax

• A Deep Dive Into CSS Grid minmax()

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

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