Ведущие: Полина Немчак, Вадим Макеев, Никита Дубко, Андрей Мелихов

Темы

00:00:00 Интро
00:02:51 События
00:07:21 Safari TP
00:13:11 Диалог в WebKit
00:21:42 Interop 2022
00:26:05 Атрибут popup
00:33:02 SQL в CSS
00:42:27 Жалобы на браузеры
00:55:23 Календарь ЯЛФ
01:07:25 Доклады ЯЛФ

Полина Немчак

• Полина в Твиттере
• Канал Полины в Телеграме

События

• Я Люблю Фронтенд 26 февраля
• Krasnodar Frontend miniConf в Краснодаре 23 апреля
• HolyJS онлайн 18–21 апреля
• Web Audio conference CFP открыто до 15 марта

Safari TP

• Safari Technology Preview 140

Диалог в WebKit

• Introducing the Dialog Element

Interop 2022

• Interop 2022

Атрибут popup

• Popup Top-Layer UI Functionality
• Today’s meeting was 🔥, OpenUI
• Попап вместо селекта

SQL в CSS

• Yes, I can connect to a DB in CSS
• 6+5 способов сделать две колонки

Жалобы на браузеры

• Before I go: When it comes to complaining about web browsers

Я Люблю Фронтенд

• Я Люблю Фронтенд 26 февраля
• Дока

Ведущие: Андрей Мелихов, Юля Миоцен, Вадим Макеев

Темы

00:00:00 Интро
00:01:13 События
00:03:20 Браузер Wolvic
00:11:35 Бета Chrome 99
00:20:55 Npm и 2FA
00:26:55 Cooler в Figma
00:32:17 Декораторы в Babel
00:36:30 Fetch в Node.js
00:39:00 Абстрактная раскладка
00:45:33 Ничей Jest
00:52:24 Дизайн-система Nova
01:00:35 Редкие шрифты

События

• OpenIT в Гомеле 19 февраля
• Desilopers & Devigners онлайн 10 марта

Браузер Wolvic

• Wolvic
• Introducing Wolvic
• Update on Firefox Reality
• Enter: Wolvic

Бета Chrome 99

• Chrome 99 Beta

Npm и 2FA

• Top-100 npm package maintainers now require 2FA

Cooler в Figma

• Coolors for Figma is finally here!
• Sorted CSS Colors

Декораторы в Babel

• Babel 7.17.0: RegExp 'v' mode and 🥁 decorators!

Fetch в Node.js

• fetch() In Node.js Core: Why You Should Care

Абстрактная раскладка

• LYTS, Layout primitives for React

Ничей Jest

• Nobody at FB (Meta?) has worked on Jest for years at this point

Дизайн-система Nova

• Дизайн-система Сбербанк Онлайн
• Гайды для дизайн-системы

Редкие шрифты

• North American Syllabics fonts developed in collaboration with Indigenous communities
• Эпизод подкаста с Александрой Корольковой

Ведущие: Юля Миоцен, Никита Дубко, Андрей Мелихов, Вадим Макеев

Темы

00:00:00 Интро
00:01:09 События
00:04:14 Topics API
00:17:23 Новинки Figma
00:21:49 Дизайн руками
00:31:01 Бедный WebKit
00:45:30 Сложности WebAssembly
00:51:52 TS на Go
01:01:50 Пайпы в JS

События

• Запись MinskCSS Meetup #9
• DUMP в Екатеринбурге 27 мая
• CodeFest в Новосибирске 28–29 мая

Topics API

• Анонс
• Технологии
• Спека
• Google Chrome third-party cookies block delayed until 2023

Новинки Figma

• 32 little big updates
• По-русски

Дизайн руками

• Building UIs in Figma with hand movements

Бедный WebKit

• Safari TP 139
• Please DONATE NOW to the world’s richest company, to help feed their starving browser
• No, Apple Did Not Crowdfund :focus-visible in Safari
• Adventures in Collective Implementation

Сложности WebAssembly

• WebAssembly feature detection

TS на Go

• I’m porting tsc to Go
• Hacker News

Пайпы в JS

• A pipe operator for JavaScript: introduction and use cases

Ведущие: Андрей Мелихов, Никита Дубко, Юля Миоцен

Темы

