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

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

• Boosty
• Patreon

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

Гости: Юля Музафарова

Темы

00:00:00 Интро
00:02:12 События
00:09:49 Chrome 74 без мельтешения
00:15:21 Firefox 66 и редактор фигур
00:25:09 Safari и подчёркивание
00:29:31 Мечты про aspect ratio
00:34:23 Гриды в продакшене
00:37:28 Яндекс.Касса и Whitepaper
00:48:40 Рисование на CSS

Юля Музафарова

• Портфолио
• CodePen
• Твиттер

События

• БКС Frontend MeetUp в Москве 27 марта
• AlfaBank JavaScript MeetUP в Москве 27 марта
• Pitercss_meetup в Питере 27 марта
• OdessaFrontend в Одессе 27 марта
• CodeFest в Новосибирске 30–31 марта
• Tech Meetup в Витебске 6 апреля
• DUMP в Екатеринбурге 19 апреля
• Скидка 5% на DUMP с кодом web-standards
• KharkivCSS в Харькове 20 апреля

Chrome 74 без мельтешения

• Chrome 74 beta

Firefox 66 и редактор фигур

• Firefox 66 for developers
• 8 videos Firefox shape path editor
• VisBug

Safari и подчёркивание

• Safari: text underline offset and thickness

Мечты про aspect ratio

• Designing an aspect ratio unit for CSS
• CSS Nesting working draft
• PostCSS color-mod() function

Гриды в продакшене

• How to convince your team to adopt CSS Grid

Яндекс.Касса и Whitepaper

• Яндекс.Касса
• Whitepaper

Рисование на CSS

• Анимация на CSS
• Pure CSS Figures
• Spirit
• Сергей Ратников
• Крис Гэннон

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

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

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

• Boosty
• Patreon

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

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

Темы

00:00:00 Интро
00:01:40 События
00:12:01 Chrome 73
00:22:15 React Native 0.59
00:28:33 CSS Nesting
00:33:40 KV Storage
00:43:42 ARIA Live Regions
00:47:50 Веб-компоненты
01:00:35 Условные ES-модули

События

• ivi JS Meetup в Москве 21 марта
• Moscowcss в Москве 25 марта
• OdessaFrontend в Одессе 27 марта
• AngularMoscow в Москве 28 марта
• Webdev митап в Новосибирске 28 марта
• CodeFest в Новосибирске 30–31 марта
• MinskCSS Meetup в Минске 11 апреля
• Kolesa Conf в Алматы 12 апреля
• WSD в Москве 12–13 апреля
• DUMP в Екатеринбурге 19–20 апреля
• KharkivCSS в Харькове 20 апреля
• KharkivCSS на [email protected] до 22 марта
• HolyJS в Питере 24–25 мая

Chrome 73

• New in Chrome 73

React Native 0.59

• Releasing React Native 0.59
• Валентин Шергин, React Native Core

CSS Nesting

• CSS Nesting Module

KV Storage

• KV Storage: the Web’s first built-in module

ARIA Live Regions

• Всё, что нужно знать про ARIA Live Regions
• Screen reader basics: VoiceOver
• Screen reader basics: NVDA

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

• Веб-компоненты в реальном мире
• Lit-element
• Lit-html

Условные ES-модули

• Support for differential script loading
• First-class differential loading support

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

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

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

• Boosty
• Patreon

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

Гости: Игорь Алексеенко, Игорь Антонов, Олег Акинин

Темы

00:00:00 Интро
00:04:25 Автор JS-курсов
00:17:33 События
00:22:10 Встроенный скроллер в Chrome
00:34:11 Развитие SVG и & в CSS
00:50:19 Preact и технологии интенсивов
01:03:13 JS для старых браузеров
01:22:35 Модули и импорт без Webpack

Автор JS-курсов

• Автор интенсивных курсов по JS
• Профессиональный JS, уровень 1
• Профессиональный JS, уровень 2
• Профессиональный JS, уровень 3
• Мультифора

События

• JavaScript fwdays в Киеве 16 марта
• BeerJS Summit в Минске 29 июля
• NodeSchool SPb в Питере 30 марта
• CodeFest в Новосибирске 30–31 марта
• В окружении зомби: станция метро

Встроенный скроллер в Chrome

• Release Notes Safari TP 77
• Virtual-scroller
• HTML Template Instantiation

Развитие SVG и & в CSS

• SVG Community Group
• CSS Nesting Module, ED
• O’Reilly: SVG Animations
• O’Reilly: SVG Essentials

Preact и технологии интенсивов

• Preact X Alpha 0 is here!

JS для старых браузеров

• Supporting old browsers without hurting everyone
• JavaScript iterator patterns

Модули и импорт без Webpack

• It will never be part of the ES thanks to TC39 politics
• JS thought leader explains how standards are not important
• Deploying ES2015+ Code in Production Today

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

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

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

