F

FRONT | Фронтенд | JavaScript | CSS | TanStack Start 1.0 | Next.js 16.4 | Bun 1.4.3 | JPEG XL | React 19.3 | Cache Components | Remix 3 | Node 26 LTS | Temporal | Interop 2027 | Playwright 1.64

IT и технологии · 5 августа 2026 г.

Открыть канал в MAX

CSS progress() считает, какую долю диапазона занимает значение. Скармливаешь ширину окн...

CSS progress() считает, какую долю диапазона занимает значение. Скармливаешь ширину окна (100vw) между 320px и 1200px — на выходе число от 0 до 1. Умножаешь на 600px в calc() и получаешь плавно растущую карточку. Без ResizeObserver, без слушателей. Chrome 138+, Safari 26+, Edge заодно. Firefox пока мимо (баг 1975530), но ~85% браузеров уже умеют.