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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:25 События
00:08:51 Safari TP 14
00:10:45 Async и await в Chrome
00:13:03 Куда двигается HTML
00:16:24 Сложности с JS-модулями
00:22:00 Недооценённый CSS
00:27:21 Больший потенциал SVG
00:30:41 Псевдоэлементы
00:35:26 Доступность
00:39:06 Длинные классы в БЭМе
00:41:04 Отладчик в 108 байтах
00:42:44 Загрузка полифилов
00:47:34 История React

События

• WSD в Питере 1 октября
• WSD в Минске 29 октября
• pitercss meetup №6 11 октября
• pitercss conf в июне 2017

Safari TP 14

• Release Notes for Safari Technology Preview Release 14

Async и await в Chrome

• Async/await landed in Chrome

Куда двигается HTML

• Welcome to HTML 5.2

Сложности с JS-модулями

• Node.js, TC-39, and Modules

Недооценённый CSS

• 9 недооценённых возможностей CSS

Больший потенциал SVG

• SVG has more potential

Псевдоэлементы

• Псевдоэлементы, которых не может быть

Доступность

• Hiding inline SVG icons from screen readers
• Всегда используйте label

Длинные классы в БЭМе

• Минимизация классов в HTML

Отладчик в 108 байтах

• 108 byte CSS layout debugger
• Web Developer

Загрузка полифилов

• Loading Polyfills Only When Needed

История React

• Our First 50,000 Stars

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:18 События
00:06:01 Firefox 49
00:08:09 Chromium 53
00:14:17 Pointer Events
00:23:09 Гриды
00:28:48 SVG
00:31:07 Google про PWA
00:31:58 Что мешает Bootstrap
00:33:39 Оптимизация скобками
00:37:42 Как доступно прятать
00:41:17 Советы начинающим

События

• MoscowJS Conf
• SPB Frontend 26 сентября
• WSD в Питере 1 октября
• Fronteers 6—7 октября
• PiterCSS 11 октября
• Progressive Web Apps Day 11 октября
• Chrome Dev Summit 10—11 ноября

Firefox 49

• Firefox 49

Chromium 53

• What’s new in Chromium 53 and Opera 40
• Свойства scale, rotate и translate

Pointer Events

• Intent to Ship: Pointer Events
• Роман Дворнов про Touch Events и Pointer Events
• Touch Events, W3C Recommendation
• Touch Events Level 2, Draft
• Pointer Events, W3C Recommendation
• PEP.js

Гриды

• CSS Grid meets the real world: a login form
• The CSSWG voted to send Grids Layout to CR
• Proposal for a new Region Spec, Jen Simmons
• Percentages and intrinsic size, Manuel Rego

SVG

• URL-encoder для SVG
• Инлайновые стили в background-image

Google про PWA

• Air Berlin: реализация Progressive Web App
• Секреты Progressive Web Apps: часть 1

Что мешает Bootstrap

• Wall of browser bugs

Оптимизация скобками

• optimize-js

Как доступно прятать

• A11y.js: Hiding DOM elements

Советы начинающим

• Вёрстка интерактивного баннера
• Как быть начинающим и не сойти с ума

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

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

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

• Boosty
• Patreon

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

Гости: Роман Дворнов

Темы

00:00:00 Интро
00:00:13 События
00:01:10 Новинки Гитхаба
00:06:38 Браузеры
00:11:19 HTML и SVG
00:19:19 Новые API
00:23:01 Вёрстка писем
00:26:13 Вариативные шрифты
00:30:23 Веб-шрифты в 2016
00:32:33 JS для дизайнеров
00:35:45 Sass 3.5
00:39:09 Сомнения в PostCSS и @viewport
00:51:57 Рома и парсер CSSTree

События

• FrontTalks
• MoscowJS 24 сентября
• PiterCSS 11 октября

Новинки Гитхаба

• GitHub: A whole new Universe

Браузеры

• Chrome 54 Beta
• BroadcastChannel
• WebUSB
• Safari Technology Preview Release 13

HTML и SVG

• Новые статусы HTML5.1 и SVG2
• SVG Authoring Guide

Новые API

• Новые API: акселерометр, гироскоп, магнитометр

Вёрстка писем

• Gmail to Support Responsive Design, Improved Font Styling

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

• Variable fonts, a new kind of font for flexible design
• Introducing OpenType Variable Fonts

Веб-шрифты в 2016

• Шрифты в вебе, обзор от 2016 года
• Font Family Reunion

JS для дизайнеров

• Javascript for Web Designers

Sass 3.5

• Sass 3.5 Release Candidate

Сомнения в PostCSS и @viewport

• Preprocess future-proof CSS features
• @viewport removed from Edge
• @viewport is preloader-hostile

Рома и парсер CSSTree

• Basis.js. Почему я не бросил разрабатывать свой фреймворк
• CSSO
• Gonzales
• Rework
• CSSTree
• CSSTree Validator
• CSSOM

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

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

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

• Boosty
• Patreon

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

Гости: Олег Мохов, Павел Ловцевич

Темы

