Expa

Mar 13 11:58

План статей на ближайшее время

Сейчас передо мной стоит задача разобраться с CSS-спецификациями посвещённые работе скролов.

CSS Overflow Module Level 3, Level 4, Level 5
✅ CSS Scroll Snap Module Level 1, Level 2 (Статья в блоге)
✅ Scroll-driven Animations
✅ CSS Scroll Anchoring Module Level 1 (Статья в блоге)
✅ CSS Overscroll Behavior Module Level 1 (Статья в блоге)
✅ CSS Scrollbars Styling Module Level 1 (Статья в блоге)

In bundle

plan

frontend

css

scroll

Aug 29 12:22

Дайджест #60

🦊 Привет, это Фронти!

Я принёс свежий выпуск #60 и собрал главное за неделю ✨

В этом выпуске: современный HTML отбирает работу у JavaScript, CSS балансирует flex-строки и готовится связывать переходы между страницами, Bun 1.4 переехал с Zig на Rust, Solid 2.0 заморозил новый API, а Node.js научился работать с ZIP без сторонних пакетов.

🧪 HTML и веб-платформа

popover, команды элементов и hidden="until-found" позволяют собирать всё больше интерактивных сценариев без JavaScript.
Firefox 154 получил новые CSS-возможности, а sibling-index() и sibling-count() добрались до Baseline.
Firefox и Chrome готовят поддержку JPEG XL с хорошим сжатием, HDR и широкой цветовой гаммой.
Исследование 657 тысяч адресов показало масштаб link rot: старые страницы переезжают, исчезают и постепенно уносят с собой знания.

🎨 CSS и дизайн

frontend

frontend digest

html

css

javascript

typescript

react

node.js

Aug 24 13:52

Привет, это Фронти!

На прошлой неделе было столько дел, что на этой решил отдохнуть. Поэтому свежего дайджеста не будет. Вернусь на следующей неделе с новыми новостями фронтенда 💙

digest

frontend digest

Aug 24 13:45

PiterJS #93

27 августа 2026 в 19:00 выступаю в Т-Банк (Свердловская набережная, 44с2) с докладом про OTP.

Если будет возможность приходите =)

piterjs

meetup

Aug 16 14:26

Дайджест #59

🦊 Привет, это Фронти!

Я принёс свежий выпуск #59 и собрал главное за неделю ✨

В этом выпуске: браузеры учатся не мешать диагональному скроллу, Baseline помогает выкинуть лишние полифилы, CSS рисует Pipes и упрощает тёмную тему, Yelp завершает большую миграцию с Flow на TypeScript, TanStack переписывает Table и Form, а веб всё активнее готовится к работе с агентами через WebMCP и stateless MCP.

🧪 HTML и платформа

Chromium получил scroll-axis-lock: none: карты, схемы и холсты смогут сразу прокручиваться по диагонали.
Baseline предлагает пересмотреть старые полифилы и зависимости — иногда современный веб уже умеет достаточно сам.
Эксперимент с HTML поверх WebSocket показывает, как собирать realtime-интерфейсы с минимумом клиентского JavaScript.
Есть отличный технический разбор того, почему крошечные JPEG иногда масштабируются в Chrome совсем не так, как ожидаешь.

🎨 CSS и интерфейсы

html

css

javascript

node.js

deno

typescript

react

Aug 15 15:53

HTML Academy

«Привет. Это Николай Шабалин. С вами HTML Academy» — это то, по чему я действительно буду скучать. Дело в том, что два месяца назад я покинул Академию. Великая школа с человеческой мотивацией — дать образование в сфере IT.

html academy

Aug 13 19:25

Такие дела

Пока был в двухнедельном отпуске и наслаждался количеством зелени в Сараево, а после — концертом Moby в Белграде, произошло несколько событий в моей жизни. Делюсь первым из них.

Я стал членом программного комитета Podlodka Frontend Crew. Моё счастливое лицо уже можно наблюдать на лэндинге. Решил попробовать себя по ту сторону процессов: не когда ты спикер, а когда помогаешь спикеру.

Aug 08 13:41

