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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:48 Дизайн-токены
00:05:21 Bun.sh вместо Node.js
00:22:02 ES-модули в Node.js
00:33:48 Виджеты для Figma
00:40:31 OpenProps
00:45:33 Стиль кода MDN
00:59:17 Style Queries
01:09:38 Вариативные шрифты

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

• Design Tokens CLI
• Design Systems News
• The Future of Design Tokens, вебинар 19 июля

Bun.sh вместо Node.js

• Bun.sh

ES-модули в Node.js

• Create a statement about migration to ESM
• Валентин Семирульник про ESM
• Роман Дворнов про ESM в Node.js

Виджеты для Figma

• Use plugins in files
• Виджет для GitHub
• Notion 2.17, now with Synced Databases

OpenProps

• OpenProps
• GUI Challenges

Стиль кода MDN

• Modernization of code examples
• Раздел JavaScript на Доке

Style Queries

• Style Queries

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

• Variable fonts in real life
• The joy of Variable Fonts

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:39 Safari TP
00:15:04 WebKit на GitHub
00:25:09 Model для 3D
00:33:17 Firefox 102
00:46:40 Браузеры
00:56:25 Интервенции
01:02:18 DevTools
01:11:08 HTML без фантазий
01:21:51 Color.js

Safari TP

• Release Notes for Safari Technology Preview 148
• Razvan Caliman

WebKit на GitHub

• And now WebKit is 100% on Git
• WebKit’s positions on emerging web specifications
• Support AVIF images for macOS Ventura and iOS 16

Model для 3D

• Model is a potential new HTML element
• Pointerevents в DevTools

Firefox 102

• Firefox 102 for developers
• Firefox 102
• Exploring the World of E-Ink

Браузеры

• New to the web platform in June
• Browsers.fyi

Интервенции

• What are browser interventions

DevTools

• CanIDev.Tools

HTML без фантазий

• Replace current outline algorithm with one based on heading levels

Color.js

• Color.js

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:38 Chrome 103
00:09:57 Бета Chrome 104
00:26:45 Зачем :has
00:33:13 MathML в Chrome
00:43:09 Defensive CSS
00:49:54 Порядок фокуса
01:00:55 Карточка-ссылка
01:10:46 Дизайн-токены
01:16:03 Красивое
01:19:08 ES 2022
01:28:35 GitHub Copilot

Chrome 103

• New in Chrome 103

Бета Chrome 104

• Chrome 104 Beta: New Media Query Syntax, Region Capture, and More
• Focusgroup Explainer

Зачем :has

• :has() shipping with Chrome 105

MathML в Chrome

• Intent to Ship: MathML
• Achievement Unlocked: Intent to Mathify

Defensive CSS

• Defensive CSS
• Every Layout

Порядок фокуса

• Tab visual order vs logical order

Карточка-ссылка

• Простая семантичная карточка-ссылка

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

• Вторая версия Design Tokens

Красивое

• Sharing some music with code
• Hydra
• Tidal Cycles

ES 2022

• ECMAScript excitement
• ECMAScript 2022: What’s new?
• TC39: взгляд изнутри, Сергей Рубанов

GitHub Copilot

• GitHub Copilot is generally available to all developers

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:05:00 Понятные Media Queries
00:10:17 Релиз-ноуты V8 всё
00:14:37 Бета Safari 16
00:26:29 Container Queries
00:36:18 Telegram защитник веба
00:46:53 Мир без паролей
00:58:08 Что попросить у Safari
01:03:27 IE снова всё

Понятные Media Queries

• New syntax for range media queries in Chrome 104

Релиз-ноуты V8 всё

• Discontinuing V8 release blog posts

Бета Safari 16

• News from WWDC22: WebKit Features in Safari 16 Beta
• What’s new in Safari and WebKit
• Create Safari Web Inspector Extensions
• Meet Web Push for Safari

Container Queries

• CSS Container Queries, или Адаптация по-новому
• CSS Container Query Units
• Say Hello To CSS Container Queries
• CSS Container Queries For Designers

Telegram защитник веба

• Does Apple intentionally prevent Safari from being a modern browser?

Мир без паролей

• Apple Just Killed the Password—for Real This Time

Что попросить у Safari

• New CSS, fixed bugs
• JS or Web API
• Any new CSS magic

IE снова всё

• The future of Internet Explorer on Windows 10 is in Microsoft Edge
• Internet Explorer 11 desktop app retirement FAQ
• Today, the Trident Era Ends
• Internet Explorer Still Does Not Go Away Today
• What To Expect When You’re Expecting To Drop IE11
• Internet Explorer shutdown to cause Japan headaches “for months”

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:07 События
00:04:03 Новости Express
00:08:25 WebP в Photoshop
00:19:10 Чарты в маркдауне
00:25:00 Фултайм Eleventy
00:35:53 Забытый тег layer
00:43:33 Кривые Безье
00:49:27 React Native
00:56:11 State of JS

События

• MinskJS Meetup онлайн 2 марта
• Desilopers & Devigners онлайн 10 марта
• Шрифт в вебе без боли, Рома Шамин
• BeJS Conf в Брюсселе и онлайн 13 мая

Новости Express

• Express 5.0 Beta

WebP в Photoshop

• Adobe Photoshop: Native support for WebP

Чарты в маркдауне

• Include diagrams in your Markdown files with Mermaid

Фултайм Eleventy

• Full time open source development for eleventy, sponsored by netlify
• Doubling down on the ecosystem: open source and integrations
• Eleventy на YouTube
• 28% build time performance improvement for Google’s web.dev

Забытый тег layer

• Which of these is NOT a built-in HTML element?
• How do you define built-in HTML element such that layer is included?
• These are spec violations, spec doesn’t have this rule for layer
• Баг в Chromium
• Баг в WebKit

Кривые Безье

• Опенсорсная книга по кривым Безье
• The Beauty of Bézier Curves
• Generative Design: Visualize, Program, and Create with JavaScript in p5.js Book

React Native

• Deep dive into React Native’s New Architecture

State of JS

• The State of JS 2021
• JavaScript is in a tremendously better state today compared to 2016
• What’s New in the 2021 State of JavaScript Survey
• State of JavaScript 2021 Livestream
• Не успела Дока запуститься, а уже попала в State of JS

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

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

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

• Boosty
• Patreon

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

Гости: Полина Немчак

Темы

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 февраля
• Дока

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

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

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

• Boosty
• Patreon

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

Темы

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
• Эпизод подкаста с Александрой Корольковой

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

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

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

• Boosty
• Patreon

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

Темы

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

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

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

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

• Boosty
• Patreon

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

Темы

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

Девшахта

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

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

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

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

• Boosty
• Patreon

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

Темы

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

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

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