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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:30 Как нас слушать
00:02:59 События
00:08:09 Web Animations API
00:19:33 Вариативные шрифты
00:25:54 Keyframes.app
00:28:59 ARIA: Hidden или None
00:37:27 Плохой placeholder
00:44:52 Доступный React
00:50:57 Спонсор

Как нас слушать

• Google Podcasts для Android
• Apple Podcasts для iOS
• Фид со всеми выпусками
• Плейлист на Ютубе
• Выпуски в Телеграме
• Выпуски в ВК

События

• RamblerFront& #5 в Москве 28 июня
• React SPB Meetup #1 в Питере 4 июля
• Moscow Vue.js Meetup #2 в Москве 5 июля
• KharkivFrontend Summer Conference в Харькове 22 июля
• Фестиваль 404 в Самаре 6–7 октября
• Web Standards Days
• [email protected]

Web Animations API

• Release Notes for Safari Technology Preview 59
• Web Animations in WebKit
• CSS media query for Mojave’s Dark Mode
• Responsive Design for Motion

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

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

Keyframes.app

• Keyframes.app

ARIA: Hidden или None

• Know your ARIA: hidden vs none

Плохой placeholder

• Don’t Use The Placeholder Attribute

Доступный React

• Empathy-Driven Development

Спонсор

• История о том, как мы снова всё переписали

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

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

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

• Boosty
• Patreon

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

Гости: Мария Аникеева, Сергей Попов

Темы

00:00:00 Интро
00:00:52 Все события до конца года
00:31:40 Впечатления с pitercss_conf

Все события до конца года

• ChernivtsiJS в Черновцах 23 июня
• MinskCSS Workshop #1: BEM в Минске 24 июня
• HighLoad++ Siberia в Новосибирске 25–26 июня
• NodeSchool №4 в Новосибирске 30 июня
• BeerJS Summit в Минске 30 июня
• OdessaJS в Одессе 6–8 июля
• 404 Camp в Самаре, 27–29 июля
• ULCamp в Ульяновске 27–29 июля
• IT Global Meetup #13 в Питере 28 июля
• Классический ULCamp 2013
• Frontend Conference в Цюрихе 30–31 августа
• IT-фестиваль TechTrain в Питере 1–2 сентября
• Nordic.js в Стокгольме 6–9 сентября
• FrontTalks в Екатеринбурге 14–15 сентября
• Inhuman UI, Vadim Makeev
• CSS-Minsk-JS в Минске 21–21 сентября
• FrontendConf в Москве 4–5 октября
• KharkivJS в Харькове 5–6 октября
• Фестиваль 404 в Самаре 6–7 октября
• HolyJS в Москве 24–25 ноября
• JSConf AM в Ереване

Впечатления с pitercss_conf

• Pitercss_conf в Питере 8–9 июня
• Community tickets
• Инстаграм pitercss_conf
• Pitercss_conf в YouTube
• Отчёт Андрея Мелихова на Дев Шахте
• Видео открытия pitercss_conf
• Фото: первый день в Фейсбуке
• Фото: второй день в Фейсбуке
• Фото: первый день в ВК
• Фото: второй день в ВК

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Мария Просвирнина

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

Темы

00:00:00 Интро
00:00:34 События
00:05:31 Гитхаб продался
00:20:44 Safari в часах
00:38:25 Доступные карточки
00:45:43 Разная сложность кода
00:58:45 Конец cssnext

События

• Pitercss_conf в Питере 8–9 июня
• DEVNSK Frontend Meetup №3 в Новосибирске 16 июня
• WebDev Meetup #4 в Тольятти 16 июня
• BeerJS Summit в Минске 30 июня

Гитхаб продался

• Microsoft + GitHub = Empowering Developers
• Microsoft has reportedly acquired GitHub
• Microsoft acquiring GitHub is a good thing. Here’s why
• What is wrong with Microsoft buying GitHub
• Microsoft купила GitHub. Это хорошо? Это плохо? Все испортится? Что будет дальше?

Safari в часах

• What’s new in Safari 12
• Designing Web Content for watchOS
• Web Watch
• CSS Round Display L1

Доступные карточки

• Inclusive Components: Cards

Разная сложность кода

• CSS Subgrid JS polyfill
• SPB Frontend Drinkcast: Грустный

Конец cssnext

• The color function is renamed to color-mod
• Deprecating cssnext
• PostCSS Preset Env
• Tab Atkins

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:15 События, YaC и WWDC
00:12:52 Новинки Chrome, Edge и Firefox
00:24:45 Вложенность, calc и CSS-хакеры
00:38:26 Как писать код быстро
00:43:16 Вариативные шрифты
00:48:13 Await и ES-модули
00:57:00 Есть ли зверь фулстек
01:09:24 Яндекс Лэндинги

