Веб-стандарты
O podcaście
Новости фронтенда за неделю
Простой способ сказать «спасибо» и попасть в закрытый чат:
• Бусти
• Патреон
Ведущие: Ольга Алексашенко, Вадим Макеев, Алексей Симоненко
Темы
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: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: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: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: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: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: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?