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

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

• Boosty
• Patreon

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

Гости: Антон Шеин

Темы

00:00:00 Интро
00:01:20 События
00:04:39 Из React в Sketch
00:13:44 HTML в WebGL
00:23:17 Игра на CSS
00:31:30 Гриды
00:43:30 HTML Шорты
00:45:02 Дизайнеры и код в Яндексе

События

• Design Prosmotr
• pitercss_conf в Питере 16 июня
• Ha.js в Хабаровске 13 мая
• Moscowcss №3 18 мая
• MinskJS №2 18 мая

Из React в Sketch

• Painting with Code: React Sketch.app
• Sketch 43 with an open file format!
• Protein

HTML в WebGL

• DOM2Texture: Abusing Arcane APIs
• F8 2017 Videos

Игра на CSS

• Adventure Time: Rescue of Flame Princess
• Пламенная Принцесса

Гриды

• CSS Grid Cheat Sheet
• Set of guides to grid layout on MDN
• Responsive Periodic Table with CSS Grids
• Мой ванильный CSS

HTML Шорты

• Можно ли оборачивать блок в ссылку?

Дизайнеры и код в Яндексе

• Доклады Антона Шеина

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

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

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

• Boosty
• Patreon

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

Гости: Виталий Слободин

Темы

00:00:00 Интро
00:01:10 События
00:05:07 Firefox 53
00:09:59 Safari TP
00:11:58 Chrome 58
00:13:12 Асинхронные итераторы
00:21:28 PhantomJS всё
00:50:21 Спор о веб-компонентах
01:07:50 Магические зависимости

События

• KharkivCSS 22 апреля
• Видео со SPA Meetup №3
• Видео с MinskCSS №2
• Видео с Moscowcss №2
• Pitercss_meetup №12 25 апреля
• PiterJS №14 27 апреля
• Moscowcss №3 18 мая
• MinskJS №2 18 мая
• Антон Шеин на pitercss_conf

Firefox 53

• Firefox 53 для разработчиков

Safari TP

• Safari Technology Preview 28

Chrome 58

• Chrome 58

Асинхронные итераторы

• Async iterators and generators

PhantomJS всё

• PhantomJS: Stepping down as maintainer
• Chrome Status: Headless mode

Спор о веб-компонентах

• Ремы, емы и почему отказ от них — не проблема
• Невыполненные обещания веб-компонентов
• По поводу невыполненных обещаний веб-компонентов
• Веб компоненты: светлое настоящее

Магические зависимости

• Зависимости в компонентном вебе
• Новость и холивар вокруг

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

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

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

• Boosty
• Patreon

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

Гости: Вадим Макишвили

Темы

00:00:00 Интро
00:04:57 События
00:09:09 Edge 15
00:28:00 Доступный туду-лист
00:53:08 Доклады, книги, прочее

События

• Первые докладчики pitercss_conf
• KharkivCSS в Харькове 22 апреля
• Pitercss_meetup №12 в Питере 25 апреля
• Текстовая трансляция с React London

Edge 15

• What’s new in Microsoft Edge
• Не гзипом единым
• Трекер Edge

Доступный туду-лист

• Inclusive Components: Todo List
• axe-core

Доклады, книги, прочее

• 36
• 5 минут
• Распечатай Яндекс.Карты
• Большая книга манипуляций

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:25 События
00:04:06 Safari TP
00:08:42 Гриды на огороде
00:17:44 Ремы и емы не нужны?
00:32:24 Новый Твиттер
00:38:37 Современный JS
00:48:06 Полезный код
00:54:11 AMP ломает новости

События

• Билеты на pitercss_conf
• Видео с moscowcss №2 6 апреля
• KharkivCSS №2 в Харькове 22 апреля
• Design Prosmotr в Москве 29—30 апреля
• Front Trends в Варшаве 24—26 мая
• Fronteers Conference 2017 в Амстердаме 5—6 октября

Safari TP

• Release Notes for Safari Technology Preview 27
• Not sure what’s more thrilling…

