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

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

• Boosty
• Patreon

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

Гости: Андрей Романов

Темы

00:00:00 Интро
00:01:06 События
00:14:27 Firefox 58 и совместимость браузеров
00:30:16 JS-модули, React + BEM
01:07:31 Карьера, For Web
01:28:13 Паблики и Smashing Magazine

События

• Ответы на вопросы про YGLF Kyiv
• JSConf Armenia в Ереване 9 декабря
• Приём докладов на CSSconf
• Приём докладов на JSConf

Firefox 58 и совместимость браузеров

• New in Firefox 58: Developer Edition
• Wantr

JS-модули, React + BEM

• Dynamic import()
• Что за lit-html?
• Bemto-components
• jQuery умер, да здравствует React
• Как я перестал верить технологиям

Карьера, For Web

• Andrey Romanov
• Паблик For Web
• Телеграм For Web
• Сайт For Web

Паблики и Smashing Magazine

• Smashing Magazine

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

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

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

• Boosty
• Patreon

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

Гости: Саша Годун

Темы

00:00:00 Интро
00:02:17 События
00:04:19 Firefox жив!
00:12:32 Парное программирование
00:24:36 Дорогой JS
00:31:31 Доступность
00:41:21 Книги и термины
00:52:23 Школы при компаниях
01:00:54 Юниоры

События

• Видео с WSD в Киеве
• WSD в Москве 3 февраля
• Pitercss_meetup №16 в Питере 28 ноября
• React Amsterdam в Амстердаме 13 апреля

Firefox жив!

• Firefox 57
• Firefox Quantum Devtools
• Firefox Quantum is live! Have some pixels!

Парное программирование

• Introducing Visual Studio Live Share
• Code together in real time with Teletype for Atom
• Highcharts

Дорогой JS

• The Cost Of JavaScript
• Real-world Web Performance Budgets

Доступность

• В интернете нет ни ступенек, ни пандусов
• Static AST checker for a11y rules on JSX elements
• Индуктивная доступность, Антон Есауленко
• Наадя
• Arzamas
• Веблайнд

Книги и термины

• Секреты CSS, Лия Веру
• A Book Apart
• A Book Apart в МИФе
• CSS: The Definitive Guide
• Declining Complexity in CSS, Эрик Мейер
• Будет издана книга «CSS. Полное руководство»
• Словари по фронтенду

Школы при компаниях

• Ночной фронтенд #10 

Юниоры

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

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

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

• Boosty
• Patreon

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

Гости: Михаил Колосков

Темы

00:00:00 Интро
00:01:47 События
00:14:18 Node.js
00:22:31 Типографика и CSS
00:29:34 Интервенции Chrome
00:44:39 Дизайн в Деньгах

События

• Видео с FrontTalks в Екатеринбурге 16–17 сентября
• Видео с WSD в Минске 21 октября
• Ladies Code в Москве 25 ноября
• WSD в Москве 3 февраля
• Krasnodar Frontend #1 в Краснодаре 19 ноября
• Ember.js Meetup #2 в Петербурге 24 ноября
• KharkivFrontend в Харькове 9 декабря
• JS Fest в Киеве 30–31 марта

Node.js

• Node.js 8 Moves into LTS
• Жду npm install уже минут 10

Типографика и CSS

• Intent to Ship text-decoration-skip-ink
• CSS Text Decoration L3
• CSS Pseudo-Elements L4

Интервенции Chrome

• My web app died from performance bankruptcy
• Chrome Platform Status: Interventions

Дизайн в Деньгах

• Grid Layout + 3:4 modular scale
• bemdesign/bem-layouts

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

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

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

• Boosty
• Patreon

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

Гости: Юрий Артюх, Юрий Ткаченко

Темы

00:00:00 Интро
00:03:23 События
00:25:19 Проблемная ReactiveConf
00:44:52 Графика и цвет
00:56:43 Фокус и курсоры
01:09:59 React и Kotlin
01:24:54 Украинский фронтенд

События

• WSD в Киеве 4 ноября
• Запись трансляции
• YGLF Kyiv в Киеве 24–25 мая 2018
• Frontend fwdays в Киеве 26 ноября

Проблемная ReactiveConf

• ReactiveConf в Братиславе 25–27 октября
• Why I will not be speaking at ReactiveConf
• Why I cancelled my ReactiveConf talk

Графика и цвет

• SVGO 1.0
• SVG: context-properties
• Gifski
• GIF to video converter

Фокус и курсоры

• Focusingly
• A Better Focus
• Change the pointer cursor
• Colour management and gamut

React и Kotlin

• Create React Kotlin App
• The melting pot of JavaScript
• Removing React.js resulted in a 50% perf improvement
• Netflix functions without client-side React

Украинский фронтенд

• Kottans
• Front-end Science

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

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

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

• Boosty
• Patreon

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

Гости: Настя Суховерхова

Темы

00:00:00 Интро
00:00:57 События
00:09:27 Доступность
00:55:46 Дизайн

События

• WSD в Киеве 4 ноября
• YGLF в Киеве 24–25 мая
• YGLF в Тель-Авиве 30–31 октября
• Видео с Chrome Dev Summit

Доступность

• Веблайнд
• Код на Гитхабе
• Collapsible Sections
• WAI-ARIA Authoring Practices 1.1
• A11ycasts Роба Додсона

Дизайн

• Мои правила хорошей дизайн-системы
• Прототипирование на продакшен-технологиях

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:11 События
00:05:02 Браузеры и MDN
00:35:15 Ошибки верстальщиков
00:46:27 Дизайнеры учатся кодить
00:56:36 Харассмент