00:00:00 Интро
00:00:24 Гости
00:01:15 События
00:04:46 Несмелый Safari
00:11:22 Доступность
00:20:10 Меняем порядок
00:28:08 Фронтенд в Mail.Ru
00:35:26 Зачем вообще PWA
00:47:26 HTTPS без вариантов
00:58:13 Кастомные свойства
01:01:54 Строчный код
01:06:49 Платные конференции

Гости

• Павел Ловцевич @zigzag_mcquack
• LOVATA
• Олег Мохов @olmokhov
• FrontTalks

События

• FrontTalks 17—18 сентября
• WSD в Питере 1 октября
• WSD в Минске 29 октября
• PiterJS в Питере 22 сентября

Несмелый Safari

• Safari 10.0
• CSP 2.0

Доступность

• Недоступный веб: как мы развели такой бардак
• What is the Business Case for Accessibility?
• Section 508
• Расшифровки подкаста

Меняем порядок

• Способы смены порядка элементов с помощью CSS
• PWA.rocks

Фронтенд в Mail.Ru

• Инструменты для разработки и поддержки фронтенда
• Gemini

Зачем вообще PWA

• The Building Blocks Of Progressive Web Apps
• 4 вида утечек памяти в JavaScript и как с ними бороться
• Отладка пререндера: chrome://net-internals/#prerender

HTTPS без вариантов

• Moving Towards a More Secure Web
• Let’s Encrypt

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

• Autoprefixing, with CSS variables!
• CSS Custom Properties in development in Edge

Строчный код

• Оформление строчных блоков кода

Платные конференции

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

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

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

• Boosty
• Patreon

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

Гости: Анна Селезнёва

Темы

00:00:00 Интро
00:00:14 События
00:01:31 Аня, представься
00:08:37 Safari 10, скоро
00:12:21 Chrome 53, уже
00:22:27 Кастомные элементы
00:32:34 Компоненты по старинке
00:36:27 Слайсинг в border-image
00:40:25 Очень ждём font-display
00:44:12 Лия Веру и HTML
00:50:28 Вомбаты в носках и npm

События

• KharkivCSS 17 сентября
• FrontTalks 17—18 сентября
• WSD в Питере 1 октября
• WSD в Минске 29 октября

Аня Селезнёва

• Твиттер @asktwi
• Личный сайт askd.rocks
• Адаптивный веб-дизайн — Что? Где? Когда?
• Rolling Scopes
• Web Not Bombs
• 4front
• Злые марсиане

Safari 10

• WebDriver support in Safari 10
• Safari TP12

Chrome 53

• Chrome 53
• Web Bluetooth API
• Payment Request API
• Shadow DOM v1

Кастомные элементы

• The Case for Custom Elements, 1
• The Case for Custom Elements, 2
• Demystifying Web Components

Компоненты по старинке

• Developing Extensible HTML and CSS Components

Слайсинг в border-image

• Supercharged
• Slicing SVG 9 Ways
• Can I Use

Очень ждём font-display

• Font-display for the Masses
• Font Face Observer

Лия Веру и HTML

• HTML Secrets
• CSS Secrets
• Markapp
• Пишите меньше кода, блин
• Building in 10k

Вомбаты в носках и npm

• 11 Simple npm Tricks
• Np, a better npm publish
• Npm-check-updates

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:24 События
00:07:55 WebKit 15 лет
00:13:12 WebP в Firefox
00:22:59 Безопасность сайтов
00:27:34 Прогрессивные веб-приложения
00:34:16 PostCSS в WebStorm
00:42:19 Образование для профи
00:50:03 Генераторы статики

События

• Frontend Union Conf 27 августа в Вильнюсе
• «Elements», слайды Мартина Клеппе
• JS Hacks & Creativity
• KharkivJS в начале ноября
• FrontTalks 17—18 сентября в Екатеринбурге
• Лог с JSConf Iceland, день первый и второй

WebKit 15 лет

• The first commit to WebKit was 15 years ago today
• Celebrating 15 Years of WebKit

WebP в Firefox

• Mozilla plans to add WebP support to Firefox
• Daala
• Проголосовать за WebP в Edge

Безопасность сайтов

• Observatory, сервис Mozilla для проверки безопасности
• SSL Config Generator

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

• PWA Rocks
• How we made the RioRun progressive web app
• From Chrome Apps to the Web
• Add to Homescreen on Desktop

PostCSS в WebStorm

• WebStorm 2016.3 Early Access Preview: Flow, PostCSS, and more
• PostCSS на Википедии
• Renting software sucks

Образование для профи

• Front End Center
• Перевод книги «Секреты CSS»

Генераторы статики

• Jekyll Admin
• Dev.Opera на Гитхабе
• Сайт «Веб-стандартов»
• Metalsmith
• WSD на Гитхабе

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:29 События
00:02:24 Зачем чинить старьё
00:07:41 Мысли про React
00:21:07 SMIL снова можно?
00:28:23 Скрывать по-новому
00:34:56 Народ.ру на Гитхабе
00:41:37 Сайт на 10 КБ
00:46:03 Интернет в отпуске

