TGViewer
FrontEndDev FrontEndDev @front_end_dev · 25.9K subscribers
Post #9959 1.78K
CSS Anchor Positioning для тултипов и меню

Anchor Positioning решает старую боль интерфейсов: позволяет прикреплять один элемент к другому без ручной JS-логики для тултипов, дропдаунов и вложенных меню. Для target задаются anchor-name, position-anchor и position-area, а браузер сам следит за переполнением и может переключать элемент на fallback-позицию вроде bottom или flip-block. Это особенно полезно там, где раньше приходилось писать сложный код для пересчёта координат, проверки viewport и переворота подсказки.

https://www.joshwcomeau.com/css/anchor-positioning/
  • ❤ 9
  • 👍 1
More from @front_end_dev
  1. Sep 22, 2026Как Next.js закрыл 1500 issue за месяц Команда Next.js показала рабочий пайплайн для разгр…
  2. Sep 21, 2026Серверный 1v1 на Cloudflare Durable Object Разбор того, как держать 60Hz серверную симуляц…
  3. Sep 20, 2026Cordis делает плагины основой архитектуры Cordis предлагает собирать JS/TS-приложение не в…
  4. Sep 19, 2026Blume превращает Markdown в сайт документации Blume собирает папку с Markdown в готовый do…
  5. Sep 19, 2026Как ускорить сайт при блокировках Пост про шесть практических мер, которые помогают сайту…
  6. Sep 18, 2026vlt 1.0: npm-замена с защитой от вредных пакетов vlt 1.0 — drop-in замена npm с упором на…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →