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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:02:17 Браузеры
00:08:14 Safari и MathML
00:14:12 Font-display в Firefox
00:18:12 Будущее WebP и WebM
00:29:46 Зачем HyperTerm?
00:37:32 Книги
00:40:00 Путь фронтендера

События

• KharkivCSS 17 сентября
• LvivJS 27 августа
• HolyJS 10 декабря

Браузеры

• Chrome 52: Contain Property, the PerfObserver API & SW Stream
• CSS Containment
• Performance Observer API
• Performance measurements through requestAnimationFrame
• Battery Status API
• Service Worker Streamed Responses

Safari и MathML

• Release Notes for Safari Technology Preview Release 9
• Improvements in MathML Rendering
• MathML is a failed web standard

Font-display в Firefox

• Experimental font-display support in Firefox
• Firefox Platform Status

Будущее WebP и WebM

• Apple tests Google graphics format to speed up websites
• Lepton image compression: saving 22% losslessly from images at 15MB/s

Зачем HyperTerm?

• HyperTerm

Книги

• ВСТ рекомендует книги
• Practical SVG
• High Performance Images
• Версия в PDF

Путь фронтендера

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

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

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

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

• Boosty
• Patreon

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

Гости: Антон Виноградов

Темы

00:00:00 Интро
00:00:13 События
00:03:03 Плагины для Atom
00:10:44 Доступность
00:14:26 Загрузка шрифтов
00:19:59 Введение в промисы
00:26:16 Векторные эффекты
00:29:10 Кто такой Антон Виноградов?
00:39:39 Инструменты для дизайнеров
00:58:13 Расшифровки подкаста

События

• IT Global Meetup
• Frontend Union Conf, промо-код WelcomeWST со скидкой 15%
• MoscowJS №32
• FrontendFellows в Астане 29 июля
• FrontendFellows в Алматы 30 июля
• WSD осенью, заявки на [email protected]

Плагины для Atom

• Atom treasures, a list of Atom plugins I can’t live without
• HyperTerm, терминал на Electron и веб-технологиях
• Atom Minimap
• Atom Pair

Доступность

• ChromeLens
• Accessibility Developer Tools
• A11y Command-line Tools

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

• A Comprehensive Guide to Font Loading Strategies
• CSS Font Rendering Controls
• Can I use: font-display support

Введение в промисы

• JavaScript Promises 101

Векторные эффекты

• SVG Vector Effects

Кто такой Антон Виноградов?

• Антон Виноградов
• Данила Ковчий
• Антон Шеин
• Роман Шамин
• Design Prosmotr
• О чём смеются верстальщики
• Школа дизайна Яндекса

Инструменты для дизайнеров

• Next-Generation RWD Tools: Webflow, Edge Reflow, Macaw
• Protein
• Protein Dynamics for Sketch
• Framer

Расшифровки подкаста

• Выпуск №24

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:14 События
00:05:23 Новости браузеров
00:14:06 Цвета в вебе
00:25:41 Практика
00:41:47 Портфолио
00:55:50 О подкасте

События

• Frontend Mix
• Я.Субботник
• Frontend Union Conf
• FrontTalks
• Календарь WSD

Новости браузеров

• Safari Technology Preview Release 8
• Servo Nightly Builds Available
• Псевдокласс focus-within

Цвета в вебе

• Improving Color on the Web
• CSS Color Module Level 4
• Свойство currentcolor
• Disable #RRGGBBAA and #RGBA color values due to compat issues

Практика

• Относитесь к сеткам (на флексбоксах) проще
• Susy
• Lost Grid
• Unlabelled search fields
• Creating a custom input cursor/caret
• Не проверив HTML5-кода, не суйся в воду
• Invisible Content Just for Screen Reader Users
• html-tree

Портфолио

О подкасте

• Эпизоды на Гитхабе

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:12 События
00:02:27 HTML 5.1
00:07:57 Откопали Dreamweaver
00:16:19 Гудини заработал
00:21:10 Ссылки и безопасность
00:37:01 Наставничество

