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