События

• FrontendFellows №8 в Ижевске 26 августа
• Frontend Union в Вильнюсе 27 августа
• WSD в Питере 1 октября в ИТМО
• WSD в Минске 29 октября в Space
• HolyJS в Москве 11 декабря

Зачем чинить старьё

• Починили marquee в Safari TP11
• На сайте РЖД есть marquee
• Take blink Back!

Мысли про React

• What is React
• Talked to the lawyers about patents clause…
• Сказка о потерянном времени

SMIL снова можно?

• Intent to deprecate: SMIL
• Гипножаба на SMIL

Скрывать по-новому

• The proposed box-suppress property

Народ.ру на Гитхабе

• Simpler GitHub Pages publishing
• Википедия про Яндекс.Народ

Сайт на 10 КБ

• A List Apart
• Конкурс 10K Apart
• CSS1K и JS1K
• Твиттер @140bytes
• Offline Text Editor in less than 140 bytes

Интернет в отпуске

• Ой, не фоткай меня…

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

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

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

• Boosty
• Patreon

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

Гости: Роман Комаров

Темы

00:00:00 Интро
00:00:21 События
00:02:09 Похороны Flash
00:15:08 Samsung Internet
00:26:09 Хорошая книга по CSS
00:30:12 Цветовые функции в рантайме
00:41:07 SVG
00:49:33 Курсор для кнопки

События

• WSD в Питере 1 октября
• WSD в Минске 29 октября
• Frontend Union в Вильнюсе 27 августа
• Летняя школа по Node.js в Киеве весь август

Похороны Flash

• Flash and Chrome
• Thoughts on Flash
• Clippy
• Introducing sIFR: The Healthy Alternative to Browser Text
• Appear.in, видеочат в браузере

Samsung Internet

• Introducing Samsung Internet for developers

Хорошая книга по CSS

• Книга «Секреты CSS. Идеальные решения ежедневных задач»

Цветовые функции в рантайме

• Building Themes with CSS4 Color Features

SVG

• SVG-градиенты
• SVG 2 new features
• Глава из «Practical SVG» Криса Койера
• Генератор спрайтов с фолбэком на PNG

Курсор для кнопки

• Some pointers on default cursors
• Buttons shouldn’t have a hand cursor
• Правильный курсор на активных элементах
• CSS3 UI: Cursor
• Pointer Sisters: Changing The Browser’s Cursor with CSS

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:02:02 Chromium 52 и Opera 39
00:06:35 Firefox 48
00:09:25 EdgeHTML 14
00:21:44 Safari TP 10
00:22:55 Будущее сервис-воркеров
00:27:44 Чистый SVG
00:37:31 Безопасный SVG
00:40:24 CSS-демки
00:44:49 Заливка текста
00:48:37 Адаптивная вёрстка

События

• FrontTalks 17—18 сентября
• Расписание WSD
• Встречи PiterCSS

Chromium 52 и Opera 39

• What’s new in Chromium 52 and Opera 39
• CSS-изоляция

Firefox 48

• Марат Таналин про Firefox 48
• WebExtensions API

EdgeHTML 14

• Introducing EdgeHTML 14 with the Windows 10 Anniversary Update
• 100% API доступности HTML5 в Edge
• Edge обошёл Firefox на HTML5 Test

Safari TP 10

• Safari Technology Preview Release 10

Будущее сервис-воркеров

• Service worker meeting notes
• The state of Web Components

Чистый SVG

• High Performance SVGs

Безопасный SVG

• SVG uploads in WordPress (the Inconvenient Truth)
• Safe SVG

CSS-демки

• Индикатор прокрутки на CSS и как сделано

Заливка текста

• Firefox: background-clip: text
• CSS Fill and Stroke
• Позвольте представить: SVG
• Оживляем текст
• Статьи Юли Бухваловой

Адаптивная вёрстка

• Яндекс: делать ли мобильную версию?
• Комментарий разработчика
• CSS Device Adaptation: @viewport
• @viewport на Can I use

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:26 События
00:04:57 Инлайновое видео в iOS
00:08:09 ChakraCore на Mac и Linux
00:25:12 Модальные окна
00:32:43 Сложные таблицы
00:37:13 Формы и доступность
00:44:04 Чехарда с цветовыми функциями

События

• MoscowJS №32
• Черновик расписания WSD
• Первый WSD в Яндексе
• FrontTalks 17—18 сентября

Инлайновое видео в iOS

• New video Policies for iOS

ChakraCore на Mac и Linux

• Bringing ChakraCore to Linux and OS X
• Why ChakraCore matters
• nodejs/vm
• mozilla/spidernode

Модальные окна

• Оформление модальных окон

Сложные таблицы

• Lessons from building mobile-friendly, accessible data tables

Формы и доступность

• Using the fieldset and legend elements
• Totally Tooling Tips
• Accessible UI Components For The Web

Чехарда с цветовыми функциями

• Switch all the color functions to be space-separated
• CSS Function Syntaxes (color and otherwise)
• Incomplete List of Mistakes in the Design of CSS

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

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