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

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

• Boosty
• Patreon

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

Гости: Сергей Бережной

Темы

00:00:00 Интро
00:00:19 События
00:04:30 Новинки Edge
00:11:27 Safari TP 19
00:26:49 Где учиться
00:35:58 Сообщения коммитов
00:42:59 Анимация и рендеринг
00:49:54 CSS в CSS
01:02:52 Хайп
01:12:24 Прогрессивное улучшение

События

• Я.Субботник по фронтенду
• HolyJS в Москве 11 декабря
• Билеты на JSConf
• Билеты на CSSConf

Новинки Edge

• Edge on Windows 10 build 14986

Safari TP19

• Release Notes for Safari TP 19
• Не гзипом единым, Георгий Мостоловица

Где учиться

• Куда пойти учиться программисту

Сообщения коммитов

• Как писать сообщения коммитов

Анимация и рендеринг

• Анимации на GPU: делаем это правильно

CSS в CSS

• Virtual CSS with Styletron
• Styled JSX
• A new world: writing CSS in ClojureScript and life after Sass

Хайп

• Hype Driven Development

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

• The Case Against PE’s Flimsy Moral Foundation
• Insert Clickbait Headline About PE Here
• Yes, PE is a fucking moral argument
• The True Cost of Progressive Enhancement
• What the Heck Is Inclusive Design?

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:02:57 Chrome 55
00:11:10 Отладка гридов в Firefox
00:12:55 Парсер URL в WebKit
00:16:20 PWA как APK
00:18:21 Справочник по CSS
00:23:40 @​supports
00:33:04 CSS-in-JS и бэктики
00:42:21 Шрифты в Медузе
00:52:57 Инструменты 2016

События

• RealtimeBoard TechDays в Перми 4 декабря
• Митап по БЭМу для новичков в Яндексе 9 декабря
• Я.Субботник по фронтенду в Москве 10 декабря
• HolyJS в Москве 11 декабря
• Pitercss №8 в офисе DataArt 21 декабря
• NodeSchool SPB в офисе Selectel 24 декабря

Chrome 55

• Chrome 55: Async and Await, Pointer Events, Persistent Storage
• Now shipping Node v7, with preliminary support for async/await!
• V8 Release 5.6
• www-style: scroll anchoring

Отладка гридов в Firefox

• CSS Grid and Grid Highlighter Now in Firefox Developer Edition

Парсер URL в WebKit

• URL Parsing in WebKit

PWA как APK

• Paul Kinlan: What Comes Next for the Web?
• Installing web apps on phones (for real)

Справочник по CSS

• CSS Reference

@​supports

• @​supports изменит вашу жизнь
• Поддержка на Can I Use…
• Fallback for browsers not supporting CSS Grid Layout

CSS-in-JS и бэктики

• The magic behind styled-components

Шрифты в Медузе

• Как использовать кастомные шрифты в вебе и не сойти с ума
• Статьи Зака Лезермана
• Паттерны загрузки веб-шрифтов
• Homebrew web font tools

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

• The State of Front-End Tooling 2016

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:14 События
00:04:07 Новости Firefox
00:14:04 Веб-компоненты в WebKit
00:16:34 Мультиколонки
00:20:32 Системы раскладки
00:31:12 SVG-паттерны
00:34:30 Нюансы доступности
00:38:45 Методологии CSS
00:50:11 Улучшение формы
00:51:42 Шоу «Стандарт»
00:53:42 Фолбэки к шрифтам
00:57:25 HTML на стероидах
01:03:17 Подкаст жив!

События

• WSD в Киеве прошёл 26 ноября
• Krasnodar Dev Days 10 декабря
• FrontDays №4 в Тольятти 17 декабря
• Я.Субботник в Москве 10 декабря
• HolyJS в Москве 11 декабря
• [email protected] для докладов на pitercss
• Приём докладов на CodeFest

Новости Firefox

• Mozilla: Intent to implement Payment Request API
• Firefox: New Responsive Design Mode

Веб-компоненты в WebKit

• WebKit: Introducing Custom Elements