• Boosty
• Patreon

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

Гости: Олег Мохов

Темы

00:00:00 Интро
00:01:53 События
00:11:57 Математика в CSS
00:26:09 Быстродействие и оверхэд
00:35:12 Новый видеокодек AV1
00:46:24 JavaScript и SEO
00:51:06 Роботы нас не заменят

События

• SPB Frontend в Питере 5 марта
• React Russia Meetup #1 в Питере 16 марта
• Розыгрыш билетов среди патронов — [email protected]
• React Amsterdam 12 апреля
• React Finland 24–26 апреля
• ChernivtsiJS 2019 в Черновцах 22 июня
• Rolling Scopes в Минске 9–11 августа

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

• CSSWG adding many math functions
• CSS Values L4: calc, min, max, clamp
• Rule 110 in CSS

Быстродействие и оверхэд

• A Bit of Performance

Новый видеокодек AV1

• Better web video with AV1 codec

JavaScript и SEO

• JavaScript SEO

Роботы нас не заменят

• Learnability can be undecidable

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:22 События
00:11:23 Npm для энтерпрайза
00:17:20 Приоритеты загрузки JS
00:23:53 Цена сторонних скриптов
00:43:13 JS прямо в CSS
00:53:19 Доступный TodoMVC
00:58:48 Кастомные чекбоксы
01:06:43 Выравнивание по тексту

События

• Pitercss_meetup в Питере 27 февраля
• JavaScript Party в Новосибирске 28 февраля
• Фронтенд-2019 в Москве 6 марта
• Krasnodar Frontend Meetup #5 в Краснодаре 16 марта
• Secon в Пензе 19–20 апреля
• React Amsterdam в Амстердаме 10–12 апреля
• 15% скидка на React Amsterdam — WSD_RA_15
• Патреон «Веб-стандартов»
• Розыгрыш билета среди патронов — [email protected]

Npm для энтерпрайза

• Npm Enterprise
• Managing JavaScript in the Enterprise

Приоритеты загрузки JS

• JavaScript Loading Priorities in Chrome

Цена сторонних скриптов

• Third Party Web
• 65% of all script execution on the web

Доступный TodoMVC

• Инклюзивные компоненты: список дел

Кастомные чекбоксы

• Кастомные чекбоксы правильно
• Демо с кодом
• The proposed box-suppress property

Выравнивание по тексту

• Intro to Font Metrics
• Leading control at start/end of block

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

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

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

• Boosty
• Patreon

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

Гости: Артём Поликарпов

Темы

00:00:00 Интро
00:01:28 События
00:04:35 Chrome 73 и CSS 2019
00:12:24 SVG, таблицы, гриды и кнопки
00:41:40 Будущее Фоторамы

События

• PiterJS №34 в Питере 20 февраля
• Tver.io Poetry Meetup в Твери 21 февраля
• MinskJS Meetup 5 в Минске 21 февраля
• MoscowJS 44 в Москве 21 февраля
• На митап! HTML Academy онлайн 23 февраля
• NodeSchool SPb №30 в Питере 23 февраля
• Zlit: Страх и ненависть в IT в Киеве 23 февраля
• Pitercss_meetup в Питере 27 февраля
• SPB Frontend в Питере 5 марта

Chrome 73 и CSS 2019

• Chrome 73 Beta
• Constructable Stylesheets: seamless reusable styles
• The State of CSS 2019

SVG, таблицы, гриды и кнопки

• Making Future Interfaces: Inline SVG
• Table Design Patterns On The Web
• The Dark Side of the Grid
• Links that don’t go anywhere should be buttons

Будущее Фоторамы

• Rewrite the MDN page header
• HyperHTML
• Фоторама
• Websites using Fotorama
• Фоторама на Гитхабе
• Mavo: Create web apps entirely by writing HTML!

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

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

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

• Boosty
• Patreon

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

Гости: Юля Бухвалова

Темы

00:00:00 Интро
00:01:07 События
00:09:44 Перевод документации React
00:14:52 Статьи про вёрстку
00:33:27 Логический CSS
00:42:48 SVG-фильтры
00:54:16 Цветные шрифты
01:01:16 Полезные инструменты

События

• Я ❤ Frontend в Москве 9 февраля
• OdessaFrontend #10 в Одессе 20 февраля
• PiterJS №34 в Питере 20 февраля
• MoscowJS 44 в Москве 21 февраля
• Zlit: Страх и ненависть в IT в Киеве, 23 февраля
• EPAM JavaScript Meetup в Питере 26 февраля
• Стачка в Ульяновске 26–27 апреля

Перевод документации React

• Перевод документации по React

Статьи про вёрстку

