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

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

• Boosty
• Patreon

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

Гости: Филипп Рябчун

Темы

00:00:00 Интро
00:00:49 Ручной SVG
00:10:22 Puppeteer 2.1 с Firefox
00:15:51 И снова Yarn 2
00:23:52 Что такое TeamCity
00:33:15 Фронтенд TeamCity
00:39:05 Компоненты в Storybook

Ручной SVG

• Optimising SVGs for the Web

Puppeteer 2.1 с Firefox

• Playwright
• Puppeteer v2.1.0

И снова Yarn 2

• Introducing Yarn 2

Что такое TeamCity

• TeamCity
• Бета TeamCity Cloud
• Публичный сервер TeamCity
• Как использовать CI для тестирования фронтенда

Фронтенд TeamCity

• CSS Modules

Компоненты в Storybook

• Storybook
• Аддон StoryShots
• Аддон StoryShots + Puppeteer
• Аддон A11y
• Аддон Knobs

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

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

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

• Boosty
• Patreon

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

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

Темы

00:00:00 Интро
00:01:18 События
00:06:52 Перфоманс: сначала или потом
00:22:01 Воркеры сложнее чем кажутся
00:39:17 Интерфейс для офлайна
00:48:36 Можно ли без JS и нужно ли
01:06:59 Чистый CSS и грязный результат

События

• SPB Frontend в Питере 6 февраля
• IT-knot в Воронеже 13 февраля
• NodeSchool в Питере 29 февраля
• HolyJS в Питере 10–11 апреля
• HolyJS в Москве 13–14 ноября

Перфоманс: сначала или потом

• Микрооптимизации производительности и JavaScript
• Performance first

Воркеры сложнее чем кажутся

• JavaScript in parallel - web workers explained
• Comlink makes WebWorkers enjoyable

Интерфейс для офлайна

• Indexing your offline-capable pages with the Content Indexing API

Можно ли без JS

• Apollo GraphQL without JavaScript

Чистый CSS и грязный результат

• Can you make a countdown timer in pure CSS?

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:46 Подкасты
00:07:24 События
00:10:44 Новинки Safari TP
00:16:05 Новый браузер Flow
00:19:26 Уходит эра IE
00:28:56 Новости от CSSWG
00:43:39 Зачем Yarn, если npm
00:55:07 Playwright вместо Puppeteer
01:05:02 Шрифт JetBrains Mono

Подкасты

• Подборка полезных подкастов для IT-специалистов
• Запуск завтра

События

• MinskJS Meetup 7 в Минске 13 февраля
• Я ❤︎ Фронтенд в Москве 29 февраля

Новинки Safari TP

• Release Notes for Safari Technology Preview 99
• CSS Images L4: image-set

Новый браузер Flow

• New browser on the block: Flow
• Presto and WebKit at Waldemar Thranes gate 98, Oslo

Уходит эра IE

• Today, the Trident Era Ends

Новости от CSSWG

• Add vhc value
• CSS Values L4
• Adding Math functions to CSS

Зачем Yarn, если npm

• Introducing Yarn 2

Playwright вместо Puppeteer

• Playwright
• Puppeteer

Шрифт JetBrains Mono

• JetBrains Mono
• Fira Code

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:47 События
00:07:32 Microsoft Edge
00:14:32 Прощание с User-Agent
00:24:59 Ограничение сторонних кук
00:35:54 Коротко про Babel 7.8.0
00:39:13 Причины хостить Google Fonts
00:47:54 Зачем всё-таки HTTP/2

События

• Storm The Front Meetup 7 в Гомеле 25 января
• Pitera11y_meetup 2 в Санкт-Петербурге 28 января
• PiterJS #44 в Санкт-Петербурге 30 января
• KharkivCSS в Харькове 28 марта
• JSNation в Амстердаме 3–5 июня
• CSS Day в Амстердаме 11–12 июня
• Accessibility Club Summit в Амстердаме 13–14 июня

Microsoft Edge

• Upgrading to the new Microsoft Edge
• Web Components: Everywhere?

Прощание с User-Agent

• Intent to Deprecate and Freeze: The User-Agent string

Ограничение сторонних кук

• A path towards making third party cookies obsolete
• Privacy Community Group

Коротко про Babel 7.8.0

• Babel 7.8.0: ES 2020, .mjs config files and @babel/cli improvements

Причины хостить Google Fonts

• Should you self-host Google Fonts?

Зачем всё-таки HTTP/2

• Perf testing HTTP/1.1 vs HTTP/2 vs HTTP/2 + Server Push for REST APIs

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:00 События
00:06:54 Новинки Firefox 72
00:20:29 Shadow Parts в Firefox
00:24:38 Новые формы в новом Edge
00:29:37 Шаблоны в сервис-воркерах
00:41:26 Плиточная раскладка на гридах
00:46:20 Ментальная модель JavaScript

События

• MoscowJS 47 в Москве 30 января
• Moscowcss №17 в Москве 6 февраля
• KharkivCSS в Харькове 28 марта
• JSNation в Амстердаме 3–5 июня
• Скидка 15% на JSNation

Новинки Firefox 72

• Firefox 72 — our first song of 2020

Shadow Parts в Firefox

• CSS Shadow Parts are coming!

Новые формы в новом Edge

