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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:12 События
00:02:36 Вписаться в iPhone X
00:16:00 Редакторы кода
00:26:10 Инверсная тема в 153 байтах
00:33:15 Жизнь после git --force
00:41:02 История гридов
00:44:06 Вёрстка и программирование
01:01:51 ES-модули в Node и в бою

События

• FrontTalks в Екатеринбурге 16—17 сентября
• CSS-Minsk-JS в Минске 10 сентября
• Fronthub в Ульяновске 11 ноября

Вписаться в iPhone X

• iOS 11 Viewport
• Removing the White Bars in Safari on iPhone X
• Add safe area properties/constants
• Now that the iPhone X has been announced…

Редакторы кода

• Sublime Text 3.0
• Introducing Atom-IDE

Инверсная тема в 153 байтах

• A Theme Switcher

Жизнь после git --force

• Git push --force and how to deal with it
• Git Tower

История гридов

• Creating CSS Grid

Вёрстка и программирование

• Is there any value in people who cannot write JS?
• Математика для программиста, HTML Шорты

ES-модули в Node и в бою

• What’s new in Node.js 8.5?
• Using ES modules natively in Node.js
• Deploying ES2015+ Code in Production Today

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

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

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

• Boosty
• Patreon

Ведущие: Vadim Makeev

Гости: Aga Naplocha, Harry Roberts, Eva Lettner, Zach Leatherman, Kitty Giraudel

Темы

00:00:00 Интро
00:00:27 Aga Naplocha
00:13:18 Harry Roberts
00:34:02 Eva Lettner
00:48:20 Zach Leatherman
01:02:14 Kitty Giraudel

Aga Naplocha

• Aga on Twitter
• The Awwwesomes
• CSSclasses

Harry Roberts

• Harry on Twitter
• CSS Wizardry
• Inuitcss

Eva Lettner

• Eva on Twitter
• Eva on CodePen

Zach Leatherman

• Zach on Twitter
• Bram Stein on Twitter
• A Comprehensive Guide to Font Loading Strategies

Kitty Giraudel

• Kitty on Twitter
• Sass Guidelines

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:20 События
00:07:38 Браузеры
00:35:19 Yarn 1.0
00:51:19 Сломать гриды
00:54:51 Ресеты не нужны

События

• CSS-Minsk-JS в Минске 10 сентября
• FrontTalks в Екатеринбурге 16—17 сентября
• PiterJS №17 в Петербурге 21 сентября
• Pitercss_meetup №14 в Петербурге 26 сентября
• Fronteers в Амстердаме 5—6 октября
• Календарь событий по фронтенду

Браузеры

• Release Notes for Safari Technology Preview 39
• New in Chrome 61
• Webcompat: layout is messed up

Yarn 1.0

• Announcing Yarn 1.0

Сломать гриды

• Что может поломать макет на гридах

Ресеты не нужны

• Stop Using Resets

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:09:13 Браузер без головы
00:19:44 Многопоточный JS
00:33:46 Новинки Edge
00:37:57 Оптимизация загрузки
01:04:29 Фавиконки в Шортах
01:09:52 На все руки веб-мастер

События

• Moscow Frontend Conference в Москве 2 сентября
• Pitercss_meetup №14 в Петербурге 26 сентября
• CSS-Minsk-JS в Минске 10 сентября

Браузер без головы

• Headless mode on MDN
• Screenshots of specific HTML nodes in Chrome
• Capture DOM element screenshot using Chrome headless

Многопоточный JS

• WebKit: Concurrent JavaScript: It can work!
• What’s New In Chrome DevTools 62

Новинки Edge

• New web platform features in Edge

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

• Ускоряем загрузку сайтов в эпоху смартфонов
• Managing CSS & JS in an HTTP/2 World
• Why Latency Matters: Foundations of Web Performance
• Manual priority control of resource fetching

Фавиконки в Шортах

• Подключение фавиконок, HTML Шорты

На все руки веб-мастер

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:11 События
00:06:58 Safari
00:11:51 Stylo
00:21:39 PWA и Android
00:29:29 Polymer 3.0
00:50:50 Читайте Шорты
00:54:45 React или CSS
00:59:12 Шрифты
01:06:32 Новичкам
01:16:58 RadioJS

