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

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

• Boosty
• Patreon

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

Гости: Павел Минеев

Темы

00:00:00 Интро
00:01:13 События
00:04:11 Фиксы в Safari
00:07:47 Static в V8
00:13:29 Deno Company
00:21:35 Sublime Text 4
00:28:46 HSL и LCH
00:34:45 Медленная F1
00:42:04 Обратно на WordPress
00:54:48 Что такое SPA
01:07:11 Гидрация и Next.js

Павел Минеев

• Личный сайт
• Выпуск Радио-Т
• Remark42

События

• HolyJS онлайн 20–23 апреля
• Программа HolyJS на Хабре
• Frontend Crew онлайн 12–23 апреля
• CFP на 2 неделю

Фиксы в Safari

• Release Notes for Safari TP 123
• Compat 2021 Dashboard

Static в V8

• Class static initializer blocks

Deno Company

• Announcing the Deno Company

Sublime Text 4

• Превью Sublime Text 4

HSL и LCH

• Dark mode in 5 minutes, with inverted lightness variables

Медленная F1

• Who has the fastest F1 website in 2021?

Обратно на WordPress

• Как я не перешёл с WordPress на Hugo, Gatsby и прочий Node

SPA, гидрация и Next.js

• Next.js
• Microsite
• Hugo.io
• Gatsby

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

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

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

• Boosty
• Patreon

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

Гости: Лена Райан, Марианна Минич

Темы

00:00:00 Интро
00:01:34 События
00:03:54 Новинки Firefox 87
00:07:12 Container Queries
00:12:34 Compat 2021
00:21:40 SvelteKit
00:31:07 Эмоджи или эмодзи
00:37:21 A11y-лонгрид
00:44:31 Дорога к доступности

События

• Theta Conf онлайн 10 апреля
• Я.Субботник онлайн 17 апреля

Новинки Firefox 87

• Firefox 87 for developers

Container Queries

• An experimental flag for container queries just hit Chrome Canary!

Compat 2021

• Compat2021: Eliminating five top compatibility pain points on the web

SvelteKit

• SvelteKit is in public beta

Эмоджи или эмодзи

• Emoji under the hood

A11y-лонгрид

• A Complete Guide To Accessible Front-End Components
• Disabled buttons suck

Дорога к доступности

• Курс Валерии Курмак
• Блог Мануэля Матузовича
• Как незрячий пользуется iPhone, MacBook и Apple Watch
• Доклад Ивана Бакаидова на ЯЛФ
• Доклад Лены на IWD
• Доклад Саши Шинкевич про Bootstrap
• Доклад Ани Сафоновой на pitera11y_meetup

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:42 События
00:04:10 Что нового в V8
00:09:39 Бета Chrome 90
00:32:43 Ненастоящие PWA
00:45:40 CSS Nesting

События

• International Women’s Day онлайн 20 марта
• MoscowJS онлайн 25 марта

Что нового в V8

• V8 release v9.0

Бета Chrome 90

• Chrome 90 Beta: AV1 Encoder for WebRTC, New Origin Trials, and More
• Explainer: Subresource loading with Web Bundles

Ненастоящие PWA

• Your PWA is going to break in August 2021
• Минимальное PWA

CSS Nesting

• Official CSS Nesting – the last piece of the puzzle

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:01:04 События
00:06:35 Старый Edge всё
00:12:02 Новинки Safari TP
00:21:54 React Native и Preact
00:29:02 MDN по-русски
00:33:12 Стили для печати
00:41:46 EditorConfig
00:48:35 Ховер или клик
00:57:31 Системные шрифты

События

• Видео с Я ❤ Фронтенд
• Design is Frontend онлайн 24 марта
• DUMP в Екатеринбурге 14 мая
• Secon в Пензе 19–20 июня
• 404fest X в сентябре
• Ищем мейнтейнера календаря

Старый Edge всё

• Microsoft Edge Legacy support ends today

Новинки Safari TP

• Safari Technology Preview 122
• Blink Intent to Prototype and Ship: ES Modules for SW

React Native и Preact

• Announcing React Native 0.64 with Hermes on iOS
• Как я полюбил и возненавидел React Native
• Preact Server Components

MDN по-русски

• Проект по переводу контента MDN

Стили для печати

• Я совсем забыл про стили для печати
• Распечатай мне курсач. На CSS

EditorConfig

• EditorConfig — порядок в текстовых файлах

Ховер или клик

• Why hover is a concept you should not use

Системные шрифты

• System fonts don’t have to be ugly

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

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

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

• Boosty
• Patreon

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

Гости: Юля Миоцен, Вадик Матвеев

Темы

00:00:00 Интро
00:01:26 События
00:02:52 Chrome 89
00:11:00 Chrome DevTools
00:22:31 Релизы и приватность
00:29:44 История веба
00:37:55 Цвета из спеки
00:44:45 Зачем Consta
00:53:49 Как Consta
01:01:00 Когда Consta
01:07:00 Лэндинг Consta

Гости

• Вадик в Твиттере
• Юля в Твиттере

События

• RamblerFront& онлайн 18 марта
• Трансляция с Я ❤ Фронтенд

Chrome 89

• New in Chrome 89

Chrome DevTools

• What’s New In DevTools (Chrome 90)

Релизы и приватность

• Web API Controversy
• Speeding up Google Chrome’s release cycle
• Charting a course towards a more privacy-first web

История веба

• История фронтенда: Браузер, который умел всё

Цвета из спеки

• Цвета в CSS

Consta

• Consta — дизайн-система «Газпром нефти»
• Код лэндинга Consta
• Yandex UI Kit
• VKUI
• Scroll Spinning SVG

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

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

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

