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

• Бусти
• Патреон

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

Темы

00:00:00 Интро
00:00:45 Новинки браузеров
00:07:42 PhantomJS 2.1
00:10:16 Переменные в CSS
00:19:43 Sass с PostCSS
00:24:37 Загрузка шрифтов
00:32:36 Спрайты
00:36:25 Адаптивные картинки
00:38:01 HTTPS
00:43:38 Парадоксы HTML и CSS
00:47:18 Коты JS-фреймворки

Новинки браузеров

• Chrome 48
• Firefox 44

PhantomJS 2.1

• PhantomJS 2.1

Переменные в CSS

• Переменные как основа архитектуры CSS при работе с препроцессорами

Sass с PostCSS

• Extending Sass with PostCSS

Загрузка шрифтов

• Минимально необходимые шрифты

Спрайты

• A Gulp-Based External SVG Symbol Sprite Icon System

Адаптивные картинки

• Responsive Image Breakpoints Generator

HTTPS

• Почему до сих пор повсеместно не используется HTTPS?

Парадоксы HTML и CSS

• WTF, HTML & CSS?

Коты JS-фреймворки

• Which cat is your JavaScript framework?

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

• Бусти
• Патреон

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

Темы

00:00:00 Интро
00:00:28 События
00:05:42 БЭМ
00:14:46 Gulp
00:19:56 Раскладки: флексы, гриды
00:28:44 Планы Edge на год
00:33:19 Firefox OS всё

События

• PiterCSS №1
• Frontend Conf
• Яндекс.Субботник

БЭМ

• БЭМ-методология: с чего всё начиналось и зачем это всё нужно
• Видео «БЭМ — норм»

Gulp

• Скринкаст по Gulp Ильи Кантора
• Скринкаст по Webpack Ильи Кантора
• run-sequence

Раскладки: флексы, гриды

• Learn CSS Layout
• Grid Layout

Планы Edge на год

• Looking ahead: Microsoft Edge for developers in 2016

Firefox OS всё

• Mozilla to end development for Firefox OS on smartphones in IoT shift

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

• Бусти
• Патреон

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

Темы

00:00:00 Интро
00:00:25 События
00:05:52 Обновился Grunt
00:17:07 Увлечение npm-скриптами
00:20:18 Особенности const и let из ES6
00:33:18 Как дела у Гитхаба
00:42:07 Подкасты

События

• PiterCSS №1
• Frontend Union Conf 2016

Обновился Grunt

• Grunt 1.0.0 rc1 released

Увлечение npm-скриптами

• Advanced front-end automation with npm scripts

Особенности const и let из ES6

• For and against let
• ES6 const is not about immutability

Как дела у Гитхаба

• Проблемы роста GitHub: Увольнение ключевых сотрудников, смена руководства и зарождение «культуры страха»

Подкасты

• RadioJS
• Code Podcast

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

• Бусти
• Патреон

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

Темы

00:00:00 Интро
00:00:13 События
00:01:37 Редакторы и плагины
00:12:01 Разработка на мобильных
00:22:45 Вёрстка писем
00:34:16 CSS-переменные
00:47:20 Альтернативная подгрузка стилей
00:52:15 Примеры использования calc()

События

• The Rolling Scopes Conference
• Видео с The Rolling Scopes Conference
• MoscowJS
• Я.Субботник по фронтенду
• PiterCSS

Редакторы и плагины

• Используем VS Code для Веб-разработки
• Why I love Visual Studio Code for CSS / HTML development
• Hayaku
• CSSComb

Разработка на мобильных

• Prompt 2

Вёрстка писем

• Using Flexbox in an Email
• The Fab Four technique to create Responsive Emails without Media Queries
• Punched card coding

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

• Theme switcher using CSS custom properties
• Почему я в восторге от «родных» CSS-переменных
• Tab Atkins, The Future of CSS

Альтернативная подгрузка стилей

• Control CSS loading with custom properties
• Управление загрузкой CSS с помощью пользовательских свойств

Примеры использования calc()

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

• Бусти
• Патреон

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

Темы

00:00:00 Интро
00:00:17 События
00:03:25 SVG и GitHub без иконочных шрифтов
00:09:52 Google Resizer
00:10:46 Переводы CSS-live
00:15:10 Sass и ES2015
00:18:50 CSS Snap Size
00:20:35 Селектор :root
00:24:36 Типографика
00:41:43 Завершение: ваши вопросы

События

• SPB Frontend
• Видео с SPB Frontend
• Я.Субботник по фронтенду
• Лог текстовой трансляции с Яндекс.Субботника
• PiterCSS №2
• CodeFest 2016
• DUMP 2016
• Стачка 2016

SVG и GitHub без иконочных шрифтов

• Delivering Octicons with SVG
• Что случается с SVG-иконками, вставленными через use

Google Resizer

• Introducing resizer

Переводы CSS Live

• Свойство background-clip и его применения
• Краткий обзор object-fit и object-position

