Архив рубрики ~Коротко из Telegram~

У веб-дизайнеров революция: разраб из Midjourney придумал, как сделать обтекаемый…

02.04.2026

У веб-дизайнеров революция: разраб из Midjourney придумал, как сделать обтекаемый текст в браузере — прямо как в глянцевых журналах

Бывший инженер Midjourney Cheng Lou выпустил библиотеку Pretext для точного измерения и расчёта многострочного текста. Главная фишка — технология не использует CSS и DOM-измерения (getBoundingClientRect, offsetHeight), которые триггерят дорогой reflow. Вместо этого библиотека реализует собственную логику измерения текста, используя браузерный движок как эталон.

Что умеет:
— Измерять высоту абзаца без единого обращения к DOM
— Раскладывать текст вручную строка за строкой с разной шириной (например, обтекание вокруг картинки)
— Поддерживает все языки, эмодзи и смешанное направление письма
— Работает с Canvas, SVG, WebGL и скоро на сервере

Цифры:
— prepare() (анализ текста) — около 19 мс для 500 текстов
— layout() (расчёт) — около 0,09 мс для той же пачки

Pretext написан на чистом TypeScript, поддерживается всеми современными браузерами.

Код доступен тут.

Оцените материал:

Читайте также

Архив рубрики ~Лента новостей~ Как Shazam узнаёт песню, даже если вокруг шумно Архив рубрики ~Лента новостей~ Исследование показало, что ChatGPT допускает научные ошибки чаще, чем вы думаете. Архив рубрики ~Лента новостей~ Компания Oura снова подала в суд на своего конкурента Ultrahuman, что угрожает ее возвращению на рынок США с «умными» кольцами. Архив рубрики ~Лента новостей~ Минус $80 млрд за полгода: утечка проспекта IPO Anthropic сорвала маски с экономики суперинтеллекта Архив рубрики ~Лента новостей~ От чата до агентов: 6 курсов по ИИ от Google, Anthropic и OpenAI Архив рубрики ~Лента новостей~ Сотни фагов от ИИ. Языковые модели сгенерировали рабочий вирусный геном Архив рубрики ~Лента новостей~ Ученые создали самый сложный в истории тест для искусственного интеллекта, и результаты оказались неожиданными. Архив рубрики ~Лента новостей~ Платформа для разработчиков Railway призывает «всех пользователей» отозвать секретные ключи после кибератаки. Архив рубрики ~Лента новостей~ Как написать промпт для картинок в ChatGPT: инструкция и примеры Архив рубрики ~Лента новостей~ Искали кобальт, нашли уран. Как пять тысяч тонн урана могли незаметно попасть в цепочку поставок Архив рубрики ~Лента новостей~ Мягкий экзоскелет облегчает вставание. Новости робототехники GM делает ставку на вычислительные технологии и искусственный интеллект, которые, по её мнению, помогут ей конкурировать с китайскими автопроизводителями. Архив рубрики ~Лента новостей~ AI-поиск выбирает победителя ещё до того, как покупатель сформулировал критерии Архив рубрики ~Лента новостей~ Из хаоса закладок — в галерею визуализаций: история создания DataDrops Архив рубрики ~Лента новостей~ Как Shazam узнаёт песню, даже если вокруг шумно Архив рубрики ~Лента новостей~ Исследование показало, что ChatGPT допускает научные ошибки чаще, чем вы думаете. Архив рубрики ~Лента новостей~ Компания Oura снова подала в суд на своего конкурента Ultrahuman, что угрожает ее возвращению на рынок США с «умными» кольцами. Архив рубрики ~Лента новостей~ Минус $80 млрд за полгода: утечка проспекта IPO Anthropic сорвала маски с экономики суперинтеллекта Архив рубрики ~Лента новостей~ От чата до агентов: 6 курсов по ИИ от Google, Anthropic и OpenAI Архив рубрики ~Лента новостей~ Сотни фагов от ИИ. Языковые модели сгенерировали рабочий вирусный геном Архив рубрики ~Лента новостей~ Ученые создали самый сложный в истории тест для искусственного интеллекта, и результаты оказались неожиданными. Архив рубрики ~Лента новостей~ Платформа для разработчиков Railway призывает «всех пользователей» отозвать секретные ключи после кибератаки. Архив рубрики ~Лента новостей~ Как написать промпт для картинок в ChatGPT: инструкция и примеры Архив рубрики ~Лента новостей~ Искали кобальт, нашли уран. Как пять тысяч тонн урана могли незаметно попасть в цепочку поставок Архив рубрики ~Лента новостей~ Мягкий экзоскелет облегчает вставание. Новости робототехники GM делает ставку на вычислительные технологии и искусственный интеллект, которые, по её мнению, помогут ей конкурировать с китайскими автопроизводителями. Архив рубрики ~Лента новостей~ AI-поиск выбирает победителя ещё до того, как покупатель сформулировал критерии Архив рубрики ~Лента новостей~ Из хаоса закладок — в галерею визуализаций: история создания DataDrops

🤖 Нельсон AI

✍️ Печатает...

Готов помочь

ГАЙДЫ 48