События

• LvivJS во Львове 26 августа
• DevFest Siberia в Новосибирске 23—24 сентября
• Форма для докладов на pitercss_meetup
• Почта для докладов [email protected]
• Moscow_css в Москве 7 сентября
• Почта для докладов [email protected]
• FrontTalks в Екатеринбурге 16—17 сентября
• WSD в Минске 21 октября
• Почта для докладов [email protected]

Safari

• Release Notes for Safari TP 38

Stylo

• Inside a super fast CSS engine: Quantum CSS

PWA и Android

• Android Oreo takes a bite out of PWA

Polymer 3.0

• Polymer @ YouTube
• Polymer 3.0 preview: npm and ES6 Modules
• Polymer ditches HTML Imports in favor of ES6 modules
• HTML Modules

Читайте Шорты

• Хороший плохой манкипатчинг
• Шорты на Хабре

React или CSS

• Div и React или input type="checkbox" и CSS?

Шрифты

• Mix font-display values for same family
• Glyphhanger

Новичкам

• Путь верстальщика 2017
• Статья Максима Усачёва 2012 года

RadioJS

• RadioJS 49

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:17 События
00:09:40 Chrome
00:21:06 Аудит 2.0
00:29:47 Доступность
00:37:06 SVG
00:43:43 Флексы для дизайнера
00:47:15 Видео по фронтенду
00:58:12 Кроссбраузерность

События

• Frontend Party в Нижнем Новгороде 29 августа
• PiterJS №16 пройдёт в Петербурге 29 августа
• Календарь событий по фронтенду
• Обидно, что наши звёзды не участвуют

Chrome

• Chrome 61 Beta
• GoogleChrome/puppeteer

Аудит 2.0

• A11ycasts: Audits 2.0
• Contrast ratio in devtools
• Особенности интерфейсов при работе со скринридерами
• Accessibility Testing with pa11y

Доступность

• Как сделать сайты доступнее для незрячих
• Базовая вёрстка с доступностью

SVG

• Размеры в SVG, Юля Бухвалова

Флексы для дизайнера

• Руководство по флексам и гридам для дизайнеров

Видео по фронтенду

• HTML Шорты: Адаптивная вёрстка
• Новый канал getInstance
• Пятиминутка React с Екатериной Назаровой

Кроссбраузерность

• Allo.google.com site is not usable
• It’s all about UA sniffing
• Only Chrome supports WebRTC & Fetch

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:48 События
00:08:39 Firefox
00:15:47 Samsung
00:24:39 Safari
00:33:28 Алгоритмы и паттерны
00:38:25 Прозрачный JPG
00:43:13 Телеграм
00:52:22 Приоритеты загрузки
01:02:53 Фокусы
01:11:17 Модули в Node.js

События

• Трансляция с Яндекс Субботника в Питере
• LvivCSS во Львове 11 ноября
• Календарь событий по фронтенду

Firefox

• Новинки Firefox 55 для разработчиков
• Intersection Observer comes to Firefox

Samsung

• Big news for our new Samsung Internet beta v6.2!

Safari

• Safari TP Release 37
• Well this makes me happy
• CSS font-display in development
• Grid Layout in Chromium Dev Tools
• CSS Grid Highlighter

Алгоритмы и паттерны

• Нужно ли фронтендеру знать алгоритмы и паттерны?

Прозрачный JPG

• JPNG.svg

Телеграм

• Виталий Харисов в Телеграме
• Bootstrap 4 Beta

Приоритеты загрузки

• Критический запрос

Фокусы

• Removing that ugly :focus ring
• Managing Focus

Модули в Node.js

• ES Modules in Node Today!

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:12 События
00:02:35 Сервис-воркеры
00:13:09 Загрузка шрифтов
00:27:32 GridBugs
00:37:13 Бумажные книги
00:43:25 Picture на практике
00:51:12 Тяжёлые пакеты
01:01:11 WTF JS?

События