Мультиколонки

• Lea Verou: inline-block prevents fragmentation in multi-column containers

Системы раскладки

• Грид, флексбокс и выравнивание блоков
• Should I try to use the IE implementation of CSS Grid Layout?

SVG-паттерны

• SVG-паттерны

Нюансы доступности

• The Accessibility Difference Between aria-hidden and role="presentation"
• Changing the Reading Order of a Page with aria-flowto

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

• Holy Grail Layout
• When to use which CSS methodology

Улучшение формы

• Улучшение формы комментариев

Шоу «Стандарт»

• The Standard E02: Fit to Page

Фолбэки к шрифтам

• Font style matcher

HTML на стероидах

• AMP, Instant Articles, Instant View

Подкаст жив!

• Пятиминутка React
• Веб-стандарты в iTunes

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:15 События
00:02:14 Opera DevRel всё
00:06:04 Safari TP 18
00:09:29 Firefox 50
00:13:26 CSS-шлюзы
00:19:45 Расширение инлайновых стилей
00:25:06 Печать
00:35:43 Гриды весной
00:45:48 Новый dl
00:48:19 Atom без Shadow DOM
00:57:15 42
00:57:41 Медиум

События

• Pitercss №7 прошёл
• [email protected] для докладов и предложений
• MoscowJS №34 24 ноября
• Я.Субботник по фронтенду в Москве 10 декабря
• HolyJS в Москве 11 декабря
• MinskCSS 15 декабря

Opera DevRel всё

• Bruce Lawson: Leaving Opera
• Opera сократила 85 человек из-за падения выручки от b2b-бизнеса
• Резюме Вадима

Safari TP 18

• Release Notes for Safari Technology Preview 18

Firefox 50

• Firefox 50, обзор Марата Таналина

CSS-шлюзы

• Математика CSS-шлюзов на Хабре
• Математика CSS-шлюзов на CSS Live
• Shower
• Словарь терминов по фронтенду

Расширение инлайновых стилей

• Expand inline style attributes to allow pseudo-class/element styling

Печать

• I totally forgot about print style sheets
• Распечатай Яндекс.Карты, Вадим Макишвили
• Tracking When Users Print Pages

Гриды весной

• Intent to ship in Chrome 57
• Intent to ship in Firefox 52
• Grid Kiss
• Opera Mini server upgrade

Новый dl

• DIV официально разрешён внутри DL

Atom без Shadow DOM

• Removing Shadow DOM boundaries from text editor elements
• Avoiding Style Pollution With The Shadow DOM (2014)

42

• Веб-стандарты 42
• RadioJS 42
• 42

Медиум

• Веб-стандарты на Медиуме

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

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

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

• Boosty
• Patreon

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

Гости: Андрей Оконечников

Темы

00:00:00 Интро
00:02:38 События
00:06:56 Safari TP 17
00:16:41 Доступность
00:26:31 Fetch не торт
00:34:35 Результаты 10K Apart
00:36:45 Вредные советы
00:40:37 Людоедский фронтенд и JS-in-JS

События

• Профессия фронтенд-архитектор, РИТ 2007
• Chrome Dev Summit
• WSD в Киеве 26 ноября
• Видео с WSD в Минске
• MinskCSS 15 декабря
• HolyJS в Москве 11 декабря

Safari TP 17

• Release Notes for Safari Technology Preview 17
• What’s new in IndexedDB 2.0?
• Safari 10 supports WOFF2 but I only see WOFF loading
• WOFF2 на Can I Use
• ColorSnapper

Доступность

• Доступность сайтов для самых маленьких
• Госсайт, доступный для людей с ограниченными возможностями
• WAVE Evaluation Tool

Fetch не торт

• Why I won’t be using Fetch API in my apps

Результаты 10K Apart

• Announcing the winners of the 2016 10k Apart contest

Вредные советы

• Как отравить мобильного пользователя

Людоедский фронтенд и JS-in-JS

