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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

Гости: Сергей Рубанов

Темы

00:00:00 Интро
00:01:07 События
00:02:59 Новости браузеров
00:09:25 Chakra Core уходит сообществу
00:21:00 Релиз Shower 3.0
00:25:17 jQuery всё ещё нужна
00:33:09 Гитхаб подешевел
00:37:06 ES-импорты для разработки
00:45:33 Будни TC39
00:56:10 Телеграм против веба

События

• PiterJS онлайн 23 апреля
• 32 видео с FrontendConf 2019

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

• Flexbox & grid may soon work on fieldset elements!
• Chromium: Flexbox/grid doesn’t work on fieldset elements
• HTML5 Accessibility
• LayoutNG: Flexbox implementation

Chakra Core уходит сообществу

• ChakraCore Transition

Релиз Shower 3.0

• Демо Shower
• Shower Core

jQuery всё ещё нужна

• jQuery 3.5.0 Released!
• JavaScript по БЭМ

Гитхаб подешевел

• GitHub is now free for teams
• FAQ about changes to GitHub’s plans

ES-импорты для разработки

• Импорт локальных модулей на сайте The F-Word

Будни TC39

• Сайт TC39

Телеграм против веба

• Juliarderity: ECMAScript, WebAssembly, Web APIs, specs
• Адвент-календарь постов про индивеб
• Webmascon Project

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:24 Подкасты
00:06:08 События
00:07:42 Новинки браузеров
00:22:00 Формат изображений AVIF
00:30:52 Релиз WebStorm 2020.1
00:40:28 Планы на PostCSS 8.0
00:48:48 CSS-нудизм и дефолты
00:57:25 Тёмные темы

Подкасты

• Новый подкаст The F-Word

События

• GET PROF IT онлайн 22 апреля
• Вебинар Тимура Шемсединова по Node.js, онлайн 7, 14, 21 апреля

Новинки браузеров

• Release Notes for Safari TP 104
• Web Animations in Safari 13.1
• New in Chrome 81
• Interact with NFC devices on Chrome for Android
• Firefox 75 в обзоре Марата Таналина
• Firefox 75: Ambitions for April

Формат изображений AVIF

• AVIF image format
• Mozilla: Intent to implement AVIF
• Chromium: Support AVIF
• WebKit: AVIF decoding support
• Netflix: AVIF for Next-Gen Image Coding

Релиз WebStorm 2020.1

• Релиз WebStorm 2020.1 на Хабре
• Релиз WebStorm 2020.1 в официальном блоге
• WebStorm Bug and Issue Tracker

Планы на PostCSS 8.0

• PostCSS 8.0 is coming
• PostCSS
• Open Collective: Eleventy
• Open Collective: PostCSS
• Open Collective: Stylelint

CSS-нудизм и дефолты

• CSS Naked Day 2020
• CSS Remedy
• CSS-нудизм

Тёмные темы

• Building dark mode on Stack Overflow
• FOUDT: Flash of Unstyled Dark Theme
• Improved dark mode default styling

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

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

Темы

00:00:00 Интро
00:01:13 События
00:04:00 Safari 13.1 и формы в Chrome
00:16:56 Определившийся ES 2020
00:27:45 Как дизайнерам учить код
00:40:24 Генератор цветовой палитры
00:47:38 Git Flow устарел
00:55:30 Видеоплееры в вебе

События

• Я.Субботник онлайн 25 апреля
• Генератор событий для календаря Веб-стандартов

Safari 13.1 и формы в Chrome

• New WebKit Features in Safari 13.1
• Updates to form controls and focus

Определившийся ES 2020

• ECMAScript 2020: the final feature set
• ES2020 Candidate

Как дизайнерам учить код

• 1. The Terminal And Text Editors
• 2. Git, HTML/CSS, Engineering Principles

Генератор цветовой палитры

• Tema. Simple palette generator

Новый синтаксис CSS-анимаций

• Proposal: Time-based Keyframe Animations

Git Flow устарел

• Пожалуйста, перестаньте рекомендовать Git Flow
• A successful Git branching model
• GitHub Flow

Видеоплееры в вебе

• Обзор видеоплееров для веба
• Better web video with AV1 codec
• Anatomy of a Web Media Experience

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:00:23 Подкасты
00:02:36 События
00:05:11 Safari и третьи куки
00:14:07 Safari и ваши хранилища
00:21:20 Спор про Prettier
00:33:51 Быстрые картинки
00:48:44 Старые трюки
00:59:35 Auto в CSS