События, YaC и WWDC

• CodeEvening MeetUP в Нефтекамске 2 июня
• North-East FrontEnd Talks в Москве 7 июня
• Pitercss_conf в Питере 8–9 июня
• FrontCon в Риге 14–15 июня
• FreeCodeCamp №20 в Москве 17 июня
• Insider Dev Tour в Питере 27 июня
• YaC: Большие новости большой конференции
• WWDC 2018 4 июня

Новинки Chrome, Edge и Firefox

• Chrome 67
• Chrome 67: What’s New in DevTools
• Edge: WebP in development
• Can I Use: WebP
• Can I Use: WebM
• Shadow DOM in Firefox Nightly
• MDN: Using shadow DOM

Вложенность, calc и CSS-хакеры

• Request to pick up the CSS nesting proposal
• Майские новинки CSS
• CSS is so overpowered it can deanonymize Facebook users

Как писать код быстро

• Text editing techniques every Front-End developer should know

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

• How to start with variable fonts on the web

Await и ES-модули

• Top-Level Await 2: still awaiting
• Since today we support the import.meta proposal in Firefox Nightly

Есть ли зверь фулстек

• There’s no such thing as a full stack developer

Яндекс Лэндинги

• Яндекс Диалоги
• Яндекс Станция
• Яндекс Плюс

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Мария Просвирнина

Гости: Алексей Швайка

Темы

00:00:00 Интро
00:01:05 События
00:03:41 Кроссбраузерный Google
00:07:43 Что обсуждал TC39
00:17:39 Генерация SVG
00:29:00 Новинки и проблемы React
00:49:24 Якорь по CSS-селектору
00:57:06 Танцующие скелеты
01:00:57 Высокоуровневые API

События

• Frontend Conf в Москве 28–29 мая
• AmsterdamJS в Амстердаме 31 мая–1 июня
• CSSconf EU в Берлине 1 июня
• JSConf EU в Берлине 2–3 июня
• Pitercss_conf в Питере 8–9 июня

Кроссбраузерный Google

• Firefox is now supported by Google Hangouts and Meet

Что обсуждал TC39

• TC39 64th meeting
• Don’t go and actively try to make things harder

Генерация SVG

• Dynamic Bézier Curves
• Cubic Bezier
• Easing Functions
• KaTeX

Новинки и проблемы React

• React v16.4.0: Pointer Events
• React-pointable
• React: Web Components
• Custom Elements Everywhere
• React is the new jQuery

Якорь по CSS-селектору

• Supporting CSS selectors when navigating to a URL fragment

Танцующие скелеты

• Real-time Human Pose Estimation in the Browser with TensorFlow.js

Высокоуровневые API

• BlinkOn 9: Layered web APIs
• Remove the storage mutex
• React-virtualized

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:17 События
00:12:08 Что за GDPR
00:16:05 Про браузеры
00:33:18 CSS — это дизайн
00:42:58 Движение по кривой
00:49:36 Все пробелы
00:56:49 Динамический NodeList
01:02:38 Критика CSS-in-JS
01:18:12 Синдром устаревания
01:24:27 Спонсор: нессылки

События

• HolyJS в Питере 19–20 мая
• React Moscow Meetup 4 в Москве 23 мая
• YGLF в Киеве 24–25 мая
• ReasonDojo в Москве 27 мая
• Pitercss_conf в Питере 8–9 июня
• Друзья на Фонтанке 10%
• Виталий Фридман в Питере 10 июня

Про браузеры

• Safari Technology Preview 56
• Камень в лесу
• New in Firefox 61: Developer Edition
• Introducing the Microsoft Edge DevTools Protocol
• Evolving Chrome’s security indicators
• Reverting the autoplay block for Web Audio

CSS — это дизайн

• CSS — это дизайн!
• Веб-дизайнеры, начните верстать!

Движение по кривой

• Движение по траектории в CSS помимо «большой тройки» свойств

Все пробелы

• Пробелы
• Брюс Лоусон
• Справочник издателя и автора
• Типографская раскладка Бирмана

Динамический NodeList

• Use querySelectorAll, people!

Критика CSS-in-JS

• What’s wrong with CSS-in-JS?
• What’s right with CSS-in-JS
• CSS-in-JS
• My struggle to learn React

Синдром устаревания

• Understanding How Node.js Release Lines Work

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:17 События
00:04:51 Firefox 60
00:14:51 Google I/O
00:35:55 Авторитарный кодстайл
00:46:33 Оптимизация JS с Prepack
01:02:46 CSS справа налево
01:09:57 Спонсор выпуска

События