00:00:00 Интро
00:00:52 Safari TP
00:07:04 Утечка в Safari
00:12:57 Сабгриды +1
00:19:50 Vue 3 близко
00:26:15 Оверрайды в npm
00:32:41 Border-image
00:41:53 Читать ли спеки
00:51:54 Старые браузеры
01:00:41 Как не писать TypeScript
01:13:16 Девшахта

Safari TP

• Release Notes for Safari Technology Preview 138

Утечка в Safari

• Exploiting IndexedDB API information leaks in Safari 15

Сабгриды +1

• Intent to Prototype: CSS Subgrid

Vue 3 близко

• Vue 3 as the New Default

Оверрайды в npm

• Npm now supports overrides

Border-image

• Тёмная сторона CSS: выходим за рамки и взрываем звезды с border-image и градиентами

Читать ли спеки

• Как читать W3C-спецификации

Старые браузеры

• The Optional Chaining Operator, “Modern” Browsers, and My Mom

Как не писать TypeScript

• TypeScript Features to Avoid

Девшахта

• Девшахта на Ютубе
• Девшахта на Медиуме
• Сайт Андрея
• Андрей в Твиттере

Ведущие: Никита Дубко, Андрей Мелихов, Юля Миоцен, Вадим Макеев

Темы

00:00:00 Интро
00:01:04 События
00:02:35 Firefox 96
00:12:31 Лисичка, не кашляй
00:18:16 State of JS
00:22:08 Утечка из опроса
00:27:12 Вариативные шрифты и Figma
00:35:37 CSS Tools
00:42:40 Топ CodePen
00:50:45 CSS-парсер на Rust
00:57:02 Eleventy 1.0
01:07:31 Metho?

Обложка выпуска на чистом CSS

События

• Конференция по цифровой доступности онлайн 18 января—8 февраля
• 18 января: Доступные фичи и где они обитают, Татьяна Фокина
• MinskCSS Meetup онлайн 26 января

Firefox 96

• Firefox 96
• Марат Таналин

Лисичка, не кашляй

• Firefox has witnessed outages recently
• Yesterday, Firefox became unresponsive

State of JS

• State of JS 2021

Утечка из опроса

• Disclosing a State of JavaScript/State of CSS Data Leak

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

• Figma is adding the support of variable fonts!
• Add Support for Variable Fonts

CSS Tools

• CSS Tools
• CSS DB
• PostCSS Preset Env
• How we migrated postcss-preset-env to a mono repo

Топ CodePen

• Top-100 most hearted on CodePen 2021

CSS-парсер на Rust

• Announcing Parcel CSS

Eleventy 1.0

• Eleventy v1.0.0

Metho?

• Introducing Metho: Safely adding superpowers to JS

Ведущие: Никита Дубко, Андрей Мелихов, Юля Миоцен, Вадим Макеев

Темы

00:00:00 Интро
00:01:50 События
00:04:31 Chrome 97
00:14:34 Chrome DevTools
00:25:35 Faker.js
00:38:17 Crypto Mozilla
00:49:41 Дизайн-токены

События

• React Talks Meetup в Киеве 18 января
• JSNation в Амстердаме 16 июня
• React Summit в Амстердаме 17 июня

Chrome 97

• Видео: New in Chrome 97
• Статья: New in Chrome 97

Chrome DevTools

• Новинки DevTools (Chrome 97)

Faker.js

• Just went to install Faker for my latest demo, and…
• GitHub-репозиторий Faker.js
• Marak Takes An Open Source Stand
• Mocha: Delete my code

Crypto Mozilla

• Было: Dabble in @dogecoin? HODLing some #Bitcoin & #Ethereum?
• Стало: We’ll pause the ability to donate cryptocurrency
• I founded Mozilla and I’m here to say
• I designed Gecko
• Washed Up
• My first impressions of web3
• Crypto: the good, the bad and the ugly

Дизайн-токены

• Design Tokens + Open UI
• Design Tokens Format Module
• Design Tokens W3C Community Group

Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:02:18 Подкаст
00:18:04 Проекты
00:31:30 Фронтенд
00:46:27 JavaScript
00:55:23 Бэк и тулинг
01:04:47 Вопрос
01:15:47 Личное

Подкаст

• Смотрите этот эпизод на Ютубе
• Все новогодние выпуски

Проекты

• Чат в Телеграме
• Новости на английском
• Календарь
• Словарь

Фронтенд

• WebCompat

JavaScript

• Announcing the Deno Company
• Seed Funding for Remix
• Turborepo is joining Vercel
• Vercel welcomes Rich Harris, creator of Svelte

