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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:24 События и онлайн-доклады
00:11:15 DevTools в Chrome и Edge
00:23:04 Большие новости Safari 14
00:42:00 Date и Temporal
00:48:58 TypeScript 4
00:54:28 Зачем TypeScript

События и онлайн-доклады

• Vue.js: The Documentary по-русски
• NodeSchool SPb онлайн 4 июля
• Web.Dev Live онлайн 30 июня—2 июля
• DevParty онлайн 27 июня
• Записи докладов секции Web с DevParty

DevTools в Chrome и Edge

• Edge 84: What’s new in Microsoft DevTools
• Chrome 85: What’s New In DevTools

Большие новости Safari 14

• Safari 14 Beta Release Notes
• Safari TP 109 with Safari 14 Features
• Quick thread on new things worth mentioning
• What’s new for web developers
• Meet Face ID and Touch ID for the web
• Meet Safari Web Extensions
• What’s new in Web Inspector

Date и Temporal

• Dates and Times in JavaScript
• Пару календарей назад я был совсем другим

TypeScript 4

• Announcing TypeScript 4.0 Beta
• CSSTree docs & tools

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:27 События
00:06:27 Евангелист Safari
00:11:30 Альфа Bootstrap 5
00:23:09 Content-visibility
00:34:53 Справочник по гридам
00:41:43 Доступные чекбоксы правильно
00:50:14 Атрибут forms
00:56:39 Обзор API для PWA

События

• HolyJS Piter онлайн 22–26 июня
• DevParty онлайн 27 июня
• Я.Субботник онлайн 4 июля

Евангелист Safari

• I’m Apple’s newest Web Technologies Evangelist for Safari & WebKit

Альфа Bootstrap 5

• Bootstrap 5 alpha!

Content-visibility

• CSS content-visibility property
• CSS contain property

Справочник по гридам

• Grid Cheatsheet
• Flexbox Cheatsheet

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

• Inclusively Hiding & Styling Checkboxes and Radio Buttons
• Can we please style the select control?!
• Open UI

Атрибут forms

• The form attribute

Обзор API для PWA

• Make your PWA feel more like an app

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:02:11 Путь фронтендера на MDN
00:07:08 Меню из иконки приложения
00:11:05 QuicTransport API
00:16:19 Намерения браузеров
00:19:21 Скорость кастомных свойств
00:25:37 Состояние CSS Houdini
00:36:02 Очистка памяти
00:38:59 Записи и кортежи в ES

Событие

• A11y Club Minsk Meetup #1 онлайн 17 июня

Путь фронтендера на MDN

• MDN Front-end learning pathway

Меню из иконки приложения

• Get things done quickly with app shortcuts

QuicTransport API

• Experimenting with QuicTransport

Намерения браузеров

• Browser Intents

Скорость кастомных свойств

• Performance of CSS Variables
• Hybrid positioning with CSS variables and max()

Состояние CSS Houdini

• CSS Houdini
• Is Houdini ready yet‽
• CSS Canvas Drawing

Очистка памяти

• Event listeners and garbage collection

Записи и кортежи в ES

• Первый взгляд на записи и кортежи в JS

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

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

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

• Boosty
• Patreon

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

Гости: Лиана Гукасян

Темы

00:00:00 Интро
00:01:41 События
00:04:05 Firefox 77
00:11:42 Всё про цвета в CSS
00:25:24 Учить ли TCP
00:32:21 CUBE или БЭМ
00:48:31 Переход на Linux
00:56:04 Учить ли новичков CRA
01:04:35 Сахар или ваниль
01:15:10 Где брать опыт работы
01:20:54 Польза от менторства

Партнёр

SkillFactory: Специализация фронтенд-разработчик

Скидка 50% по промокоду «Веб-стандарты» до 18 июня.

События

• PiterJS онлайн 11 июня
• JSNation Live онлайн 18–19 июня
• HolyJS Piter онлайн 22–26 июня
• Web.dev Live онлайн 30 июня—2 июля