• CSS Modules
• Styled Components
• Andrew Clark: What’s Next for React
• JS Worker Search

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:17 События
00:03:08 HTML 5.1
00:05:40 Async в Firefox
00:07:38 Вариативные шрифты
00:13:19 Календарик
00:20:44 Опасные API
00:24:45 WebAssembly
00:26:43 Шаблонные литералы
00:31:40 Загрузка JS
00:38:51 position: sticky
00:41:32 Круговой прогресс-бар
00:44:40 Опрос Stack Overflow
00:50:34 Тесты и игрушки

События

• Видео с FrontTalks
• Pitercss №7 16 ноября
• NodeSchool SPB 19 ноября
• WSD в Киеве 26 ноября
• MinskCSS 15 декабря
• React Amsterdam 21 апреля

HTML 5.1

• XHTML Fist
• HTML 5.1 W3C Recommendation
• HTML 5.1 Changes

Async в Firefox

• Async/await support in Firefox

Вариативные шрифты

• WebKIt: Variable Fonts on the Web

Календарик

• Firefox: Data/Time picker
• HTML 5.1: input type="date"

Опасные API

• Browsers remove functionality due to privacy
• What is Do Not Track?

WebAssembly

• The WebAssembly Browser Preview has launched!

Шаблонные литералы

• ES6 Template Literals, the Handlebars killer?

Загрузка JS

• RFC: Webpack Performance Budgets
• Alex Russell: How broken JS-first web development is

position: sticky

• Chrome: Intent to Ship CSS position: sticky

Круговой прогресс-бар

• Making a Doughnut Progress Bar

Опрос Stack Overflow

• Stack Overflow: Survey Results 2016

Тесты и игрушки

• JavaScript Guessing Game
• HTML parser quiz
• HTML Minifier
• Enki

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:25 События
00:06:40 Chromium 54
00:09:35 Safari TP 16 и Apple Pay
00:16:58 Mozilla, Servo, разработка движков
00:36:33 Таблицы по стандартам
00:38:47 Node.js 7
00:41:03 Стандарты и полифилы
00:46:24 Забытый border-image
00:52:05 Базовый SVG
00:52:52 Возвращение Дейва Шей

События

• Видео с WSD в Минске
• Слайды с WSD в Минске
• PiterJS 3 ноября
• KharkivJS 5—6 ноября
• Chrome Dev Summit 10—11 ноября
• Fronthub в Ульяновске 12 ноября
• PenzaJS 17 ноября
• Pitercss №7 16 ноября
• MinskCSS 15 декабря
• WSD в Киеве 26 ноября
• Канал events в Слаке

Chromium 54

• What’s new in Chromium 54 and Opera 41

Safari TP 16 и Apple Pay

• Release Notes for Safari Technology Preview 16
• EmporiumWeb, пример Apple Pay
• Apple на Гитхабе

Mozilla, Servo, разработка движков

• A Quantum Leap for the Web
• Mozilla’s Quantum Project

Таблицы по стандартам

• CSS Table Module Level 3

Node.js 7

• Node.js v7.0

Стандарты и полифилы

• Add document.{interactive,contentLoaded,loaded} promises
• Please rename ASAP

Забытый border-image

• Ещё раз про border-image
• Can I Use: border-image
• Slicing SVG 9 Ways

Базовый SVG

• Как проектировать, создавать и анимировать SVG

Возвращение Дейва Шей

• Photo Toning with Gradients & Blend Modes
• CSS Zen Garden
• The source of csszengarden.com

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:02:02 Chrome 54
00:05:29 Async
00:10:40 Node.js v6 LTS
00:19:40 Npm v4.0.0
00:20:55 Ире про PWA
00:27:24 Условия в CSS
00:35:11 CSS-фреймворк не нужен
00:41:58 Адаптивный Яндекс
00:43:19 Полифил для гридов
00:45:35 Normalize.css?
00:52:20 Женщины в ИТ

События

• WSD в Киеве 26 ноября
• Принимаем заявки на pitercss в ноябре и декабре: [email protected]
• CodeFest 1—2 апреля

Chrome 54

• Chrome 54, Пит Лепаж
• Cross-origin Service Workers: Experimenting with Foreign Fetch