События

• WSD в Минске прошёл 21 октября
• Exantech Code Jam в Москве 28 октября
• WSD в Киеве 4 ноября
• JavaScript Party в Новосибирске 25 октября
• Rolling Scopes в Минске 10–11 февраля
• Front‑Trends в Варшаве 24–25 мая

Браузеры и MDN

• EdgeHTML 16
• Chrome 62
• Source Sans Pro (variable)
• Support for variable fonts has reached critical mass
• Safari TP 42
• Resource Hints
• PWAs with Firefox Nightly
• Mozilla brings Microsoft, Google, the W3C, Samsung to MDN
• W3Fools
• WebPlatform

Ошибки верстальщиков

• Ошибки и спорные вопросы вёрстки: разметка
• Ошибки и спорные вопросы вёрстки: стилизация

Дизайнеры учатся кодить

• Почему я решил изучать код
• Хороший старт и первые проблемы
• Технолог — тоже дизайнер

Харассмент

• How microaggressions are like mosquito bites

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:10 События
00:08:28 Затишье браузеров
00:12:31 Цифры Гитхаба
00:33:04 Загрузка картинок
00:39:24 (Не)нужные книги
00:48:54 Война за CSS
01:02:24 Редизайн Slack
01:19:11 Спецвыпуски

События

• WSD в Минске 21 октября
• WSD в Киеве 4 ноября
• IT Global Meetup #11 в Питере 28 октября
• OdessaFrontend #2 в Одессе 31 октября
• CSSconf в Берлине 1 июня
• JSConf в Берлине 2—3 июня
• CSSConf AU в Мельбурне 20 марта
• I’m in IoT на Front-Trends

Затишье браузеров

• Link rel="preload" will be temporarily unshipped in Firefox 57
• Репозиторий WSD

Цифры Гитхаба

• GitHub Universe
• The State of the Octoverse 2017

Загрузка картинок

• Улучшаем опыт взаимодействия с формами
• Creating a Camera App
• Uploading an Image

(Не)нужные книги

• CSS: The Definitive Guide, 4th Edition Goes to Print

Война за CSS

• Let There Be Peace on CSS
• Обсуждение в 70 выпуске

Редизайн Slack

• Rebuilding Slack.com

Спецвыпуски

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:29 События
00:04:58 Браузеры и разнообразие
00:24:06 Сетки и смерть сайтов
00:36:17 Плохая кнопка
00:43:09 Зачем доступность
01:02:38 Знакомьтесь, JS

События

• WSD в Минске 21 октября
• WSD в Киеве 4 ноября
• Fronteers в Амстердаме 5—6 октября
• Интерфейс для календаря

Браузеры и разнообразие

• Microsoft Edge for iOS and Android
• Firefox 56
• Intent to Implement: image async attribute
• Help Your Users Save-Data

Сетки и смерть сайтов

• Как создать адаптивную сетку
• Frontender Magazine
• У нас небольшая катастрофа

Плохая кнопка

• Making a Pure CSS Play/Pause Button

Зачем доступность

• Переключатель темы
• Tabbed Interfaces
• How to build a toggle button
• ARIA Authoring Practices 1.1
• The future of accessibility for custom elements

Знакомьтесь, JS

• Знакомство с JavaScript

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:02:55 Лицензии и DRM
00:25:35 Чудеса SVG и border-image
00:42:34 Оптимизация графики
00:55:31 Шорты и JS-типизация
01:03:39 Доступные диалоги

События

• WSD в Минске 21 октября
• WSD в Киеве 4 ноября
• Fronteers в Амстердаме 5—6 октября
• KharkivJS в Харькове 28—29 октября
• LvivCSS во Львове 11 ноября
• FrontFest в Москве 18 ноября
• HolyJS в Москве 10 декабря

Лицензии и DRM

• Relicensing React, Jest, Flow, and Immutable.js
• Relicensing the GraphQL specification
• EME at the W3C
• EME Misdirection
• Considering Open Source Licenses

Чудеса SVG и border-image

• SQIP, SVG-Based Image Placeholder
• Border-image + linear-gradient
• Border-image + Houdini Paint API
• Рамки и фоны, часть 2

Оптимизация графики

• Essential Image Optimization
• HEIC
• HEIV

Шорты и JS-типизация

• Сахарный JS
• Draggable JS
• Covfefescript?

Доступные диалоги

• It’s a (focus) Trap!

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:08 События
00:11:21 Зачем вообще Edge
00:24:19 Новинки Safari
00:43:09 Бета Chrome 62
00:54:11 Кому нужен CoffeeScript 2
01:06:59 Идеи для DevTools

События

• Pitercss_meetup №14 в Питере 26 сентября
• WSD в Минске 21 октября
• Moscowcss 5 в Москве 31 октября
• OdessaFrontend в Одессе 27 сентября
• Календарь событий по фронтенду
• Список сообществ CityJS
• Front Fest Moscow в Москве 18 ноября

Зачем вообще Edge

• Microsoft Edge Web Summit

Новинки Safari

• New WebKit Features in Safari 11
• Designing Websites for iPhone X
• Min and max now in WebKit
• How to design for that iPhone X knub thing
• Release Notes for Safari Technology Preview 40
• Holy shit it actually works in a stable Safari

Бета Chrome 62

• Chrome 62 Beta

Кому нужен CoffeeScript 2

• CoffeeScript 2
• За что я люблю CoffeeScript (2011)

Идеи для DevTools

• Prototyping the Future of DevTools

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

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