События

• OdessaJS 2—3 июля
• FrontTalks 17—18 сентября
• JSconf EU и CSSconf EU 5—7 мая 2017
• Frontend Mix 7 июля
• Яндекс.Субботник 9 июля

HTML 5.1

• HTML5.0 уходит в прошлое
• Multirange

Откопали Dreamweaver

• Dreamweaver is back for us, coders
• Блог Brackets

Гудини заработал

• Paint Worklet API

Ссылки и безопасность

• About rel=noopener
• Everything about controlling the Referer header
• Джереми Кит на HTML Special
• Things to Know with Third-Party Scripts

Наставничество

• Алёна Батицкая на PiterCSS №5
• Путь наставника
• Алексей Рыбаков, он же Flack
• Пособие для новичков Стаса Мельникова

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

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

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

• Boosty
• Patreon

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

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

Темы

00:00:00 Интро
00:00:13 События
00:09:03 Samsung купила Joyent
00:13:39 Element Queries
00:17:30 React в Mail.Ru
00:25:31 Стандарты и семантика
00:45:51 Собеседования и новички
00:57:54 Как верстальщику стать замтехдира

События

• WSD в Екатеринбурге
• Видео с WSD
• Круглый стол на саммите PWA и другие видео
• The Progress of Web Apps (Edge)
• MoscowJS №31
• OdessaJS
• Билеты на Frontend Union Conf
• Видео с Frontend Union Conf 2015

Samsung купила Joyent

• Samsung acquires Joyent
• Node.js Foundation

Element Queries

• EQCSS
• Container Queries: Once More Unto the Breach

React в Mail.Ru

• Facebook Messenger
• Про Messenger на JSConf в Берлине
• Константин Лебедев на Фейсбуке
• Андрей Сумин в Фейсбуке
• Новый фронтенд Tinkoff.ru: Fluxible + React

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

• Насколько строго вы следуете стандартам и лучшим практикам на фронтенде
• Документация по y5
• The web platforms, plural, PPK

Собеседования и новички

• Что ожидать на собеседовании на HTML-верстальщика или JS-программиста

Как верстальщику стать замтехдира

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:06:49 Шрифты
00:13:39 Практика
00:37:44 Новинки Safari

События

• HTML Special и CSS Day
• Лог с HTML Special
• Лог с CSS Day
• Саммит по PWA
• PiterCSS №5
• Видео с PiterCSS

Шрифты

• Google Fonts
• Паттерны загрузки веб-шрифтов

Практика

• Что должен знать HTML-верстальщик?
• Improving CSS quality at Facebook and beyond
• Как во флексбоксе работают z-index и автоотступы
• New CSS Flexbox behavior for absolute-positioned children
• Pixel Density, Demystified
• Anchors vs Buttons

Новинки Safari

• Safari 10.0
• Apple Pay JS
• Apple Pay on the Web
• Видео сессии про Apple Pay с WWDC

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

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

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

• Boosty
• Patreon

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

Гости: Дмитрий Барановский

Темы

00:00:00 Интро
00:00:13 События
00:06:10 Релизы недели
00:17:06 Практический CSS
00:23:01 Типографика на SVG
00:25:38 Чёртов открытый веб
00:39:49 Как дела в Adobe

События

• PiterCSS №5 17 июня
• WSD в Екатеринбурге
• HTML Special и CSS Day
• Progressive Web App Dev Summit
• OdessaJS
• Web Directions
• JSConf AU
• CSSConf AU

Релизы недели

• Firefox 47
• WebExtensions API
• Announcing LastPass for Microsoft Edge
• What’s new in Chromium 51 and Opera 38
• Presentation API
• jQuery 3.0

Практический CSS

• Avoid Overstyling Base Styles
• CSS at BBC Sport
• Do websites need to look exactly the same in every browser?

Типографика на SVG

• Type Terms

Чёртов открытый веб

• The Fucking Open Web
• PWA Discovery: You Ain’t Seen Nothin Yet

Как дела в Adobe

