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

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

• Boosty
• Patreon

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

Гости: Сергей Господарец

Темы

00:00:00 Интро
00:01:42 События
00:09:10 Новинки Chrome
00:28:38 Плохой Base64
00:39:34 Отладчик WebKit
00:46:00 Нативные ES-модули
00:55:18 Модули в Node.js, Webpack и V8
01:01:46 Спокойный UI
01:04:59 Книга с рыбами
01:07:01 CSS-переменные

События

• Видео с KyivJS
• Pitercss №10 в Питере 21 февраля
• MinskJS в Минске 1 марта
• Moscowcss №1 в Москве 2 марта
• MinskCSS в Минске 30 марта
• React Amsterdam 21 апреля
• Сайт pitercss_conf
• Репозиторий pitercss.com на Гитхабе
• CodeFest в Новосибирске 1—2 апреля
• Rolling Scopes 2017
• Frontend Dev Conf в Минске 6—7 апреля

Новинки Chrome

• Trailing commas in function parameters
• Throttle expensive background timers
• Object Rest/Spread Properties
• Report long tasks which block the UI
• Reload, reloaded: faster and leaner page reloads
• Web Share API brings the native sharing capabilities

Плохой Base64

• What’s Up with Base64?
• Gathering Data

Отладчик WebKit

• JavaScript Debugging Improvements

Нативные ES-модули

• Native ECMAScript modules: dynamic import()
• Making transpiled ES modules more spec-compliant

Модули в Node.js, Webpack и V8

• An Update on ES6 Modules in Node.js
• High-performance ES2015 and beyond

Спокойный UI

• Reduced Motion Media Query

Книга с рыбами

• CSS: The Definitive Guide, 4th edition
• CSS. Каскадные таблицы стилей. Подробное руководство

CSS-переменные

• Houdini: CSS Properties and Values API
• You might not need a CSS preprocessor

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

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

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

• Boosty
• Patreon

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

Гости: Милена

Темы

00:00:00 Интро
00:00:13 События
00:07:39 Графика в WebKit
00:13:51 Ссылки в Opera
00:17:33 Дизайнеры верстают
00:29:24 HTML API
00:36:48 Кастомные свойства
00:42:21 Фигуры в CSS
00:45:31 Обещанный бургер
00:50:05 Быстрый старт JS
01:01:21 Отчёты W3C TAG

События

• UralJS №2 в Екатеринбурге 13 февраля
• MoscowJS №35 17 февраля
• Weacom IT Day в Иркутске 17 февраля
• Mobile World Progress в Барселоне 1 марта
• moscowcss_meetup №1 в Москве 2 марта
• KharkivCSS №2 в Харькове 22 апреля
• Приём докладов на pitercss_conf 16 июня

Графика в WebKit

• Next-generation 3D Graphics on the Web

Ссылки в Opera

• What’s new in Chromium 56 and Opera 43

Дизайнеры верстают

• Веб-дизайнеры, начните верстать!
• Технолог — тоже дизайнер
• Как «прокачаться» дизайнеру: советы и полезные ссылки

HTML API

• HTML APIs: What They Are And How To Design A Good One
• MarkApp

Кастомные свойства

• CSS Custom Properties. The Basics
• More Readable CSS with CSS Custom Properties
• Bridging CSS and JS with Custom Properties

Фигуры в CSS

• Basic Shapes & Path

Обещанный бургер

• Обещание бургерной вечеринки
• Ты кто такой, сервис-воркер?

Быстрый старт JS

• JavaScript Start-up Performance
• optimize-js
• Preact

Отчёты W3C TAG

• Polyfills and the evolution of the Web
• Houdini: Demystifying the Future of CSS
• Add h element
• The evergreen web
• HTML Standard, WHATWG

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:12 События
00:02:07 Новинки Chrome
00:08:32 Установка веб-приложений
00:23:50 Баги в браузерах
00:30:44 Очевидный CSS
00:37:33 Банальный флексбокс
00:43:43 Ад колбэков
00:47:21 Нативные ES-модули
00:54:14 Сохранить в офлайне
00:55:31 Локальный HTTP2

События

• Видео с WSD в Москве
• PiterJS №12 в ИТМО 9 февраля
• Rolling Scopes в Минске 18—19 февраля
• pitercss_meetup №10 21 февраля
• moscowcss_meetup №1 2 марта
• DUMP-2017 14 апреля

Новинки Chrome

• Chrome 57 Beta

Установка веб-приложений

• The New and Improved Add to Home screen
• Google is finally making web apps first-class citizens on Android

Баги в браузерах

• Reporting Browser Bugs
• Lack of @counter-style support
• Баги в браузерах: кто виноват и что делать?

Очевидный CSS

• Using CSS variables in SVG icons
• Сила цветовой CSS-функции rgba

Банальный флексбокс

• A Complete Guide to Flexbox
• Flexbox Cheatsheet
• Битва за базовую линию
• How Flexbox works — explained with gifs

