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

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

• Boosty
• Patreon

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

Гости: Слава Олиянчук

Темы

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
• Репозиторий проекта

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

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

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

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

• Boosty
• Patreon

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

Темы

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
• Основы стиля в типографике

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

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

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

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

• Boosty
• Patreon

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

Темы

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()

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

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

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

• Boosty
• Patreon

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

Гости: Андрей Саломатин

Темы

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

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

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

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

• Boosty
• Patreon

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

Темы

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

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

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

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

• Boosty
• Patreon

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

Темы

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?

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

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