• Dmitry Baranovskiy’s Web Log
• Эдоуби
• Snap.svg
• Raphaël
• Adobe Experience Design (XD)
• Sketch
• Creative Cloud Extract (Project Parfait)
• SVGO Compressor для Sketch
• SVGO Exporter for Adobe Illustrator
• SVGO
• Avocode
• Webflow
• Brackets
• Adobe Web Platform
• CSS Regions
• Snap.svg Animator для Adobe Flash

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:06:40 Семантика CSS и HTML
00:22:00 Содержимое в CSS
00:31:46 Полезное для SVG
00:38:46 Веб и приложения

События

• HolyJS
• Антихайп, Андрей Листочкин
• Лог со ScotlandCSS
• Лог со ScotlandJS №1
• Лог со ScotlandJS №2
• HTML Special и CSS Day
• WSD в Екатеринбурге

Семантика CSS и HTML

• Семантический CSS
• Понимание семантики
• Слова в CSS-классах
• Managing CSS Projects with ITCSS
• BEML

Содержимое в CSS

• CSS Generated Content
• Модуль генерируемого контента CSS3 обновился спустя 13 лет

Полезное для SVG

• SVG Crowbar
• SVGO compression

Веб и приложения

• State of the gap
• Регрессивные веб-приложения
• Instant Articles
• Why is Instagram not a website (yet)?

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:02:34 Статьи для новичков
00:06:38 Reset против Normalize
00:13:29 JS для начинающих
00:15:33 Дилетанты и профессионалы
00:25:20 Зачем разбираться в SVG
00:29:25 Атомарный CSS
00:37:45 Программирование на CSS
00:49:60 Сервис-воркеры в Safari

События

• Frontend Conf
• ScotlandJS
• ScotlandCSS
• HolyJS 5 июня
• Встреча с докладчиками
• Fronteers

Статьи для новичков

• От нуля до героя фронтенда, часть 2
• Хорошие и плохие CSS-практики для начинающих
• Михаил Дубаков
• Бесплатный курс Академии по SVG

Reset против Normalize

• Reset.css
• Normalize.css
• Sublime Autoprefixer
• Atom Autoprefixer

JS для начинающих

Дилетанты и профессионалы

• jQuery и Bootstrap: расставляем точки над «i»
• Мобильный Твиттер
• UnCSS

Зачем разбираться в SVG

• Бесплатный курс Академии по SVG

Атомарный CSS

• Universal.css
• OrnaJS
• Cutestrap
• Flex Layout Attribute
• Material Design Lite

Программирование на CSS

• CSS When/Else Rules

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

• Safari TP5
• Service Workers 101
• Сервис-воркеры в Edge
• Джейк Арчибальд
• Тимоти Хэтчер
• Bringing seamless checkouts to the mobile web
• Payment Request API

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:13 События
00:04:01 Семантика и БЭМ
00:29:40 CSS для новичков
00:32:09 Контроль версий и клиенты
00:45:51 JS-модули в Edge!
00:51:42 Google I/O

События

• PiterCSS №4 24 мая
• WSD в Екатеринбурге 25 июня
• Frontend Union Conf в Вильнюсе 27 августа
• HolyJS 5 июня

Семантика и БЭМ

• Осмысленный CSS: описывайте стилями свою логику
• Бэмантика: пишите осмысленные стили без повторов
• More Meaningful CSS
• Семантика или смерть
• MIND, библиотека доступных элементов интерфейса eBay

CSS для новичков

• Магия CSS
• Отладка CSS

Контроль версий и клиенты

• GitKraken
• Tower
• GitHub Desktop
• GitBox
• GitUp
• Термины Гита и Гитхаба

JS-модули в Edge!

• Previewing ES6 Modules and more from ES2015, ES2016 and beyond
• ES-модули в Firefox

Google I/O

• Страница события
• Веб и Chrome на Google I/O
• Autofill: What web devs should know, but don’t
• Progressive Web Apps
• Accelerated Mobile Pages
• Комикс xkcd

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

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