• Pitercss_meetup в Питере 16 мая
• FreeCodeCamp #19 в Москве 20 мая
• ITsubbotnik в Москве 26 мая
• Frontend Conf в Москве 28–29 мая
• ITweekend в Самаре 2–3 июня
• Pitercss_conf в Питере 8–9 июня
• Мастер-класс Виталия Фридмана 10 июня

Firefox 60

• Firefox 60, Марат Таналин
• Firefox 60 for Developers
• Firefox 60 – Modules and More

Google I/O

• Google I/O Developer Roundup: What’s New?
• Let’s Encrypt Stats
• Using Lighthouse To Improve Page Load Performance
• Announcing Lighthouse 3.0
• Lighthouse CI
• Material Design
• Material Design Gallery

Авторитарный кодстайл

• Карательные инструменты во фронтенде
• Prettier

Оптимизация JS с Prepack

• A Gentle Introduction to Prepack
• Prepack

CSS справа налево

• Что такое dir=rtl и как приручить арабский язык

Спонсор выпуска

• CSS Grid Resources & Tools
• Is your web page mobile-friendly?

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:21 События
00:08:26 Возвращение Dojo
00:16:52 BigInt в JS
00:23:54 Safari почти догнал
00:35:40 CSS-меню и подгриды
00:49:36 HTTPS на GitHub Pages
00:59:04 Ошибки дизайнеров

События

• PiterJS №25 в Питере 10 мая
• Pitercss_meetup №22 в Питере 16 мая
• HolyJS Piter в Питере 19–20 мая
• FrontDays в Тольятти 26 мая
• Krasnodar Frontend Meetup #3 в Краснодаре 2 июня
• ITweekend в Самаре 2–3 июня
• Google I/O

Dojo 2 и Edge 17

• Electron 2
• Angular 6
• Dojo 2
• What’s new in EdgeHTML 17
• Is service worker ready?

BigInt в JS

• Google Developers: BigInt
• TC39: BigInt

Safari почти догнал

• Release Notes for Safari TP 55
• Visualizing Layers in Web Inspector
• WebExtensions
• Video Speed Controller
• Add to Things
• ContentEditable

CSS-меню и подгриды

• Solved With CSS! Dropdown Menus
• CSS Selectors Level 4
• Grid Level 2 and Subgrid

HTTPS на GitHub Pages

• Custom domains on GitHub Pages gain support for HTTPS
• meowni.ca
• jakearchibald.com
• una.im

Плохой верстальщик

• Плохой и хороший верстальщики

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:14 События
00:11:44 Node.js 10 и npm 6
00:27:34 Google Fonts и HTTPS
00:39:17 Фолбэки для гридов
00:42:31 ФП или ООП
00:53:12 Хабр по-английски
00:57:46 Заголовки для SPA

События

• PiterJS №25 в Питере 10 мая
• MinskJS Meetup #4 в Минске 24 мая
• Front-Trends в Варшаве 24–25 мая
• YGLF в Киеве 24–25 мая
• Frontend Conf в Москве 28–29 мая
• Pitercss_conf в Питере 8–9 июня
• React Ekaterinburg

Node.js 10 и npm 6

• The Node.js Project Introduces Latest Release Line: Node.js 10.x
• Announcing npm@6

Google Fonts и HTTPS

• Google Webfonts Helper
• Google Security: Distrust of the Symantec PKI
• How HTTPS works

Фолбэки для гридов

• Grid to Flex

ФП или ООП

• Можно ли избежать функционального программирования?

Хабр по-английски

• Habrahabr.ru → habr.com

Заголовки для SPA

• Managing Heading Levels In Design Systems
• Самый плохой SPA в интернете

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:02:27 События
00:05:06 Sketch в Avocode
00:10:38 Новые операторы в ES
00:20:39 Флоаты, флексы и гриды
00:32:56 Кастомные элементы форм
00:37:13 Стиль кода в React
00:43:35 Трюки с прокруткой

События

• React Finland в Хельсинки 24–26 апреля
• JavaScript Party в Новосибирске 24 апреля
• Pitercss_meetup в Питере 26 апреля
• Fronteers в Амстердаме 4–5 октября
• Pitercss_conf в Питере 8–9 июня

Sketch в Avocode

• Open and inspect Sketch designs on Windows, Linux, and macOS

Новые операторы в ES

• Операторы ?., ?? и |>, которые вам понравятся

Флоаты, флексы и гриды

• How browsers position floats
• Flexbugs
• A Collection of Interesting Facts about CSS Grid Layout
• Another Collection of Interesting Facts About CSS Grid
• HTML Шорты: Сокращённые свойства

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

• API for submitting custom elements

Стиль кода в React

• React Code Style Guide
• React Patterns
• react-bits
• react-in-patterns

Трюки с прокруткой

• Scroll to the future

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

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