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

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

• Boosty
• Patreon

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

Гости: Алексей Золотых, Стас Курилов

Темы

00:00:00 Интро
00:00:58 События
00:12:48 Веб-приложения на десктопе
00:38:35 Безопасность и фронтопсы
01:14:28 Test262, Babel и Webpack
01:35:22 Вопросы к HolyJS

События

• Chrome Dev Summit в Сан-Франциско 12–13 ноября
• Google Developer Experts
• HolyJS в Москве 24 ноября
• WSD в Минске 1 декабря
• DartUP в Питере 1 декабря
• Storm the Front meetup #3 в Гомеле 8 декабря
• CFP на CSSConf в Берлине 31 мая
• CFP на JSConf в Берлине 1–2 июня

Веб-приложения на десктопе

• Google Chrome Labs: Carlo
• WebUSB API
• Language Server Protocol
• BopPad
• BopPad Editor

Безопасность и фронтопсы

• Laboratory: CSP Toolkit
• Девшахта 53: DevOops 2018

Test262, Babel и Webpack

• Announcing Test262 Report
• Babel 7 Released

Вопросы к HolyJS

• HolyJS в Москве 24 ноября
• Скидка 1000 ₽ при покупке билета с промокодом wst

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:39 События
00:06:23 Тёмный режим в Safari
00:15:28 WebAssembly в Chrome
00:21:10 Что нового в CSS
00:29:08 Сортировка CSS-свойств
00:38:45 Вариативные шрифты с фолбэком
00:46:42 Почему у дизайнеров не получается
00:55:06 Хуки, или React по-новому

События

• Kottans: курс по фронтенду в Киеве
• DevFest Siberia 23-25 ноября, Новосибирск
• Fronthub в Ульяновске 27 ноября
• WSD в Минске 1 декабря

Тёмный режим в Safari

• Safari TP 68
• Using dark mode in CSS with MacOS Mojave
• Prefers-color-scheme in a picture

WebAssembly в Chrome

• WebAssembly Threads ready to try in Chrome 70
• Origin Trials in Chrome

Что нового в CSS

• The CSS Working Group At TPAC: What’s New In CSS?
• Square that grows to hold all content
• Стандартизация стилей элементов форм

Сортировка CSS-свойств

• Keys to maintainable CSS: Order

Вариативные шрифты с фолбэком

• Implementing a variable font with fallback web fonts

Почему у дизайнеров не получается

• Почему у дизайнеров не получается изучать веб-технологии?
• Блог Вадима Макеева на Ютубе

Хуки, или React по-новому

• Making sense of React Hooks
• Collection of React hooks
• useHooks

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

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

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

• Boosty
• Patreon

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

Гости: Олег Исонен, Артём Сапегин

Темы

00:00:00 Интро
00:02:42 События в Берлине
00:05:05 Веб-компоненты
00:18:52 PWA на десктопе
00:36:33 Styleguidist и JSS
00:42:40 CSS-in-JS

События в Берлине

• React Day
• React Girls Berlin

Веб-компоненты

• Firefox 63 Tricks and Treats!
• React vs Web Components

PWA на десктопе

• Chrome Desktop PWA: Windows
• Chrome Desktop PWA: Linux

Styleguidist и JSS

• Styleguidist
• Storybook
• JSS

CSS-in-JS

• Styled-components v4
• Create React App + astroturf
• Linaria
• Astroturf
• CSS Modules

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

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

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

• Boosty
• Patreon

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

Гости: Николай Птущук

Темы

00:00:00 Интро
00:01:20 События
00:07:07 Chrome 70 и WebKit 2019
00:20:21 Пропорциональная резина
00:24:24 GitHub Actions
00:28:20 Adobe Fonts
00:32:11 Слабые стороны ES6
00:51:14 Фронтенд в Одессе

События

• VuePiterJS №2 в Питере 25 октября
• KyivJS #20 в Киеве 26 октября
• WSD в Киеве 27 октября
• Hacktoberfest Lviv во Львове 27 октября
• ITsubbotnik Tech Mix в Москве 27 октября
• Я.Субботник в Москве 27 октября
• ReactiveConf в Праге 29–31 октября
• LvivCSS во Львове 10 ноября

Браузеры

• New in Chrome 70
• WebKit Feature Focus for 2018-2019
• CSS Intrinsic & Extrinsic Sizing L4

Новости

• GitHub Actions
• Introducing GitHub Actions
• GitHub Actions: built by you, run by us
• Adobe Fonts

JavaScript

• JavaScript ES6: слабые стороны
• Вредная элитарная точка зрения. Обсудим?
• How To Serve Legacy Code Only To Legacy Browsers
• Polyfill.io

Одесса

• Odessa Frontend
• OdessaJS
• Hillel
• ШРИ Яндекса

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

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

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

• Boosty
• Patreon

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

Гости: Катя Поршнева, Сергей Фролов

Темы

00:00:00 Интро
00:01:58 События
00:07:06 Safari и Edge
00:15:35 Бюджет на перфоманс
00:26:44 Новые теги в HTML
00:40:51 Киевское сообщество
01:06:03 Кто такие Котаны?

События

• Я ❤ Frontend в Москве 9 февраля
• Вадим Макеев на Ютубе
• SPB Frontend в Питере 16 октября
• OdessaFrontend в Одессе 18 октября
• NodeSchool SPb в Питере 20 октября
• KyivJS в Киеве 26 октября
• WSD в Киеве 27 октября
• Pitercss_class в Питере 27 октября
• Kyiv Vue.js Meetup в Киеве 1 ноября
• BeerJS PubTalk в Киеве 17 ноября

Safari и Edge

• Safari TP 67
• Edge: Custom Elements
• Edge: Shadow DOM
• Edge: HTML Modules