Гриды на огороде

• Edge Grid Update
• Grid Garden
• Flexbox Froggy

Ремы и емы не нужны?

• Rems and ems, and why you probably don’t need them

Новый Твиттер

• How we built Twitter Lite

Современный JS

• Современный JavaScript для древних веб-разработчиков

Полезный код

• Использование Code Coverage

AMP ломает новости

• AMP: Breaking News

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

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

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

• Boosty
• Patreon

Ведущие: Olga Alessandrini, Vadim Machiavelli, Alessio Simonetti

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:12 События
00:03:22 Бета Chrome 58
00:13:24 Safari TP
00:18:58 Кастомные свойства в Edge
00:23:10 Переключатель на кнопке
00:30:38 Гриды на практике
00:40:36 Быстрое меню
00:43:09 Редактор в браузере
00:56:31 Ереси БЭМа
00:59:37 Вёрстка для школоты

События

• Видео с pitercss №11
• 25 докладов с HolyJS 2016
• Moscowcss №2 в Москве 6 апреля
• SPA Meetup №3 в Москве 8 апреля
• Pitercss_conf в Питере 16 июня

Бета Chrome 58

• Chrome 58 Beta
• ControlsList API
• Intent to Implement: CSS conic-gradient()
• CSS conic-gradient() polyfill

Safari TP

• Release Notes for Safari Technology Preview 26
• WebKit Feature Status: Service Workers

Кастомные свойства в Edge

• CSS Custom Properties in Microsoft Edge

Переключатель на кнопке

• Inclusive Components: Toggle Buttons
• Пепелсбей.net: Модный переключатель

Гриды на практике

• Mozilla: CSS Grid
• CSS-гриды пришли насовсем
• CSS Subgrids
• Case Study: My First Practical CSS Grid Layout
• Practical CSS Grid: Adding Grid to an Existing Design

Быстрое меню

• Building performant expand & collapse animations

Редактор в браузере

• What is CodePen Projects?
• Your CPU is busy rendering a blinking cursor

Ереси БЭМа

• Writing modular CSS (Part 1)

Вёрстка для школоты

• Вёрстка — это не тупо

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:12 События
00:02:17 Фоновые вкладки
00:03:58 CSSO
00:07:40 CSS Peeper
00:11:30 Курс по SVG
00:15:39 Участие в стандартах
00:24:25 Доступность или жизнь
00:31:22 Линтинг HTML
00:34:03 Сайдбар за 5 строк
00:35:41 Загрузка JS
00:41:41 jQuery не нужен!
00:51:04 Пуш-уведомления
00:59:52 Междисциплинарное
01:13:09 Фронтёрки

События

• Node.js SPb №3 31 марта
• Moscowcss №2 6 апреля
• Pitercss №11 21 марта
• FrontDays в Тольятти 20 мая
• OdessaJS в Одессе 1—2 июля

Фоновые вкладки

• Chrome: Reducing power consumption for background tabs

CSSO

• CSSO 3.0.0
• Real Web CSS
• CSS Tree Validator

CSS Peeper

• CSS Peeper

Курс по SVG

• HTML Академия: Оформление SVG-фигур

Участие в стандартах

• Проблема выбора структуры документа

Доступность или жизнь

• Правила использования ARIA в HTML

Линтинг HTML

• Линтинг HTML с помощью CSS
• Создание Alix, Chrome-расширения для линтинга HTML

Сайдбар за 5 строк

• Как сделать сайдбар за 5 строк кода

Загрузка JS

• Асинхронный JavaScript против отложенного
• Off main thread JS loading

jQuery не нужен!

• Need to do Dependency-Free Ajax?

Пуш-уведомления

• Реализуем пуш-уведомления на фронтенде и бэкенде

Междисциплинарное

• Designer vs. Developer
• Настройка сервера и деплой приложения на Node.js

Фронтёрки