Firefox 77

• New in Firefox 77
• Обзор Марата Таналина

Всё про цвета в CSS

• Colors in CSS
• Modern MQ syntax in all browsers

Учить ли TCP

• What every developer should know about TCP

CUBE или БЭМ

• CUBE CSS

Переход на Linux

• Linux Ubuntu as my main computer, one month in

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:28 События
00:02:54 Edge DevTools
00:10:35 Web Vitals, SEO, AMP
00:17:51 10 лет адаптивности
00:25:21 Улучшение веб-платформы
00:40:30 Взгляд на JS-экосистему
00:54:55 Вертикальный ритм

События

• Web.dev Live 30 июня—2 июля
• HolyJS 2020 Piter онлайн, 22–26 июня

Edge DevTools

• Webhint in Edge DevTools

Web Vitals, SEO, AMP

• Evaluating page experience for a better web

10 лет адаптивности

• Responsive Web Design на A List Apart
• Книга на A Book Apart
• Happy anniversary to this easter egg!

Улучшение веб-платформы

• Web Engine Diversity and Ecosystem Health
• 7 years of code divergence, culminating in LayoutNG
• Next up Tables! Tables have the most layout bugs
• Introducing the Web Platform Contribution Guide
• Web Platform Contribution Guide
• How you can improve the Web Platform

Взгляд на JS-экосистему

• Взгляд на JavaScript со стороны

Вертикальный ритм

• How to Easily Create a Responsive Vertical Rhythm with CSS
• Канал Никиты на Ютубе

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

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

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

• Boosty
• Patreon

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

Гости: Алексей Охрименко

Темы

00:00:00 Интро
00:01:20 События
00:08:47 Microsoft Build
00:15:13 Новинки Chrome 83
00:22:46 Lighthouse 6
00:29:15 Быстрый Google Fonts
00:35:55 Аудит перфоманса Notion
00:44:26 Angular по-русски

События

• РИТ онлайн 25–26 мая
• ngVikings онлайн 25–26 мая
• CodeBattle Pro онлайн 25 мая
• JS Dev Day онлайн 25 мая
• Лайв с Натальей Теплухиной онлайн 25 мая
• Jamstack Conf онлайн 27 мая
• Show And Tell #2 онлайн 30 мая

Microsoft Build

• Microsoft Build Live

Новинки Chrome 83

• New in Chrome 83

Lighthouse 6

• What’s New in Lighthouse 6.0
• Калькулятор весов

Быстрый Google Fonts

• The Fastest Google Fonts

Аудит перфоманса Notion

• Case study: Analyzing Notion app performance

Angular по-русски

• Документация по Angular по-русски
• Сообщество Angular в Телеграме
• Сообщество TensorflowJS в Телеграме

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

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

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

• Boosty
• Patreon

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

Гости: Андрей Мелихов

Темы

00:00:00 Интро
00:01:07 События
00:03:35 Aspect ratio, DevTools, реклама
00:17:46 Кроссбраузерный appearance: none
00:23:40 Top-level await в Node.js
00:34:52 Deno вместо Node
00:54:25 Постоянное хранилище
01:02:15 Дорогая цена стилей

События

• PiterJS онлайн 21 мая
• JS Dev Day онлайн 24–29 мая
• Jamstack Conf онлайн 27 мая
• JSNation Live онлайн 18–19 июня

Aspect ratio, DevTools, реклама

• Aspect ratio in Chrome Canary
• Chrome platform status: CSS aspect-ratio
• What’s new in Chrome 84 DevTools
• Handling heavy ad interventions

Кроссбраузерный appearance: none

• Cross-browser appearance: none

Top-level await в Node.js

• Experimental top-level await in Node.js
• Add support for top level await

Deno вместо Node

• Deno 1.0
• Deno in 100 Seconds
• Пробуем Deno на примере простейшего сервера и React SSR

Постоянное хранилище

• Persistent storage

Дорогая цена стилей

