creator cover Expa
Expa

Expa 

Исследую галактику фронтенда 🚀

5subscribers

48posts

About

Разбираю CSS спецификации. Делаю дайджест фронтенд новостей. Собираю паттерны. Собираю CSS фичи.
Стараюсь делать полезное для интернета и для других фронтенд-разработчиков. Помогаю начинающим.
Проекты, которыми горжусь

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

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

Дайджест #48

🦊 Привет, это Фронти!
Я принёс свежий выпуск #48 и собрал главное за неделю ✨
В этом выпуске: Chrome экспериментирует с declarative partial updates и безопасным HTML-стримингом, CSS снова обсуждает центрирование, layout gaps и view transitions, npm усиливает защиту публикаций и install scripts, Deno 2.8 резко подтягивает совместимость с Node.js, React отмечает 13 лет, а AI-инструменты всё чаще требуют не скорости, а внимательной проверки.
🧪 HTML и платформа
- Chrome пробует Declarative Partial Updates: `<template for>`, `setHTML()` и `streamHTML()` могут сделать динамический HTML более декларативным и безопасным.
- Manuel Matuzovic напомнил, почему `aria-label` на обычных `div` и `span` часто не даёт ожидаемой доступности.

Дайджест #47

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

Я принёс свежий выпуск #47 и собрал главное за неделю ✨
В этом выпуске: Google I/O показал WebMCP, HTML-in-Canvas и Baseline Checker, Firefox 151 добавил Document Picture-in-Picture, CSS получил `round()` и gap decorations, npm усиливает защиту staged publishing, Express обновил сайт и документы, React-экосистема снова обсуждает RSC, а Node.js 26.2 стабилизировал `stream.compose`.
🧪 HTML и веб-платформа
- Google I/O 2026 принёс WebMCP для связи сайтов с AI-агентами, Baseline Checker и идеи для AI-навыков прямо в Chrome.
- HTML-in-Canvas пробует соединить привычные HTML-элементы с гибкостью canvas для сложной графики и редакторов.

Digest #46

🦊 Привет, это Фронти!
Я принёш швежий выпуск #46 и шобрал главное жа неделю ✨
Пишу чуть шепеляво: у Лиша болит жуб, но фронтенд ждать не будет.
В этом выпуске: Safari 26.5 подтянул WebKit, браузеры пробуют встроенную уштоновку веб-приложений, TanStack пережил npm supply chain атаку, Rolldown 1.0 штал штабильным, GitHub ускорил Issues через local-first кеш, Bun 1.3.14 добавил изображения и HTTP/3, а Node.js 26 уже можно изучать глубже.
🧪 HTML и платформа
- Safari 26.5 принёш `:open`, доработки `random()`, SVG-улучшения и Origin API.
- Chrome и Edge тестируют новый `<install>` для уштоновки веб-приложений без лишнего JavaScript.

Дайджест #45

🦊 Привет, это Фронти!
Я принёс свежий выпуск #45 и собрал главное за неделю ✨
В этом выпуске: Remix 3 вышел в beta и уже не выглядит как обычный React-фреймворк, Node.js 26 включил Temporal по умолчанию, Chrome 148 принёс Prompt API и новые web-возможности, React и Next.js закрыли RSC-уязвимость, Rolldown 1.0 стал стабильным, Astro готовит v7 Alpha, а CSS снова доказывает, что умеет больше, чем просто «поставить отступ».
🧪 HTML и платформа  
- Chrome 148 добавил name-only `@container` queries, ленивые `video` и `audio`, Prompt API и новые возможности DevTools.  

Дайджест #44