Подкасты

• Podcast-list
• Undefined в Apple Podcasts
• Undefined в Яндекс.Музыке
• Undefined во ВКонтакте

События

• Geekle онлайн 2 апреля
• MinskCSS Meetup онлайн 8 апреля
• OdessaJS в Одессе 4–5 июля

Safari и третьи куки

• Upcoming Chrome and Chrome OS releases
• Chrome and Chrome OS release updates
• Full Third-Party Cookie Blocking and More

Safari и ваши хранилища

• Apple just killed Offline Web Apps
• Journal—Apple’s attack on service workers

Спор про Prettier

• Prettier 2.0 “2020”

Быстрые картинки

• Embracing modern image formats
• Картинки как коробки — что внутри?

Старые трюки

• Maintaining Performance
• When is a lazy-loaded image “about to intersect the viewport”

Auto в CSS

• Everything About Auto in CSS

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:40 События
00:04:09 GitHub и npm
00:18:07 iPad с курсором
00:23:38 История URL
00:32:54 Липкие таблицы
00:40:40 Жизнь без User-Agent
00:50:30 Вёрстка писем
00:56:22 Закрывайте теги!

События

• Tver.io JavaScript Meetup в Твери онлайн 19 марта
• Видео с Я 💛 Фронтенд 2020
• Video Recording and Live Streaming for RK
• The RK Recording Tour

GitHub и npm

• GitHub Mobile
• Npm is joining GitHub
• The economics of open source

iPad с курсором

• iPad Pro Cursor with Craig Federighi

История URL

• The History of the URL

Липкие таблицы

• Fixed Table Headers

Жизнь без User-Agent

• My findings after browsing the web without a UA header for one week
• Встречайте бабушку, Виталий Харисов

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

• Good Email Code
• Punched card coding

Закрывайте теги!

• Stop using closing tags for the HTML elements
• «Не закрывайте теги!»

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

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

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

• Boosty
• Patreon

Ведущие: Вадим Макеев, Никита Дубко

Гости: Наташа Теплухина

Темы

00:00:00 Интро
00:01:10 Мета и подкасты
00:06:06 Отмена событий
00:14:59 Firefox обновит KaiOS
00:19:41 Ненужный CSS в DevTools
00:26:19 Такой сложный вьюпорт
00:33:18 Размеры и загрузка картинок
00:39:40 Смешивание цветов
00:44:47 Команда Vue.js Core
01:01:11 Документация и перевод
01:09:04 Планы Vue.js

Мета и подкасты

• The CSS Podcast

Отмена событий

• JS Fwdays онлайн в Киеве 14 марта
• IWD 2020 онлайн в Калининграде 15 марта
• KharkivCSS в Харькове осенью
• HolyJS в Питере в июне
• IT Global Meetup в Питере в июне
• Pitercss_class берёт паузу
• PiterJS не унывает
• Krasnodar Backend miniConf
• CodeFest в Новосибирске 28–29 марта
• Календарь «Веб-стандартов»

Firefox обновит KaiOS

• KaiOS Technologies and Mozilla partner
• Firefox 74

Ненужный CSS в DevTools

• When CSS doesn’t do anything

Такой сложный вьюпорт

• CSS Viewport Units

Размеры и загрузка картинок

• Setting Height And Width On Images Is Important Again

Смешивание цветов

• When 255 × 0 does not Equal Zero
• Цветосмешение

Vue.js

• Vue.js: The Documentary
• Новый участник Vue core team
• ESLint-плагин теперь поддерживает синтаксис Vue3
• Vue’s Darkest Day

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

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

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

• Boosty
• Patreon

Ведущие: Никита Дубко, Мария Просвирнина

Гости: Александр Коротаев

Темы

00:00:00 Интро
00:00:57 События
00:11:39 Широкая цветовая гамма
00:15:11 Этапы развития CSS
00:20:28 Вся сборка ведёт в Rome
00:26:16 Фильм про Vue.js
00:30:59 Интернационализация
00:36:30 Юбилей Google Fonts
00:40:11 Фронтендер в геймдеве
00:58:50 Зарубежные митапы

События

