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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:15 События
00:03:39 Как браузеры экономят батарейку
00:16:50 Оптимизация графики
00:33:44 Прозрачность в HEX-цветах
00:43:06 !important можно, если нужно
00:48:27 Фантомные страхи и адаптивные таблицы
00:52:06 Полифил через юзер-агент

События

• Лог трансляции с CSSConf в Будапеште
• WSD в Екатеринбурге 25 июня
• FrontendFellows в Перми 27 мая
• FrontendFellows в Астане 29 июля
• Rolling Scopes Summer Summit в Минске 4 июня
• Видео с PiterCSS №3

Как браузеры экономят батарейку

• Introducing power saving mode in Opera

Оптимизация графики

• Reducing JPG File size
• ImageAlpha
• Can I Use: WebP
• APNG
• MozJPEG

Прозрачность в HEX-цветах

• RGBA и RRGGBBAA в Firefox 49
• Color in Opera 10 — HSL, RGB and Alpha Transparency

!important можно, если нужно

• The Importance of !important: Forcing Immutability in CSS
• Likely

Фантомные страхи и адаптивные таблицы

• CSS only Responsive Tables
• Accessible, Simple, Responsive Tables

Полифил через юзер-агент

• Polyfill.io

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:15 События
00:09:33 Новинки Chrome и Opera
00:15:02 Блокировщики рекламы это честно?
00:24:29 Pointer Events в Chrome
00:33:40 Ещё раз про гриды
00:36:14 Универсальные расширения
00:42:34 Веб-компоненты ещё живы?
00:55:35 CSS-модули «ни о чём»

События

• Webdev Talks&Works
• СПЕЦИА
• Frontend Conf
• CSSconf Nordic
• Web Rebels
• ScotlandCSS
• ScotlandJS
• HolyJS
• HTML Special и CSS Day
• CSSconf Budapest
• JSConf Budapest
• PWA Dev Summit
• Текстовые трансляции
• Архив трансляций

Новинки Chrome и Opera

• What’s new in Chromium 50 and Opera 37

Блокировщики рекламы это честно?

• Native ad blocker and video pop out ready in Opera
• Free ad blocker right in new Opera Mini for Android

Pointer Events в Chrome

• Chrome Status: Pointer Events
• «Карточный домик» Романа Дворнова
• Apple Meta Viewport
• W3C Touch Events
• Шутка про IE6 или ES6

Ещё раз про гриды

• Гриды в WebKit без префиксов
• Можно вообще всё. Раскладка по гриду
• OdessaJS 2016

Универсальные расширения

• WebExtensions in Firefox 48
• For a Better Extensions Ecosystem
• Core API Proposal

Веб-компоненты ещё живы?

• Web Components and Model Driven Views, Alex Russell
• Polymer
• Are We Componentized Yet?
• How GitHub is using Web Components in production

CSS-модули «ни о чём»

• Что такое CSS-модули и зачем они нам?

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:02:27 Node.js 6
00:23:26 Новые методы DOM
00:24:56 Иконки, графика и чистый CSS
00:40:37 Жизнь и смерть в опенсорсе
00:45:42 Эксперименты и префиксы
00:49:49 Firefox как новый IE, в хорошем смысле

События

• PiterCSS №3
• Frontflip
• Текстовые трансляции
• FrontendConf в Москве 30—31 мая и 1 июня
• HolyJS в Питере 5 июня
• Видео с FrontTalks

Node.js 6

• Node v6.0.0
• Node.js ES2015 Support
• ES6 in Node v6
• Chrome Canary 100% ES6
• ES6, ES7, and beyond

Новые методы DOM

• Методы DOM prepend, append, before, after и replaceWith

Иконки, графика и чистый CSS

• Making the Switch Away from Icon Fonts to SVG: Converting Font Icons to SVG
• Working with Images in Stylesheets with PostCSS
• Why I don’t use CSS preprocessors
• Borschik

Жизнь и смерть в опенсорсе

• Is CSScomb.js dead?
• CSScomb: Sorting CSS Properties, The Better Way

Эксперименты и префиксы

• Updating Our Prefixing Policy
• Префиксы. Зачем и как правильно

Firefox как новый IE, в хорошем смысле

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:01:57 Браузерные новости
00:14:18 Методологии CSS
00:21:15 Stylelint и CSSX
00:36:41 Параллакс
00:43:05 Booking сделал PWA
00:44:02 Доступное содержимое
00:55:13 Что слушаете?

События

• Стачка в Ульяновске
• PiterCSS №3 26 апреля
• MoscowJS 28 апреля
• HolyJS в Питере 5 июня

Браузерные новости

• Project SpiderNode
• Embed Everything!
• Free VPN integrated in Opera for better online privacy
• Opera is doubling the server capacity after the built-in VPN launch

Методологии CSS

• MaintainableCSS
• Микрометодология вёрстки OPOR

Stylelint и CSSX

• Stylelint
• CSSComb
• Finally, CSS In JavaScript! Meet CSSX
• На освоение React мне потребовалась всего неделя, а чем вы хуже?

Параллакс

• Diving In: Parallax

Booking сделал PWA

• Progressive Web Apps with Service Workers

Доступное содержимое

• Aesthetics of the invisible
• Thus Spoke HTML
• ARIA, Accessibility APIs and coding like you give a damn!

Что слушаете?