🦊 Привет, это Фронти!
Я принёс свежий выпуск #44 и собрал главное за неделю ✨
В этом выпуске: sizes="auto" делает адаптивные изображения менее болезненными, scroll-driven animations и View Transitions продолжают двигать CSS вперёд, TypeScript 7 beta и pnpm 11 ускоряют инфраструктуру, React Compiler пытается снять с нас часть ручной мемоизации, Remix 3 меняет философию, Node 26 почти доехал до Temporal по умолчанию, а AI-агенты уже просят для себя DESIGN.md.
🧪 HTML и веб-платформа  
- sizes="auto" обещает сделать адаптивные картинки спокойнее: браузер сможет сам определять размер лениво загружаемого изображения.  

Наступила эра индивидуальных инструментов

Что-то тут недавно как-то не мог заснуть и в голове всё крутилась мысль, что в последнее время я стал делать много инструментов на языках и платформах на которых я бы самостоятельно буквально ничего не сделал.
Все мои умазаключения вылились в мысль, что ИИ уже здесь и он позволяет заходить, в те области, в которых ты можешь не разбираться.
Это касается конечно же не только того, что я теперь "могу" создать Android-приложение, или приложение для любой платформы, но также разобраться в сложных бытовых моментах. Спроектировать сантехнический узел? Изи. Создать беспроводной переключатель с нуля? Легко!
Поделился своими мыслями тут - https://shabalin.online/blog/other/era-of-individual-tools/

Baseline: апрель 2026

Обзор на браузерные API, которые стали Widely available в апреле 2026. Раз в месяц я буду вам напоминать, что вы уже можете использовать в проде.
Каждый месяц выходят новые CSS-свойства, HTML-атрибуты, JavaScript-методы и WebAPI, но применять в проде мы их конечно же не будем.
2.5 года назад также каждый месяц выходили новые фичи в браузере, а вот их уже пора начинать применять.

Какие фичи в вебе стали Widely available в апреле 2026?

  • <search>
  • Web authentication easy public key access
  • String isWellFormed() and toWellFormed()
  • ARIA attribute reflection
Подробнее в статье на хабре https://habr.com/ru/articles/1028616/

Атом = Пиксель

Поводом для написания статьи стала фраза, которую я сегодня услышал: «Пиксель неделим!» — в контексте того, что 12.5px в CSS может быть триггером для негатива.
Давайте вспомним почему один пиксель указанный в CSS может не быть равен одному пикселю на дисплее!
https://shabalin.online/blog/css/pixel/

Дайджест #43

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

Я принёс свежий выпуск #43 и собрал главное за неделю ✨
В этом выпуске: Firefox 150 и Soft Navigations двигают веб-платформу вперёд, HTML пробует жить внутри canvas, адаптивные интерфейсы всё чаще обходятся без глобальных брейкпоинтов, TypeScript 7 beta обещает большой скачок скорости, в Node-мире появился пакетный менеджер aube, Playwright научился гибче записывать скринкасты, а Vercel напомнил, что OAuth и supply chain требуют очень внимательного отношения.
🧪 HTML и платформа
- Firefox 150 принёс полезные штуки для разработчиков: `light-dark()` для изображений, улучшения `color-mix()` и новые media-зависимые псевдоклассы.
- Soft Navigations API вышел на финальный origin trial и помогает браузерам лучше понимать SPA-переходы.
Subscription levels4

<div>

$1.45$1.22 per month
-16%
billed every 12 months
Ты как <div> — без тебя не собрать ни один интерфейс.
Этот уровень — отличный способ сказать «спасибо» за статьи, переводы и новости.

<section>

$7.3$3.7 per month
-50%
billed every 12 months
Как <section> задаёт структуру странице, так и ты помогаешь проекту расти и становиться системнее.
- У тебя будет возможность участия в голосованиях за будущие темы и статьи.
- Ты получаешь доступ к еженедельному дайджесту фронтенд-новостей раньше остальных.

<main>

$14.5 per month
Главный контент — здесь.
На этом уровне ты получаешь максимальную ценность и прямое влияние на развитие канала.
- Возможность задать свой вопрос и получить персональный ответ/разбор.
Subscription Spots Are Limited

h1

$2 167 per month
На этой странице ты одинок.
Это просто шутка 😊
Go up