Бэк и тулинг

• Introducing Zero-Bundle-Size React Server Components
• New Suspense SSR Architecture in React 18
• React 18 Usage in Next.js
• Remix
• Rust is the future of JS infrastructure

Вопрос

• Патреон Веб-стандартов

Личное

• Итоги года Андрея
• Итоги годы Никиты
• Англоязычный блог Никиты

Ведущие: Денис Ушаков, Андрей Мелихов, Вадим Макеев, Валентин Фондаратов

Темы

00:00:00 Интро
00:02:33 Safari TP 137
00:06:34 Линтер на C++
00:13:15 Адаптивность и паттерны
00:16:01 Create React App 5
00:18:25 NAPI и Rust
00:24:12 Глубокое копирование
00:27:41 Быстрый Rust
00:39:11 Юникодный бэкдор
00:45:35 Зачем Fleet
01:09:01 Новая платформа JB

Safari TP 137

• Release Notes for Safari TP 137
• Don’t say Safari is always last. Sometimes we are first
• :has в CSS — псевдокласс из будущего

Линтер на C++

• Faster, easier, friendlier: how quick-lint-js will take over ESLint

Адаптивность и паттерны

• Learn Responsive Design
• Learning Patterns

Create React App 5

• CRA 5.0

NAPI и Rust

• Announcing NAPI-RS v2
• Deep dive: Native module

Глубокое копирование

• Deep-copying in JavaScript using structuredClone

Быстрый Rust

• Rust is the future of JS infrastructure
• Ли Робинсон
• Developers would rather have a faster tool that’s harder to contribute to
• Fast software wins

Юникодный бэкдор

• The invisible JS backdoor
• VS Code: "editor.unicodeHighlight.ambiguousCharacters": false
• Panic Nova
• Zed: lightning-fast, collaborative code editor written in Rust
• Lapce: lightning-fast and powerful code editor written in Rust

Зачем Fleet

• Встречайте Fleet — новый инструмент JetBrains
• Подлодка про IDE и Fleet

Ведущие: Никита Дубко, Саша Шинкевич, Глаша Жур, Вадим Макеев

Темы

00:00:00 Интро
00:02:01 События
00:07:05 25 лет CSS
00:12:26 State of CSS 2021
00:24:02 Safari 15.2
00:28:28 Отладка утечек
00:38:23 Кастомный select
00:46:24 DOM и AOM
00:55:05 Итоги Compat 2021
00:59:32 Минское сообщество

События

• Трансляция с Yamal.Dev Conf
• MoscowCSS онлайн 21 декабря
• MinskCSS онлайн 26 января

25 лет CSS

• 25 лет CSS

State of CSS 2021

• State of CSS 2021
• Assembler CSS

Safari 15.2

• Safari 15.2 Release Notes

Отладка утечек

• Debug memory leaks with the Microsoft Edge Detached Elements tool

Кастомный select

• Fully-stylable and accessible select

DOM и AOM

• Full accessibility tree in Chrome DevTools

Итоги Compat 2021

• Compat 2021 Holiday Update: presents for developers before the end of the year

Ведущие: Андрей Мелихов, Вадим Макеев, Роман Байталов, Никита Дубко

Темы

00:00:00 Интро
00:01:00 События
00:02:10 Firefox 95
00:08:40 Safari TP 136
00:14:31 Web Neural Network API
00:19:15 Vercel + Turborepo
00:26:35 JetBrains в GitPod
00:34:10 Вшитые node_modules
00:49:18 Деплойми

События

• Я.Субботник по фронтенду и дизайну онлайн 11 декабря
• MoscowCSS онлайн 21 декабря

Firefox 95

• Firefox 95

Safari TP 136

• Release Notes for Safari Technology Preview 136
• Link to Text Fragment

Web Neural Network API

• Web Neural Network API
• Intent to Prototype: Web Machine Learning: Model Loader API

Vercel + Turborepo

• Vercel acquires Turborepo to accelerate build speed and improve developer experience

JetBrains в GitPod

• JetBrains desktop available in beta

Вшитые node_modules

• More teams should check node_modules directory into git
• Yarn Zero Installs
• Building layers. AWS Serverless Application Model
• Serverless TypeScript: A complete setup for AWS SAM Lambdas

Деплойми

• Deployme.app
• Heroku Buildpacks
• Роман Байталов: [email protected]