Ад колбэков

• Ад обратных вызовов

Нативные ES-модули

• Native ES-modules: new features, differences from Webpack

Сохранить в офлайне

• Implementing “Save For Offline” with Service Workers

Локальный HTTP2

• Simplehttp2server

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

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

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

• Boosty
• Patreon

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

Гости: Александра Воробьёва

Темы

00:00:00 Интро
00:00:15 События
00:01:23 Safari 10.1
00:06:18 Chrome 56
00:09:46 Firefox 51
00:14:47 HTTPS и формы
00:21:23 Тестирование в Сбертехе
00:30:57 Новый клиарфикс
00:34:54 Импорты в CSS
00:43:34 Сервис-воркеры
00:46:19 История JS
00:56:05 Команда Сбертеха

События

• WSD в Москве 28 января
• Видео с WSD в Москве
• NodeSchool в Питере 28 января
• SPB Frontend 31 января
• CodeFest в Новосибирске 1—2 апреля

Safari 10.1

• Safari 10.1 Release Notes
• Release Notes for Safari TP 22

Chrome 56

• What’s new in Chrome 56

Firefox 51

• Firefox 51

HTTPS и формы

• Communicating the Dangers of Non-Secure HTTP

Тестирование в Сбертехе

Новый клиарфикс

• The end of the clearfix hack?
• Новый display: flow-root — не clearfix, но что это и зачем?

Импорты в CSS

• Is CSS @import still considered as an anti-pattern?

Сервис-воркеры

• Mariko Kosaka: Knitting for JavaScripters
• Ты кто такой, сервис-воркер?

История JS

• JavaScript Standard

Команда Сбертеха

• Как работают ИТ-специалисты. Андрей Янковский, JS-тимлид CSSSR
• Сбербанк-Технологии

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:01:37 Лого Mozilla
00:05:56 Ввод дат
00:24:10 Чек-лист
00:28:31 Webpack 2
00:33:26 React на веб-компонентах
00:34:57 Суровый Unix
00:47:19 Доступность

События

• WSD в Москве 28 января
• KharkivCSS 22 апреля
• Rolling Scopes в Минске 18—19 февраля

Лого Mozilla

• Moz://a Arrival
• moz:// URI scheme

Ввод дат

• Date/Time Input Types
• Making input type=date complicated

Чек-лист

• Что поправить в вёрстке перед выпуском в продакшен?

Webpack 2

• Webpack 2.2: The Final Release
• Rollup.js

React на веб-компонентах

• Web Components, the React way

Суровый Unix

• Ack for CSS Developers
• Вместо ack уже ripgrep
• Ripgrep
• Tower
• WebVim
• Всё, что вы делаете в Vim неправильно
• Panic Themes
• Icon Slate
• ImageMagick

Доступность

• How I do an accessibility audit
• Accessibility Devtools Extension
• axe-core
• Using the aria-current attribute

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

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

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

• Boosty
• Patreon

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

Гости: Слава Шебанов

Темы

00:00:00 Интро
00:00:24 События
00:10:06 JS-модули и global
00:18:08 Бета PhantomJS
00:20:20 Веб-манифест
00:21:52 ВК и PWA
00:32:58 ВК и доступность
00:42:27 Методологии CSS
00:47:26 Кастомные свойства
00:50:52 SVG-иконки
00:52:51 ВК и кастомные шрифты
01:01:30 Динамический импорт JS-модулей

События

• pitercss_meetup №9 в Yota 24 января
• WSD в Москве 28 января
• SPB Frontend
• Papers We Love. SPB

JS-модули и global

• Release Notes for Safari Technology Preview 21
• Mozilla: Intent to Implement ES6 modules
• JavaScript Loader Standard
• Remove global from FF Nightly

Бета PhantomJS

• PhantomJS 2.5.0 Beta

Веб-манифест

• Манифест? А? Что? Зачем?

ВК и PWA

ВК и доступность

• Добьёмся доступности ВК для незрячих

Методологии CSS

• What’s in a name? A CSS naming convention overview
• Ничего ты не знаешь, Джон Сноу. Фронтенд ВК

Кастомные свойства

• Random Numbers in CSS
• Reactive Animations with CSS Variables

SVG-иконки

• The Road to SVG and Custom Elements in Clarity Icons

ВК и кастомные шрифты

• FOUT, FOIT, FOFT

Динамический импорт JS-модулей

• ES proposal: import()

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:19 События
00:04:04 Адаптивный дизайн
00:15:56 Переход на CSS
00:33:23 Ванильный JS
00:37:25 Жестокий опенсорс
00:48:00 Доступные примеры
00:50:35 Аутлайн
00:58:20 Вёрстка логотипа

События

• WSD в Москве 28 января
• Rolling Scopes в Минске 18—19 февраля
• pitercss_meetup в январе
• pitercss_conf 16 июня
• CSS Day в Амстердаме 15—16 июня
• Фронтирник №3