Знаете Sass? Значит знаете и ES2015!

• You Know Sass, You Know ES2015

CSS Snap Size

• CSS Snap Size, черновик спецификации для вертикального ритма со свойством snap-height

Про селектор :root

Типографика

• The New Web Typography
• Основы стиля в типографике

Завершение: ваши вопросы

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

• Бусти
• Патреон

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

Темы

00:00:00 Интро
00:00:53 События
00:01:02 Флексбокс — кандидат в рекомендации
00:06:19 Определение article
00:09:12 Висячая пунктуация
00:13:47 Обновился CSSO
00:18:37 Быстродействие
00:26:17 HTTP/2
00:32:37 Блютус в вебе
00:34:18 Про SVG по-русски
00:37:26 БЭМ и шаблонизация
00:48:22 Шаблонизатор BEM-XJST
01:00:20 Завершение: ваши предложения

События

• PiterCSS №2 22 марта

Флексбокс — кандидат в рекомендации

• Флексбоксы готовы!
• Полифил Flexibility
• Будущее механизмов раскладки

Определение article

• Rewrite of the article element definition

Висячая пунктуация

• Висячая пунктуация в WebKit
• Gosh Hang It!
• Типограф Муравьёва

Обновился CSSO

• CSSO 1.6.0 release

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

• Preload: What Is It Good For?

HTTP/2

• HTTP/2: готовимся к переходу
• Не гзипом единым, видео с Я.Субботника
• Твиттер Frontend Performance

Блютус в вебе

• An introduction to the Web Bluetooth API

Про SVG по-русски

• SVG в вебе. Практическое руководство

БЭМ и шаблонизация

Про шаблонизатор BEM-XJST

• Видео доклада про BEM-XJST
• Репозиторий проекта

Завершение: ваши предложения

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

• Бусти
• Патреон

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

Темы

00:00:00 Интро
00:00:18 События
00:01:58 Кризис ожирения сайтов
00:07:47 Реклама
00:30:39 Новинки браузеров
00:35:16 Background Sync
00:36:45 Статус Grid Layout в Blink
00:38:57 Любовное письмо к jQuery
00:42:02 Давайте полегче с JavaScript
00:48:32 HTML: что дальше?
00:51:20 Оформление поломанных картинок
00:55:42 WTF Opera Mini?!
00:56:48 Полифил для object-fit на SVG
00:58:11 Зовём Андрея Ситника

События

• День рождения SPB Frontend
• OdessaJS
• Текстовые трансляции с конференций, дополнение к @webstandards_ru
• Логи трансляций

Кризис ожирения сайтов

• Кризис ожирения сайтов

Реклама

• Вышел браузер Opera со встроенным блокировщиком рекламы
• A Never-Ending Story On Ad-Blockers

Новинки браузеров

• Firefox 45
• Chrome 49

Background Sync

• Introducing Background Sync

Статус Grid Layout в Blink

• CSS Grid Layout. Current Status and Future Plans

Любовное письмо к jQuery

• Любовное письмо к jQuery

Давайте полегче с JavaScript

• Maybe we could tone down the JavaScript

HTML, что дальше?

• HTML: What’s Next?

Оформление поломанных картинок

• Styling Broken Images
• Generated and Replaced Content
• Pseudo-Elements

WTF Opera Mini?!

• Opera Mini Tips

Полифил для object-fit на SVG

• Object-fit polyfill

Зовём Андрея Ситника

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

• Бусти
• Патреон

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

Темы

00:00:00 Интро
00:00:21 События
00:02:10 Единицы измерения шрифта
00:18:07 Инлайнить ли шрифты
00:23:19 Новинки браузеров
00:36:36 Голый CSS на отступах
00:42:10 Лево и право для CSS-свойств
00:45:00 Критика React
00:55:36 Опрос Stack Overflow

События

• PiterCSS
• CodeFest
• Видео с WSD
• WSD в Питере

Единицы измерения шрифта

• Адаптивная типографика на единицах вьюпорта
• Что использовать в медиавыражениях: пиксели, емы, ремы?
• Сайт Dev.Opera
• Sass MQ
• Миксин ремы-пиксели

Инлайнить ли шрифты

• Антипаттерн для веб-шрифтов: Data URI
• Homebrew web font tools

Новинки браузеров

• Новинки Chrome 49 и Opera 36
• Поддержка расширений в тестовой версии Edge
• Обзор новинок Firefox Developer 47
• Браузерный движок нового поколения Servo
• Browser HTML

Голый CSS на отступах

• SugarSS
• За что я люблю CoffeeScript
• Emmet
• Hayaku
• CSSComb

Лево и право для CSS-свойств

• Флексбокс вполне логичен
• postcss-bidirection
• RTLCSS

Критика React

• На освоение React мне потребовалась всего неделя
• Polymer
• Презентация на React
• Сайт PostCSS

Опрос Stack Overflow

• Developer Survey 2016
• NotePad++