• It-knot в Воронеже 12 марта
• Tver.io в Твери 19 марта
• Front-end Hero Meetup в Черкассах 19 марта
• Angular meetup #17 в Москве 23 марта
• Moscowcss №18 в Москве 24 марта
• MoscowJS 49 в Москве 26 марта
• JSNation в Амстердаме 3–5 июня

Широкая цветовая гамма

• Wide Gamut Color in CSS with Display-P3

Этапы развития CSS

• CSS Specification Timelines, Updated and Modernized

Вся сборка ведёт в Rome

• Rome, a new JavaScript Toolchain

Фильм про Vue.js

• Vue.js: The Documentary

Интернационализация

• JavaScript Internationalization in 2020

Юбилей Google Fonts

• Вариативные шрифты с кириллицей

Фронтендер в геймдеве

• Создание аркадной игры на ванильном JavaScript

Зарубежные митапы

• Meetup.com
• Grow Paris

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

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

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

• Boosty
• Patreon

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

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

Темы

00:00:00 Интро
00:01:46 События
00:07:25 Отладка перфоманса
00:12:04 Разный --save-dev
00:18:06 CSS4, продолжение
00:30:10 Мечты о CSS
00:37:51 Софт-скилы
00:46:59 Чему учить сотрудника
01:00:45 Что такое софт и хард
01:10:05 Мягкий фронтендер

События

• Я ❤ Фронтенд в Москве 29 февраля
• Pitercss_class в Питере 21 марта
• Kolesa Conf в Алматы 12 апреля
• Frontend United в Минске 30 апреля—2 мая
• Community-Z

Отладка перфоманса

• In-Browser Performance Linting With Feature Policies

Разный --save-dev

• Вы используете devDependencies неправильно

CSS4, продолжение

• В W3C появилась общественная группа по CSS4

Мечты о CSS

• Some Imaginary CSS

Софт-скилы

• Почему не надо становиться руководителем
• Карьерная трансформация софт-скилов

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

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

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

• Boosty
• Patreon

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

Гости: Глафира Жур

Темы

00:00:00 Интро
00:00:48 События
00:09:06 Опять гриды
00:17:25 Градиенты всё лучше
00:22:22 Блокирующий CSS
00:27:47 Веб-компоненты
00:37:49 Всё про кнопки
00:51:48 Как работает disabled

События

• Pitercss_meetup в Питере 25 февраля
• JS Meetup в Харькове 27 февраля
• Accessibility Club Minsk Meetup #1 в Минске 22 апреля

Опять гриды

• Понимание CSS Grid: Создание Grid-контейнера
• Understanding CSS Grid: Grid Lines
• Understanding CSS Grid: Grid Template Areas

Градиенты всё лучше

• While You Weren’t Looking, CSS Gradients Got Better

Блокирующий CSS

• When CSS Blocks

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

• Веб-компоненты на сайте Леруа Мерлен
• Declarative Shadow DOM

Всё про кнопки

• Styling The Good Ol’ Button Element
• A Complete Guide to Links and Buttons

Как работает disabled

• Disabled form controls and how to tackle them

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:51 События
00:06:24 Новинки Firefox 73
00:09:08 Angular 9 с новым сборщиком
00:14:29 Container Queries
00:24:13 Web We Want
00:36:16 Нужен ли нам CSS4
00:50:05 Как JS поедает HTML
00:59:10 Избегаем DOM Reflow

События

• PiterJS №45 в Питере 20 февраля
• OdessaFrontend #15 в Одессе 21 февраля
• MoscowJS 48 в Москве 27 февраля
• Я ❤︎ Фронтенд в Москве 29 февраля
• Frontend Panda Meetup #39 в Иннополисе 29 февраля
• Developer Circles в Москве 5 марта
• JavaScript fwdays в Киеве 14 марта
• KharkivCSS #5 в Харькове 28 марта
• Voxxed Days в Минске 31 мая

Новинки Firefox 73

• Firefox 73

Angular 9 с новым сборщиком

• Version 9 of Angular Now Available

Container Queries

• Toward Responsive Elements

Web We Want

• Building the Web We Want
• Could browsers fix more a11y problems automatically?

Нужен ли нам CSS4

• Let’s Define CSS 4

Как JS поедает HTML

• Why JavaScript is Eating HTML
• Hydration

Избегаем DOM Reflow

• Minimising DOM Reflow/Layout Thrashing

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

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