Бюджет на перфоманс

• Start Performance Budgeting
• Владимир Агафонкин
• Иван Акулов

Новые теги в HTML

• Почему мы не добавим в HTML элемент чудесный?

Киевское сообщество

• KyivJS
• React Kyiv
• BeerJS Kyiv
• Goodness Squad #4
• AngularKyiv
• Kyiv Vue.js Meetup

Кто такие Котаны?

• Kottans
• Kottans Frontend 2018
• Speakers in UA

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

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

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

• Boosty
• Patreon

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

Гости: Влад Антипенко, Артём Захарченко

Темы

00:00:00 Интро
00:01:07 События
00:03:15 Браузеры и расширения
00:14:44 Планы Vue.js 3.0
00:21:23 Цветная прокрутка
00:26:35 Фронтенд в Харькове

События

• Pitercss_meetup в Питере 10 октября
• EmberFest в Амстердаме 11–12 октября
• WSD в Киеве 27 октября

Браузеры и расширения

• What’s new in EdgeHTML 18
• WebP in Edge 18: Supported
• Trustworthy Chrome Extensions, by default

Планы Vue.js 3.0

• Планы на следующую версию Vue.js

Цветная прокрутка

• Первый черновик для оформления прокрутки

Фронтенд в Харькове

• KharkivJS
• Kharkiv Frontend

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:23 События
00:05:06 Пара новинок Safari
00:06:49 Семантика и TypeScript
00:12:13 Разработчики в W3C
00:21:52 Redux не нужен
00:27:54 Новый ES всё сломал
00:37:02 Новые стрелки в JS

События

• JavaScript Party в Новосибирске 3 октября
• Fronteers в Амстердаме 4–5 октября
• Frontend Conf в Москве 4–5 октября
• KharkivJS в Харькове 6–7 октября
• Я.Субботник в Москве 27 октября
• ITsubbotnik Tech Mix в Москве 27 октября
• WSD в Киеве 27 октября
• UfaDevConf в Уфе 17 ноября

Пара новинок Safari

• Release Notes for Safari Technology Preview 66

Семантика и TypeScript

• Почему семантический HTML важен, и как TypeScript помогает это понять

Разработчики в W3C

• Representing Web Developers In The W3C
• Web Developer Representation in W3C

Redux не нужен

• Прощай, Redux. Почему он нам больше не нужен
• Make frontend «backend» again

Новый ES всё ломает

• Highcharts.js line labels disappear with Array#flat enabled
• ES Proposal: Global
• Global breaks Flickr
• ES Proposal: Temporal

Новые стрелки в JS

• Choosing The Right JavaScript Arrow Function

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

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

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

• Boosty
• Patreon

Ведущие: Vadim Makeev

Гости: Bram Stein, Patrick Lauke, Hui Jing Chen, Anna Migas

Темы

00:00:00 Интро
00:00:34 Bram Stein
00:17:07 Patrick Lauke
00:48:31 Hui Jing Chen
01:16:58 Anna Migas

Bram Stein

• Bram on Twitter
• Webfont Handbook
• Adobe Typekit

Patrick Lauke

• Patrick on Twitter
• Getting Touchy
• An introduction to ARIA

Hui Jing Chen

• Hui Jing on Twitter
• Hui Jing’s blog

Anna Migas

• Anna on Twitter
• Repaintless.css
• Starability.css

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

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

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

• Boosty
• Patreon

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

Гости: Алекс Канунников

Темы

00:00:00 Интро
00:01:13 События
00:06:33 10 лет Chrome
00:24:55 Кому нужен URL
00:32:08 Что такое каскад
00:39:28 Курсор на кнопках
00:45:39 Микробенчмаркинг
00:49:29 DOM в воркерах
01:09:18 JS 2018

События

• SPB Frontend в Питере 18 сентября
• JavaScript Open Day в Питере 19 сентября
• OdessaFrontend #7 в Одессе 19 сентября
• NodeSchool SPb №26 в Питере 22 сентября
• DevFest Siberia в Новосибирске 23–25 ноября
• Grow Paris в Париже 12-16 ноября

10 лет Chrome

• 10 Years of Chrome DevTools
• Расширение Web Developer
• What’s New in DevTools
• 10 years of Speed in Chrome
• Chrome 70 beta

Кому нужен URL

• Google хочет убить URL

Что такое каскад

• The Cascade and Other Essential Unessentials
• Никто не знает CSS: специфичность — не каскад

Курсор на кнопках

• Pointer Cursor: RESOLVED

Микробенчмаркинг

• Adventures in Microbenchmarking

DOM в воркерах

• WorkerDOM
• AsyncDom
• AsyncDom на PiterJS

JS 2018

• The State of JavaScript 2018

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

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

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

• Boosty
• Patreon

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

Гости: Валерия Курмак

Темы

00:00:00 Интро
00:02:51 События
00:12:14 Новости браузеров
00:19:56 Ссылки в ссылках
00:25:43 Доступность интерфейсов

События

• Pitercss_meetup в Питере 11 сентября
• Tver.io 0x100 DevDay в Твери 13 сентября
• AstanaJS в Астане 13 сентября
• SPB Frontend в Питере 18 сентября
• Node.js SPb Meetup в Питере 27 сентября
• Chrome Dev Summit в Сан-Франциско 12–13 ноября

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

• New in Chrome 69
• Firefox 62
• Chrome’s NOSCRIPT Intervention
• Take A New Look At CSS Shapes
• Firefox Shape Path Editor

Ссылки в ссылках

• Nested Links Without Nesting Links
• HTML Шорты: Ссылки вокруг блоков

Доступность интерфейсов

• Как не создавать барьеры для незрячих
• О доступности интерфейсов из первых уст
• The A11Y Project

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

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