• Form Controls Refresh enabled
• HTML isn’t done!
• Improving form controls in Microsoft Edge and Chromium

Шаблоны в сервис-воркерах

• Smaller HTML Payloads with Service Workers

Плиточная раскладка на гридах

• Стандарт CSS для Masonry-раскладки

Ментальная модель JavaScript

• Из чего сделан JavaScript?

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:14 Оля с пожеланиями
00:04:57 Лёша с софт-скилами
00:22:13 Маша с футболом
00:26:23 Вадим без фронтенда
00:34:37 Веб-компоненты и React
00:52:09 Гриды или флексы
01:01:00 Когда перфоманс
01:12:58 Дайвёрсити
01:18:48 Веб-стандарты 2020

Лёша с софт-скилами

• DevWhatYouLove
• TeamLead Conf

Маша с футболом

• Okko Спорт
• Запуск трансляций Английской Премьер-лиги в новом формате

Вадим без фронтенда

• LP — Любимые пластинки
• Подкастерская

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

• Igalia
• Paul Lewis — Custom Web Shadow Elements, or Whatever…
• Alex Russell — The Mobile Web: MIA

Гриды или флексы

• Grid или Flexbox?

Когда перфоманс

• Size Limit

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

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

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

• Boosty
• Patreon

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

Гости: Катя Климович, Александр Малинин

Темы

00:00:00 Интро
00:03:21 Console.log или debug
00:10:57 Вариативные шрифты
00:24:06 Принципы доступности
00:31:23 Новогодние акции
00:58:02 Одноразовый код

Операция «Javascripton 2020»

• Присоединиться к игре

Console.log или debug

• Frontend Panda Meetup #35 в Москве 18 января
• Mastering JS console.log like a Pro
• Console.log — это alert на стероидах

Вариативные шрифты

• Введение в вариативные шрифты

Принципы доступности

• What a Year of Learning and Teaching Accessibility Taught Me

Новогодние акции HTML Academy

• 2019: Очень странный Новый год
• 2018: Остановили Рагнарёк
• 2017: Победа над Витахультом
• 2016: Новогодняя гонка
• 2015: Первая новогодняя акция

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

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

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

• Boosty
• Patreon

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

Гости: Дмитрий Андриянов

Темы

00:00:00 Интро
00:01:50 Отсутствие событий
00:02:56 Что не так с HTML
00:29:09 Что можно с этим сделать
00:42:07 ШРИ Яндекса

Отсутствие событий

• Убирает старые даты Frontendconf

Что не так с HTML

• Why details is Not an Accordion
• Panels and Panel Sets Extension

Что можно с этим сделать

• Browsers are very hesitant to invest any time in the controls
• Scraping Burned Toast
• HTML is a living language

ШРИ Яндекса

• Регистрация в ШРИ
• Доклад про ШРИ на Я.Субботнике

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

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

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

• Boosty
• Patreon

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

Гости: Кир Белевич, Максим Иванов, Роман Прудников

Темы

00:00:00 Интро
00:02:34 События вообще и в Швеции
00:18:30 Идея стандарта MapML
00:28:48 И снова WebAssembly
00:39:42 Зачем фронтендеру Docker
00:49:18 Красивый код и быстрый код
01:02:26 Жизнь айтишника в Швеции

Кир, Максим, Роман

• Кир в Твиттере
• Максим в Твиттере
• Роман в Твиттере

События вообще и в Швеции

• Msk Vue.js Meetup #6 в Москве 19 декабря
• FikaJS

Идея стандарта MapML

• The Design of MapML

И снова WebAssembly

• W3C brings a new language to the Web
• A Real-World Benchmark of WebAssembly vs. ES6

Зачем фронтендеру Docker

• Docker для фронтендера. Часть 1. Зачем?

Красивый код и быстрый код

• The unseen perf costs of CSS-in-JS in React apps
• JavaScript component-level CPU costs

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

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

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

• Boosty
• Patreon

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

Гости: Никита Дубко, Саша Шинкевич

Темы

00:00:00 Интро
00:01:02 События
00:11:25 10 лет фронтенда на графике
00:13:59 Новинки Firefox 71
00:26:32 WASM 4-й язык веба
00:33:39 Лёгкая вставка YouTube
00:38:54 Доступный кастомный селект
00:43:11 Экономия трафика в CSS
00:49:26 Ненавязчивая реклама
00:53:16 WSD всё

События

• SEMrush IT meetup #2 в Питере 11 декабря
• KazanJS #9 в Казани 12 декабря
• BEMup в Казани 13 декабря
• SPBfiller JS Meetup #2 в Питере 14 декабря
• OdessaFrontend #14 в Одессе 18 декабря
• Последний WSD в Минске 7 декабря

10 лет фронтенда на графике

• Больше 10 лет фронтенда
• Репозиторий на Гитхабе

Новинки Firefox 71

• Firefox 71: A year-end arrival
• Firefox 71

WASM 4-й язык веба

• WebAssembly becomes a W3C Recommendation
• Как мы внедряли WebAssembly в Яндекс.Картах и почему оставили JS

Лёгкая вставка YouTube

• Lite YouTube Embed

Доступный кастомный селект

• Making a Better Custom Select Element

Экономия трафика в CSS

• Proposal: prefers-reduced-data

Ненавязчивая реклама

• Dealing with Ads in 2020

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

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