Async

• Async functions: making promises friendly
• Tips for using async functions (ES2017)

Node.js v6 LTS

• Node.js v6 Transitions to LTS
• v7.0.0 Proposal
• Firefox ESR
• Homebrew

Npm v4.0.0

• npm v4.0.0

Ире про PWA

• Offline First with Service Worker
• Instant Loading with IndexedDB
• Instant Loading Web Apps with an Application Shell Architecture
• Intent to Ship: Durable (Persistent) Storage

Условия в CSS

• Условия для CSS-переменных

CSS-фреймворк не нужен

• Статья: You might not need a CSS framework
• Видео: You might not need a CSS framework
• Это тебе не нужен, а нам нужен…

Адаптивный Яндекс

• Адаптивная вёрстка, ШРИ 2016

Полифил для гридов

• CSS Grid Polyfill

Normalize.css?

• Normalize (CSS) No More
• Continue Normalising Your CSS
• О normalize.css

Женщины в ИТ

• Женщины в ИТ

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:02:57 Yarn для npm
00:20:02 Safari TP 15
00:24:28 Web Bluetooth
00:25:57 Хорошие таблицы
00:35:07 Alt для картинок
00:43:06 Женщины CSS
00:46:57 Функция map в CSS
00:53:45 Стили без CSS
00:57:14 JS (не) нужен?
01:04:51 Прогрессивное улучшение

События

• NodeSchool SPB 22 октября
• React Moscow 26 октября
• WSD в Минске 29 октября
• KharkivJS 5—6 ноября
• HolyJS в Москве 11 декабря

Yarn для npm

• Yarn: A new package manager for JavaScript
• PackRat
• Hello, Yarn!
• Why I’m Working on Yarn
• Почему yarn.lock не нужен в зависимостях

Safari TP 15

• Release Notes for Safari Technology Preview 15

Web Bluetooth

• Chrome Intent to Ship: Web Bluetooth

Хорошие таблицы

• How to make your tables less terrible (GIF)
• Создавайте хорошие таблицы

Alt для картинок

• Альтернативный текст для изображений

Женщины CSS

• The Amazing Women of CSS

Функция map в CSS

• Native map() function in CSS

Стили без CSS

• Styled Components

JS (не) нужен?

• You Might Not Need jQuery
• You Might Not Need JavaScript
• You Might Need JavaScript

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

• Progressive enhancement isn’t dead, but it smells funny

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:19 События
00:03:53 Не обижайте CSS
00:13:35 Флекс-хак
00:17:35 Фреймворк на флексах
00:24:33 JS в 2016
00:36:09 Состояние JS
00:38:56 PWA и React
00:45:42 Без джаваскрипта жизнь не та?
00:54:38 Не блокируйте вьюпорт

События

• Pitercss №6 11 октября
• Progressive Web Apps Day 11 октября
• WSD в Минске 29 октября
• KharkivJS 5—6 ноября
• Конференция pitercss в июне 2017

Не обижайте CSS

• Может, хватит уже поливать CSS грязью?
• CSS is Awesome в спецификации

Флекс-хак

• Flex-grow 9999 Hack

Фреймворк на флексах

• Fukol™ Grids

JS в 2016

• Как оно учить JavaScript в 2016
• It’s the future
• Totally get your frustration
• Пример из Python, алгоритмы не нужны
• How it actually feels to write JavaScript in 2016

Состояние JS

• State of JavaScript 2016

PWA и React

• PWA with React:  Introduction
• PWA with React:  Page Load Performance
• PWA with React:  Offline support

Без джаваскрипта жизнь не та?

• Fronteers
• It’s ok to build a website that doesn’t work without JS
• I’m exasperated by this push to require JS / get rid of CSS
• Offline, progressive, and multithreaded, Нолан Лоусон
• Roving tabindex. A11ycasts 06

Не блокируйте вьюпорт

• HTML 5.2: The meta element
• Всегда отключаю масштабирование!
• PWA Rocks
• Washington Post
• Financial Times

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

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