• Дорогая цена стилей
• Critical resources and the first 14 KB
• Лекция Виталия Харисова «10k»

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:00 События
00:03:58 Новости браузеров
00:13:05 Web Vitals
00:23:36 Хранилища в браузерах
00:32:37 Logical assignment в V8
00:37:51 Github Codespaces
00:47:00 Непонятные min и max
00:54:28 Наша ответственность

События

• Дискуссия про тестовые задания онлайн 16 мая
• ngVikings 2020 онлайн 25–26 мая
• MinskJS Meetup #8 онлайн 28 мая
• JS Nation Live онлайн 18–19 июня

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

• Chromium lands Flexbox gap
• Chrome: Screen Wake Lock API
• Stay awake with the Screen Wake Lock API
• Firefox 76: Audio worklets and other tricks
• Firefox 76 в обзоре Марата Таналина

Web Vitals

• Introducing Web Vitals: essential metrics for a healthy site
• Optimize Largest Contentful Paint
• Optimize First Input Delay
• Optimize Cumulative Layout Shift
• Web-vitals
• Web-vitals-extension

Хранилища в браузерах

• Storage for the web

Logical assignment

• Logical assignment

Github Codespaces

• GitHub Codespaces
• Codespaces on the iPad

Непонятные min и max

• Min()/max() both with exactly like JS
• CSS min() and max() functions are counterintuitive

Наша ответственность

• CSS Only Tooltip for All Screen Sizes
• Наша бессмысленная погоня за семантической ценностью
• Ценность осмысленности
• Культ карго CSS
• Архитектура CSS

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:49 Новинки DevTools
00:21:45 Сайт Веб-стандартов
00:27:37 Выделение текста
00:34:23 Пиксели против ремов
00:47:00 Атомарный CSS-in-JS
01:01:35 Автоматизация рефакторинга

Новинки DevTools

• Chrome: It’s almost here. CSS grid tooling!
• Edge: Coming soon. CSS Grid tooling!
• Masonry Grids in Firefox Nightly behind a flag
• Обсуждение спецификации Masonry layout
• A demo of new CSS to accomplish a Masonry-style layout
• Compatibility panel in Firefox based on MDN data
• Proposal for container queries
• Can I Include

Сайт Веб-стандартов

• Сайт Веб-стандартов
• Ишьи в репозитории сайта

Выделение текста

• Using CSS to Control Text Selection
• Selection in CSS

Пиксели против ремов

• Accessible Font Sizing, Explained
• Ишья про единицы измерения

Атомарный CSS-in-JS

• Atomic CSS-in-JS

Автоматизация рефакторинга

• Рефактори как будто никто не видит

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:50 События
00:05:23 Возвращение cssunderhood
00:07:09 Сайт «Веб-стандартов»
00:10:01 Бета Chrome 83
00:17:18 Цветовые функции в CSS
00:21:16 Типизированный CSS
00:24:49 Кастомные свойства и гриды
00:47:43 Бротли, Зопфли и Гуцли
00:57:44 Цена JS-фреймворков

События

• Видео с Я.Субботника 25 апреля
• Node.js SPb MeetUp11 онлайн 28 апреля
• DINS JS EVENING онлайн 29 апреля
• IT Jam. Front-end онлайн 30 апреля
• Онлайн-митапы с живым общением: Фронтенд

Возвращение cssunderhood

• Канал @cssunderhood

Сайт «Веб-стандартов»

• Обновлённый сайт Веб-стандартов
• Репозиторий на Гитхабе

Бета Chrome 83

• Chrome 83 Beta

Цветовые функции в CSS

• CSS Color Module Level 5

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

• Chrome: Intent to Ship: @property

Кастомные свойства и гриды

• Кастомные свойства вместо CSS-переменных на PostCSS
• Используйте кастомные свойства вместо препроцессорных переменных на здоровье!

Бротли, Зопфли и Гуцли

• Real-World Effectiveness of Brotli

Цена JS-фреймворков

• The Cost of Javascript Frameworks

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

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