• Яндекс Субботник в Питере 12 августа
• LvivJS во Львове 26 августа
• PiterJS в Питере в конце августа
• Pitercss_meetup в Питере в конце августа
• Moscow Frontend Conference в Москве 2 сентября

Сервис-воркеры

• Service Workers: In Development
• Нашёл Джейк Арчибальд
• Подтвердил Джонатан Дэвис
• Apple’s refusal to support PWA

Загрузка шрифтов

• Crafting Webfont Fallbacks
• Посторонние шрифты
• Font Aliasing, or How to Rename a Font in CSS

GridBugs

• Gridbugs
• Adding row-gap and column-gap to flexbox

Бумажные книги

• jQuery в действии. 3-е издание
• jQuery in Action, third edition

Picture на практике

• Responsive Images: Use Cases and Code Snippets

Тяжёлые пакеты

• What is the cost of my npm package ?
• Import Cost
• Why Node module file sizes matters?

WTF JS?

• What the f*ck JavaScript?
• WTFJS
• JavaScript Гарден

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:12 События
00:03:09 Новости!
00:05:01 Chrome 60
00:11:03 Stylo
00:14:52 Flash 1996—2020
00:22:43 Статистика браузеров
00:28:47 Сброс стилей
00:38:55 Большой текст
00:47:47 Доступные подсказки
00:52:45 Порядок элементов
00:59:24 Новинки ES
01:09:08 Голос SPB Frontend
01:10:42 Должен ли?

События

• RamblerFront& meetup №2 в Москве 3 августа
• Яндекс Субботник по фронтенду в Петербурге 12 августа
• Pitercss_meetup
• CSS Minsk JS в Минске 10 сентября
• Школа Node.js в Петербурге 18 сентября—7 ноября

Новости!

Chrome 60

• Chrome 60
• Found bugs we didn’t like, pushed back to M61

Stylo

• Stylo is ready for community testing on Nightly!

Flash 1996—2020

• Flash & The Future of Interactive Content

Статистика браузеров

• Браузеры по данным Яндекс Метрики

Сброс стилей

• Нормальный сброс
• PostCSS Initial

Большой текст

• Your Body Text Is Too Small

Доступные подсказки

• Tooltips & Toggletips

Порядок элементов

• Does reordering content affect accessibility?

Новинки ES

• July 2017 Proposals
• Binary AST
• Optional catch binding
• BigInt
• Numeric Separators
• ES proposal: class fields
• Продвинутый JavaScript

Голос SPB Frontend

• Drinkcast

Должен ли?

• Артемий Лебедев про нейросети
• Чётко и резко
• EdgeHTML is meant to be fully compatible with the WebKit

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

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

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

• Boosty
• Patreon

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

Гости: Павел Ловцевич

Темы

00:00:00 Интро
00:00:11 События
00:10:23 Новинки DevTools
00:22:10 Storage API в Firefox
00:28:13 DRM и W3C
00:47:03 Чистка CSS
00:56:11 Вброс и Шорты
01:01:59 Гироскоп и драг-н-дроп
01:09:17 Состояние JS
01:10:23 Xwebs Megabrowser

События

• NodeSchool SPb в Петербурге 29 июля
• KharkivJS в Харькове 28–29 октября
• CSS-Minsk-JS в Минске 10 сентября

Новинки DevTools

• What’s New In DevTools

Storage API в Firefox

• Preview Storage API in Firefox Nightly

DRM и W3C

• Как в HTML DRM внедрили: измена или эволюция?
• Encrypted Media Extensions

Чистка CSS

• UnCSS
• PurifyCSS
• Где используются прототипы, наследование в JS приложениях?

Вброс и Шорты

• Где используются прототипы, наследование в JS-приложениях?
• Прятки на CSS: display: none, visibility: hidden?

Гироскоп и драг-н-дроп

• The Gyroscope part of The Standard
• Drag and Drop part of The Standard
• Улучшаем опыт взаимодействия с формами

Состояние JS

• State of JavaScript

Xwebs Megabrowser

• Teen’s Web Browser Wows Top Geeks
• Addy Osmani‏: at 16, wrote a web browser in C++

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

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