• My CSS Grid Wishlist
• Адаптивная галерея
• A Year of Utility Classes
• Organise CSS properties like a Christmas Tree

Логический CSS

• Новые логические свойства в CSS!

SVG-фильтры

• Outline Text with feMorphology
• Poster Image Effect with feComponentTransfer
• Duotone Images with feComponentTransfer
• Слайды доклада «SVG-фильтры»
• Демка Юли «Мозги»
• Демка Габи «Рябь на воде»

Цветные шрифты

• Colorful typography on the web
• The first cross-browser color font format
• Chris Lilley: Everything Changes

Полезные инструменты

• Курсы по SVG
• SVG Filters
• SVG Gradient Map Filter
• URL-encoder for SVG
• Common Words
• HTML Tree
• Pixel Glass
• Handy Colors
• Flexbox Cheatsheet
• Таблица символов юникода
• Wave Maker
• Shadow Painter

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

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

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

• Boosty
• Patreon

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

Гости: Сергей Рубанов

Темы

00:00:00 Интро
00:02:13 Три года в эфире
00:04:30 События
00:05:38 JS-разработчики для ТВ
00:12:08 Chrome, Safari, PWA
00:29:34 Safari и JS Core
00:46:43 CSS против JS
01:07:17 ES2019

Три года в эфире

• Выпуск №1, 1 февраля 2016
• Задача собрать карту из календаря

События

• Simferopol Frontend в Симферополе 26 января
• WebJam
• NodeSchool SPb в Питере 23 февраля
• WSD в Москве 13 апреля

JS-разработчики для ТВ

• Сворачивающийся телевизор
• JS-разработчик №1
• JS-разработчик №2

Chrome, Safari, PWA

• Chrome защитит от перехода не туда
• Safari 12.1 Release Notes
• PWAs on iOS 12.2 beta
• PWA Progress in iOS 12.2 Beta 1
• Google Play Store now open for PWA

Safari и JS Core

• WebExtensions v3 considered harmful
• JS engine fundamentals: optimizing prototypes
• Browser Market Share Worldwide
• V8 Internals For JavaScript Developers

CSS против JS

• HTML, CSS и исчезающие точки входа в индустрию
• CSS and JS Are at War, Here’s How to Stop It
• The Great Divide

ES2019

• Что нового в JavaScript 2019? Дэвид Нил
• Что нового в JavaScript 2019? Сергей Рубанов
• Future JavaScript: what is still missing?
• When past decisions come back to bite us

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

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

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

• Boosty
• Patreon

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

Гости: Роберт Харитонов, Денис Радин

Темы

00:00:00 Интро
00:03:06 Сайт «Веб-стандартов»
00:05:33 События и сообщества
00:25:07 Новинки Safari TP
00:33:08 Свежие статьи
00:48:14 Снипеты и редакторы кода
00:58:11 Кому нужен VR
01:07:21 Фонд GitNation

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

• GitHub: web-standards/new
• Патреон «Веб-стандартов»

События и сообщества

• ReactRussia в Петербурге 16 марта
• MoscowJS WebGL Meetup в Москве 31 января
• MinskJS Meetup 5 в Минске 21 февраля
• CSS-Minsk-JS
• Pitercss_conf
• React Amsterdam в Амстердаме 11–12 апреля
• Amsterdam JSNation в Амстердаме 6–7 июня

Новинки Safari TP

• Safari Technology Preview 74
• CSS Color L4: rgb functions
• Visual Viewport API

Свежие статьи

• «Исправление» списков
• Text-transform и копирование

Снипеты и редакторы кода

• Snippet Generator
• WebStorm

Кому нужен VR

• VR project with Three.js & WebVR
• A-Frame

Фонд GitNation

• GitNation
• Роберт Харитонов
• Денис Радин

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:20 События
00:02:18 JavaScript в вузах
00:11:37 JS десять лет назад
00:16:57 Браузеры и текст в VR/AR
00:36:50 HTML-модули в JS

События

• Pitercss_meetup в Питере 28 января
• CodeFest в Новосибирске 30–31 марта
• DUMP в Екатеринбурге 19 апреля
• Frontend Conf в Москве 27–28 мая

JavaScript в вузах

• 100 видео-лекций по программированию
• Курс лекций по JavaScript и Node.js в КПИ
• MIT Software Studio
• Harvard CS50 Seminars

JS десять лет назад

• WSD в Минске в 2009 году
• I almost couldn’t do this challenge

Браузеры и текст в VR/AR

• Google Glass
• Mozilla to Bring Firefox Reality to HTC VIVE Devices
• Breaking Boxes – Typography and Augmented Reality
• Типографика в дополненной реальности
• Основы адаптивной типографики
• Shiny: Simulating reflections with DeviceMotion

HTML-модули в JS

• Intent to Implement: HTML Modules
• HTML Modules Explainer

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

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