Адаптивный дизайн

• The Current State of Adaptive Design
• Affinity Designer 1.5: Constraints

Переход на CSS

• From Sass to PostCSS
• CSS Working Group Editor Drafts
• Step-by-step Publishing a CSS Spec

Ванильный JS

• How I converted my React app to VanillaJS

Жестокий опенсорс

• Dear JavaScript
• Дорогой JavaScript

Доступные примеры

• Accessibility OpenAjax Examples

Аутлайн

• Что касается аутлайна
• Кодельная
• Ишья на Гитхабе
• A { outline: none } Don’t Do It!
• Reset Revisited

Вёрстка логотипа

• Логотип не отвечает или временно недоступен

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:02 События года
00:12:24 Всегда кодить
00:17:52 Доклады года
00:25:30 Веб-стандарты
00:32:42 Браузеры года
00:35:56 Больше CSS
00:39:20 Прогрессор
00:41:35 Закрытие года
00:44:27 Тренды года
00:52:54 Новички и наставники
00:59:51 Ещё тренды
01:02:18 Флексбокс года
01:04:49 JavaScript года
01:13:08 Что будет в 2017

События года

• ScotlandCSS
• HolyJS
• Frontend Union Conf
• Pitercss_conf
• Prosmotr
• OdessaJS
• KharkivJS
• FrontTalks

Всегда кодить

• The best software developers I know…
• To the guy who wrote that “Always Hacking” tweet

Доклады года

• Как я перестал верить технологиям
• Как незрячие люди видят ваш сайт
• Производительность JS через подзорную трубу
• Я и ИоТ

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

• WSD
• Фото с WSD

Браузеры года

• Safari TP
• Samsung Internet DevRel

Больше CSS

• KharkivCSS
• pitercss_meetup

Прогрессор

• Прогрессор

Закрытие года

• Восемь лет в Opera
• Leaving Opera
• What a coincidence!

Тренды года

• RioRun
• Paper Planes
• Let’s Encrypt
• Certbot

Новички и наставники

• Статьи Алёны Батицкой
• Путь наставника
• Фронтенд для новичка
• Как я попала в Яндекс
• Старикам здесь не место?

JavaScript года

• ES6 compatibility table

Что будет в 2017

• Можно вообще всё. Раскладка по гриду
• CSS Variables: var(--subtitle)
• Пользовательские свойства как основа архитектуры CSS

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:01:39 Safari TP20
00:06:07 Samsung Internet
00:10:14 Firebug и… Photoshop
00:22:00 Bootstrap и флексы
00:29:21 GitHub Pages
00:31:59 CSS 2017
00:39:06 Вставка шрифтов
00:45:35 Полифилы CSS
00:52:44 Специфичность CSS

События

• WSD в Москве 28 января
• Видео с pitercss №8
• SPB Frontend 26 декабря

Safari TP20

• Release Notes for Safari Technology Preview 20
• A tale of two viewports — part one
• A tale of two viewports — part two

Samsung Internet

• Announcing Samsung Internet 5.0

Firebug и… Photoshop

• Firebug lives on in Firefox DevTools

Bootstrap и флексы

• Flexbox all the time

GitHub Pages

• GitHub Pages: Usage limits

CSS 2017

• Рабочая группа CSS определяет состав CSS-2017

Вставка шрифтов

• No @font-face Syntax will ever be Bulletproof

Полифилы CSS

• The Dark Side of Polyfilling CSS
• Loading Polyfills Only When Needed

Специфичность CSS

• Controlling the Specificity

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:18 События
00:04:35 Chromium и Opera
00:08:19 Возвращение position: sticky
00:11:49 Виртуальная реальность
00:16:40 Приоритизация JS
00:21:51 Быстрый параллакс
00:25:29 Инлайновый SVG лучший!
00:30:35 Краткая запись CSS
00:36:39 Контрольные точки
00:40:47 Гриды!
00:44:56 20 лет CSS

События

• Видео с MinskCSS №1
• WSD в Москве 28 января
• Встреча по фронтенду СКБ Контур в Екатеринбурге
• Работа фронтендера в крупной IT-компании
• Доступность для незрячих
• Приём докладов на KharkivCSS

Chromium и Opera

• What’s new in Chromium 55 and Opera 42

Возвращение position: sticky

• Sticky is back in Chrome

Виртуальная реальность

• Chrome: WebVR
• Очки виртуальной реальности «Кардборд»
• A-Frame

Приоритизация JS

• When everything’s important, nothing is!

Быстрый параллакс

• Performant Parallaxing

Инлайновый SVG лучший!

• Why Inline SVG is Best SVG
• SVG 2, W3C CR

Краткая запись CSS

• Краткая запись CSS как антипаттерн

Контрольные точки

• Правильный способ делать контрольные точки в CSS

Гриды!

• Грядут гриды!

20 лет CSS

• 20 Years of CSS

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

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