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

• 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

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

• Extending Sass with PostCSS

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

• A Gulp-Based External SVG Symbol Sprite Icon System

• Responsive Image Breakpoints Generator

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

• WTF, HTML & CSS?

• 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 Ильи Кантора
• Скринкаст по Webpack Ильи Кантора
• run-sequence

• Learn CSS Layout
• Grid Layout

• Looking ahead: Microsoft Edge for developers in 2016

• 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 1.0.0 rc1 released

• Advanced front-end automation with npm scripts

• 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

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

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

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

• 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

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

• Introducing resizer

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

• You Know Sass, You Know ES2015

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

• 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
• Будущее механизмов раскладки

• Rewrite of the article element definition

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

• CSSO 1.6.0 release

• Preload: What Is It Good For?

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

• An introduction to the Web Bluetooth API

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

• Видео доклада про 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

• Introducing Background Sync

• CSS Grid Layout. Current Status and Future Plans

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

• Maybe we could tone down the JavaScript

• HTML: What’s Next?

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

• Opera Mini Tips

• 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

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

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

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

• Developer Survey 2016
• NotePad++