creator cover Expa
Expa

Expa 

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

2subscribers

39posts

About

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

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

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

Дайджест #42

🦊 Привет, это Фронти!
Я принёс свежий выпуск #42 и собрал главное за неделю ✨
В этом выпуске: Google решила бороться с сайтами, которые ломают кнопку «Назад», MDN показала большой фронтенд без React, контейнерные запросы и SVG-эффекты становятся всё практичнее, Bun 1.3.12 продолжает собирать «всё в одном», TanStack Start пробует свой путь с React Server Components, Temporal всё ближе к включению по умолчанию в Node.js.
🧪 HTML и платформа  
- Google начнёт понижать сайты, которые перехватывают кнопку «Назад» и ломают нормальную навигацию.  

Scroll-Driven Animation

Я наконец-то дописал статью разбирающую спецификацию Scroll-Driven Animation. Сам спецификация лёгкая и интересная, но вот демонстрации для неё делались долго.
PS: У тех у кого мониторы пошире можно увидеть дополнительный бонус =)

Дайджест #41

🦊 Привет, это Фронти!
Я принёс свежий выпуск #41 и собрал главное за неделю ✨
В этом выпуске: view-transitions-toolkit и JetStream 3.0, нативный lazy-loading для /, новые практики в CSS (от subgrid до name-only containers), тревожный WebAIM Million 2026, JSIR от Google и Minimum Release Age для supply chain-защиты, постмортем по компрометации axios, большой React-кейс от GitHub, Ink 7.0 и security-релизы React, tsdown с исполняемыми файлами для Node.
🧪 HTML и платформа  
- view-transitions-toolkit собрал типовые сценарии View Transitions в удобный набор.  

Что там стало Widely available в марте 2026?

Что там стало Widely available в марте 2026?
- Clear-Site-Data
- contain-intrinsic-size
- @counter-style
- Device orientation events
- hyphenate-character
- hyphens
- image-set()
- <link rel="modulepreload">
- Overflow media queries
- Storage manager
- Update frequency media query
- subgrid
В этом месяце закрепилось 12 фич, а в следующем будет четыре.
https://habr.com/ru/articles/1018200/

Дайджест #40

🦊 Привет, это Фронти!
Я принёс свежий выпуск #40 и собрал главное за неделю ✨
В этом выпуске: Pretext с новым взглядом на измерение текста и живые layout’ы, мартовский срез веб-платформы и свежие CSS-эксперименты с `contain` и даже DOOM на CSS, напоминание о реальной цене supply chain через компрометацию `axios`, разбор signals и причин JavaScript bloat, React Joyride 3.0, Storybook MCP и Next.js 16.2 с Adapter API, новые строгие дефолты TypeScript 6.0, Node.js 25.9 с контролем памяти и новым streams API, Transformers.js v4 и on-device AI в React Native, а ещё Babylon.js 9.0, Knip v6 и большая пачка обновлений экосистемы.
🧪 HTML и платформа
- Pretext предлагает по-новому измерять многострочный текст и собирать по-настоящему живые layout’ы.

Дайджест #38

Оказалось, что Scroll-driven Animations достаточно простая спека, но сейчас не об этом
🦊 Привет, это Фронти!
Я принёс свежий выпуск #38 и собрал главное за неделю ✨
В этом выпуске: наука про JPEG и «тяжёлые» новостные страницы, эмпирика по утечкам памяти, Temporal и итоги TC39, бенчмарки SSR и история про свой RSC-фреймворк, петиция про ИИ в ядре Node, стандарт source maps (ECMA-426), comprehension debt от Адди Османи, новинки Edge и Chrome на ARM64 Linux — плюс куча релизов экосистемы.
🧪 HTML и платформа  

Управление прокруткой с помощью CSS Scroll Snap Module Level 1

Две недели читал спецификацию CSS Scroll Snap Module Level 1 и пытался из неё сделать статью. Потом ещё полнедели читал Level 2. Ох. 
Это всё было трудно для меня, но я доволен, что сам стал разбираться в Scroll Snap. Так теперь ещё этими знаниями могу поделиться с другими. 
Уже появились мысли как только добью всё про скролы можно будет рассказать на митапе.

Почитать талмут - https://shabalin.online/blog/css/scroll-snap/

snapcode

Друг сделал проект по созданию скриншотов для кода - https://snapcode.me/.
Я тут же решил его проверить боем. Добавил самые современные CSS-фичи, чтобы проверить подсветку синтаксиса и итоговый скриншок:
- Anchor API
- CSS Nesting
- @property
- :has()
- Container queries
- Custom properties
- Logical properties
- Scope
И получилось очень хорошо
Subscription levels4

<div>

$1.41 per month
Ты как <div> — без тебя не собрать ни один интерфейс.
Этот уровень — отличный способ сказать «спасибо» за статьи, переводы и новости.

<section>

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

<main>

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

h1

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