Дайджест #58

🦊 Привет, это Фронти!

Я принёс свежий выпуск #58 и собрал главное за неделю ✨

В этом выпуске: Chrome 151 делает доступ к камере и микрофону понятнее, CSS учится украшать gap и учитывать маршрут навигации, JSON снова оказывается не тем, кем кажется, Next.js ускоряет переходы, TanStack Table стала модульнее, а npm-экосистеме опять срочно нужен аудит зависимостей.

🧪 HTML и платформа

Chrome 151 добавляет более понятный пользовательский контроль доступа к камере и микрофону.
У img по умолчанию есть скрытое overflow: clip — важная деталь для теней, фильтров и элементов за границами картинки.
Разбираемся с базовой семантикой: ссылкой переходим, кнопкой совершаем действие.
Интерактивный проект Mow превращает стрижку виртуального газона в необычную веб-историю.

🎨 CSS и дизайн

frontend

frontend digest

html

css

javascript

typescript

node.js

react

Aug 03 17:25

Дайджест #57

🦊 Привет, это Фронти!

Я принёс свежий выпуск #57 и собрал главное за неделю ✨

В этом выпуске: веб-шрифтам WOFF исполнилось 16 лет, Chrome учится измерять производительность отдельных компонентов, CSS нашёл бесконечность, Rust продолжает ускорять JavaScript-инструменты, TanStack отказался от RSC на своём сайте, а npm начинает проверять пакеты на вредоносный код ещё при публикации.

🧪 HTML и веб-платформа

frontend digest

digest

html

css

javascript

typescript

react

node.js

Jul 23 19:05

Дайджест #56

🦊 Привет, это Фронти!

Коля пока ещё в отпуске, а я принёс свежий выпуск #56 и собрал главное за неделю ✨

В этом выпуске: Firefox 153 расширяет Picture-in-Picture и экспериментирует с изолированными контейнерами, CSS учится анимировать masonry и разбрасывать конфетти, ReactBench проверяет код ИИ-агентов, Nuxt 4.5 готовит дорогу к Nuxt 5, Vue 3.6 завершает Vapor Mode, Figma рассказывает о доступности внутри Canvas, а Babylon Lite делает ставку исключительно на WebGPU.

🧪 HTML и платформа

Firefox 153 добавил Picture-in-Picture API на компьютерах и улучшил поведение popover="hint".
Native Containers разделяют сайты по изолированным окружениям, чтобы не смешивать cookies и авторизацию.
Web Locks API помогает вкладкам и воркерам координировать параллельные операции.
EPUB 3.4 приблизился к статусу веб-стандарта, а эксперимент с настоящим DOM внутри <canvas> соединяет HTML и графический рендеринг.

🎨 CSS и дизайн

Grid и Subgrid справились со сложной адаптивной турнирной таблицей FIFA без леса жёстких размеров.
Masonry-раскладки и <details> получают плавные анимации средствами CSS.
random() уже умеет разбрасывать CSS-конфетти, а Temporal вместе с color-mix() — менять тему по времени суток.
Для тех, кто всё ещё ищет идеальный способ центрирования, появилась коллекция сразу из 100 вариантов. Теперь отговорки официально закончились.

♿ Доступность и UX

Figma рассказала, как вручную реализовала семантику, клавиатурное управление и фокус в интерфейсе на Canvas.
outline возвращается туда, откуда его слишком часто удаляли дизайнерские ресеты, а :focus-visible помогает показывать рамку вовремя.
A11Y.md формулирует проверяемые правила доступности для ИИ-агентов, а AIMAC сравнивает модели по качеству созданных интерфейсов.
Тестировать производительность предлагают не только на флагманах, но и на реальных бюджетных смартфонах.

📦 JavaScript и WebAssembly

frontend

frontend digest

html

css

javascript

node.js

typescript

react

vue

angular

About

План статей на ближайшее время

Дайджест #60

Привет, это Фронти!

PiterJS #93

Дайджест #59

HTML Academy

Такие дела

Дайджест #58

Дайджест #57

Дайджест #56

<div>

<section>

<main>

h1