• Подкаст Фронтёрки №1

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:11 События
00:01:43 Chrome 57
00:06:19 Samsung Internet
00:23:34 Safari TP
00:27:14 Гриды пришли
00:34:24 Выражения от контейнера
00:41:54 Прокрутка в вебе
00:49:42 Оптимизация шрифтов

События

• SPB Frontend в Питере 15 марта
• JS Open Day в Питере, 15 марта
• PiterJS №13 в Питере 23 марта
• HTML-вёрстка для начинающих в Пензе 18 марта

Chrome 57

• Chrome 57: Grid based layouts, Media Session API
• MDN: text-decoration-skip

Samsung Internet

• Samsung Internet Beta now available without sign up
• Google Play: Samsung Internet Beta

Safari TP

• Release Notes for Safari Technology Preview 25
• The future of loading CSS

Гриды пришли

• A New Layout Module for the Web
• Грид + флексбокс: мощнейшее комбо в веб-раскладке
• Grid layout = no media queries and less CSS!

Выражения от контейнера

• On container queries

Прокрутка в вебе

• Scrolling on the web: A primer

Оптимизация шрифтов

• Оптимизация шрифтов
• Homebrew web font tools
• Faster Font Loading with Font Events

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:12 События
00:09:40 Жирненький Firefox 52
00:19:10 История Firefox OS
00:28:00 Руководства по гридам
00:30:42 Кастомные свойства
00:32:37 Прогрессивное улучшение CSS
00:36:05 Метрики шрифта
00:39:16 Инструменты PWA
00:45:20 Верните Гитхаб
00:53:20 Собеседование на бумажке

События

• Moscowcss №1 в Москве 2 марта
• KhJS №1 в Харькове 11 марта
• HolyJS в Петербурге 2—3 июня
• Видео с pitercss_meetup №10
• Видео с pitercss_meetup №9
• Видео с MinskJS
• Видео с Frontend Conf 2016 в Москве
• Как смотреть видео с фронтенд-конференций
• Video Speed Controller

Жирненький Firefox 52

• Firefox 52 for developers
• A cartoon intro to WebAssembly

История Firefox OS

• The Story of Firefox OS

Руководства по гридам

• Codrops CSS Reference: Grid
• Basic concepts of grid layout
• Learn Grid Layout Video Series

Кастомные свойства

• Основы пользовательских свойств CSS

Прогрессивное улучшение CSS

• CSS and progressive enhancement

Метрики шрифта

• Метрики шрифта, line-height и vertical-align

Инструменты PWA

• Progressive Web App Libraries in Production

Верните Гитхаб

• GitHub just rolled better contrast & a11y

Собеседование на бумажке

• Anti-whiteboard movement
• Trading whiteboards for code reviews

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:12 События
00:05:04 Safari TP24
00:08:43 Как работают браузеры в 2017
00:18:56 Кастомные свойства
00:36:16 Make great again
00:45:28 Новый HTML-заголовок
00:59:36 Нервный опенсорс
01:14:00 W3C против WHATWG

События

• Видео с Rolling Scopes в Минске
• Pitercss №10 в Питере
• Moscowcss №1 в Москве 2 марта
• Frontend Fellows №11 в Ижевске 3 марта
• React Amsterdam 21 апреля
• Выигрышная ошибка

Safari TP24

• Release Notes for Safari Technology Preview 24

Как работают браузеры в 2017

• Optimising the front end for the browser
• Оптимизация фронтенда под браузеры
• How Browsers Work (2011)

Кастомные свойства

• Трюк: раздельные функции CSS-трансформации
• PostCSS Transform Shortcut
• CSS Custom Properties as your API

Make great again

• Make as a front-end development build tool

Новый HTML-заголовок

• Нужен ли нам новый заголовочный элемент?
• W3C/html: Add h element
• Вложенные h1

Нервный опенсорс

• Casper: No lang attribute

W3C против WHATWG

• What is the difference between the W3C and the WHATWG?
• HTML Living Standard
• HTML 5.1 W3C Recommendation
• Логотипы WHATWG

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

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