• Аэростат
• Frontflip Podcast
• RadioJS
• Радио-Т

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:02:17 Регрессионное тестирование
00:07:38 Фолбэк для флекса
00:14:18 Директива @​apply, миксины в CSS
00:26:30 Прогрессивные веб-приложения
00:44:25 Версии CSS
00:51:15 Кому нужна семантика?

События

• Прошла FDConf в Минске
• Стачка в Ульяновске 22—23 апреля
• PiterCSS №3 26 апреля
• MoscowJS 28 апреля
• Frontend Party в Питере 29 апреля
• HolyJS в Питере 5 июня

Регрессионное тестирование

• Автоматизация регрессионного тестирования CSS
• Doing nothing for visual regression testing

Фолбэк для флекса

• Почти полное руководство по флексбоксу без самого флексбокса
• Инлайновый контекст форматирования
• Мечты и реальность. Прощай CSS3, здравствуй IE6

Директива @​apply, миксины в CSS

• CSS @​apply Rule, спека
• postcss-apply
• cssnext
• CSS @​apply rule (native CSS mixins)

Прогрессивные веб-приложения

• PWA Rocks
• PWA List на Гитхабе
• Web App Manifest
• Service Workers replacing AppCache: a sledgehammer to crack a nut
• CSS Houdini

Версии CSS

• CSS 2.2
• CSS Snapshot

Кому нужна семантика?

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

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

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

• Boosty
• Patreon

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

Гости: Олег Мохов

Темы

00:00:00 Интро
00:00:30 События
00:01:10 Как сделать конференцию
00:18:09 Путь разработчика
00:26:23 Релизы CSSO 2.0 и Grunt 1.0
00:30:30 Анонсы с Веб-саммита Edge
00:38:46 Экспериментальный браузер Tofino
00:39:32 Эмоджи, нет, эмодзи

События

• SPB Frontend №13
• Frontend Party

Как сделать конференцию

• Доклад Олега с Субботника
• DUMP
• FrontTalks
• Fronteers
• OrenJS
• FrontendFellows

Путь разработчика

• Frontend Dev: хороший, плохой, злой

Релизы CSSO 2.0 и Grunt 1.0

• 2.0.0 Drop legacy API and new AST format
• Grunt 1.0.0 Released

Анонсы с Веб-саммита Edge

• My Top Takeaways From the 2016 Edge Web Summit
• EdgeHTML issue tracker
• Global CSS Property Usage
• API Catalog
• Microsoft Edge Web Summit 2016

Экспериментальный браузер Tofino

• Browsers, Innovators Dilemma, and Project Tofino

Эмоджи, нет, эмодзи

• Emoji: how do you get from U+1F355 to …?
• Investigating the Potential for Miscommunication Using Emoji

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:12 События
00:01:30 Bash на Windows
00:08:15 Новая тестовая сборка Safari
00:17:00 Оценка задач фронтендера
00:31:49 Определение тормозов на лету
00:36:41 Селекторы для системных элементов
00:39:25 Нужны ли препроцессоры
00:47:11 Что появится в ES2016
00:52:40 Новости про новости

События

• DUMP
• Стачка

Bash на Windows

• Running Bash on Ubuntu on Windows!
• The Ubuntu Userspace for Windows Developers

Новая тестовая сборка Safari

• Introducing Safari Technology Preview
• Add WebKit prefixes for Grid Layout

Оценка задач фронтендера

• Перевод

Определение тормозов на лету

• Performance measurements through requestAnimationFrame

Селекторы для системных элементов

• Styling native components, a proposal

Нужны ли препроцессоры

• Why I don’t use CSS preprocessors

Что появится в ES2016

• Список того, что появится в ES2016

Новости про новости

• Завели Телеграм
• Убиваем Google+

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

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

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

• Boosty
• Patreon

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

Гости: Андрей Ситник

Темы

00:00:00 Интро
00:00:09 Андрей Ситник
00:00:20 События
00:00:27 Кто же новый IE?
00:11:33 Npm-гейт
00:27:49 Проблемы npm
00:33:25 «Мой» опенсорс
00:39:05 Агрессивный маркетинг PostCSS
01:01:51 Сахарный CSS
01:04:51 Это была шутка!

Андрей Ситник

• Твиттер
• Злые марсиане

События

• CodeFest
• DUMP
• Стачка

Кто же новый IE?

• Apple is bad news for the future of the Web
• Никита Васильев
• The Chrome Distortion: how Chrome negatively alters our expectations

Npm-гейт

• I’ve Just Liberated My Modules
• A discussion about the breaking of the Internet
• Kik, left-pad, and npm
• Пакет left-pad
• How to not break the internet with this one weird trick

Проблемы npm

• Using Release It!
• Массив files в package.json

«Мой» опенсорс

• There is no “my” in open source

Агрессивный маркетинг PostCSS

• #СитникХватит
• postcss-sorting
• stylelint
• Modular CSS preprocessing with rework
• rtlcss
• uncss
• postcss-inline-svg
• cssnext
• precss
• postcss-import
• postcss-easy-import

Сахарный CSS

• SugarSS

Это была шутка!

• Прогрессивное улучшение меня расстраивает

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

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

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

• Boosty
• Patreon

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

Темы

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++

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

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

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

• Boosty
• Patreon

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

Темы

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

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

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

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