• Boosty
• Patreon

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

Гости: Михаил Трошев

Темы

00:00:00 Интро
00:01:41 Свежий Safari TP
00:04:32 Firefox 86
00:08:31 Быстрый SVG на GPU
00:12:18 Куки в Firefox и Яндекс.Браузере
00:22:58 WebP, AVIF и JPEG XL
00:32:30 Офер в Яндекс за день
00:42:49 Буткемп и ШРИ
00:51:37 Зачем нужен ODO

Свежий Safari TP

• Release Notes for Safari Technology Preview 121

Firefox 86

• Firefox 86
• A Fabulous February Firefox — 86!

Быстрый SVG на GPU

• Updates in hardware-accelerated animation capabilities

Куки в Firefox и Яндекс.Браузере

• Firefox 86 Introduces Total Cookie Protection
• Яндекс.Браузер защитит от сторонних трекеров

WebP, AVIF и JPEG XL

• Maximally optimizing image loading for the web in 2021
• AVIF and WebP encoding quality settings
• It’s High Time to Replace JPEG With a Next-Generation Image Codec

Офер в Яндекс за день

• One Day Offer в Яндекс

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

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

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

• Boosty
• Patreon

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

Гости: Роман Магдаленко

Темы

00:00:00 Интро
00:02:45 События
00:07:34 Инспектор флексов
00:09:32 Vite 2.0
00:16:36 SVGO 2.0
00:24:11 Wakamai Fondue
00:26:00 Зачем TypeScript
00:34:48 Аутсорс: Лёша
00:47:55 Аутсорс: Андрей
01:05:32 Аутсорс: Вадим
01:14:23 Новички в аутсорсе

События

• Я ❤ Фронтенд онлайн 27 февраля
• Призы для CTF
• Hot Frontend онлайн в SimbirSoft 5 марта
• Frontend Crew онлайн 12–23 апреля
• Темы для докладов Frontend Crew

Инспектор флексов

• Flexbox Editor fresh in Chromium Canary

Vite 2.0

• Announcing Vite 2.0

SVGO 2.0

• SVGO 2.0

Wakamai Fondue

• Wakamai Fondue CLI: never write font CSS again!

Зачем TypeScript

• Tackling TypeScript: Upgrading from JavaScript

Аутсорс

• RedLab

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

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

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

• Boosty
• Patreon

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

Гости: Сергей Иванов

Темы

00:00:00 Интро
00:02:04 Событие ЯЛФ
00:09:37 Прощание со старым Edge
00:14:16 Новости веб-платформы
00:19:06 Борьба с z-index
00:25:48 Нормальные однострочники
00:35:48 Атака на зависимости
00:45:53 Инди-веб
00:54:39 Что такое CTF

Событие ЯЛФ

• Я ❤ Фронтенд онлайн 27 февраля

Прощание со старым Edge

• New Microsoft Edge to replace Microsoft Edge Legacy with April’s Windows 10 Update Tuesday release

Новости веб-платформы

• Open Web Docs worklog, January 2021 edition
• Define container queries in css-contain-3

Борьба с z-index

• Managing CSS Z-Index In Large Projects

Нормальные однострочники

• 15 полезных однострочных выражений JavaScript

Атака на зависимости

• How I Hacked Into Apple, Microsoft and Dozens of Other Companies
• Рекомендации Microsoft

Инди-веб

• Why The IndieWeb?

Что такое CTF

• CTF в Петербурге в Телеграме
• CTF в Петербурге на Ютубе
• Frontend CTF №1
• Frontend CTF №2
• Канал Сергея в Телеграме

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

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

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

• Boosty
• Patreon

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

Гости: Игорь Коровченко

Темы

00:00:00 Интро
00:01:25 Npm 7
00:14:15 Private Click Measurement
00:19:45 Обновление V8 v8.9
00:23:55 App History API
00:32:01 Прагматичные книги
00:36:45 Принцип работы Docker
00:44:03 Как пользоваться Docker
00:48:09 Разработка в Docker
00:55:21 Docker, чья проблема

Npm 7

• Npm 7 is now generally available!
• Presenting v7.0.0 of the npm CLI

Private Click Measurement

• Introducing Private Click Measurement, PCM

Обновление V8 v8.9

• V8 release v8.9

App History API

• App History API

Прагматичные книги

• The Pragmatic Programmers

Docker

• Распаковка Docker, часть 1
• Распаковка Docker, часть 2
• Распаковка Docker, часть 3
• Development Containers in Education
• Run and Debug your App in the Desired Environment

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

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

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

• Boosty
• Patreon

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

Темы

00:00:00 Интро
00:00:54 События
00:04:47 Firefox 85
00:16:17 Safari TP 119
00:19:55 Бета Chrome 89
00:32:05 Chrome DevTools
00:41:14 Open Web Docs
00:43:58 Элемент popup
00:47:03 Локальный HTTPS
00:54:25 WCAG 3
00:58:40 Null или undefined

События

• MoscowJS Online прошёл онлайн 28 января
• Node Congress 2021 18-19 февраля
• Билеты со скидкой 15%
• React fwdays онлайн 27 марта

Firefox 85

• Firefox 85

Safari TP 119

• Release Notes for Safari TP 119

Бета Chrome 89

• Chrome 89 Beta

Chrome DevTools

• What’s New In DevTools

Open Web Docs

• Introducing Open Web Docs

Элемент popup

• Enabling Popups

Локальный HTTPS

• How to use HTTPS for local development
• When to use HTTPS for local development

WCAG 3

• Что нового в WCAG 3.0

Null или undefined

• Undefined vs. null revisited

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

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