TGViewer
Веб-стандарты Веб-стандарты @webstandards_ru · 13.9K subscribers
Post #7863 2.52K
Сноски на полях с помощью CSS anchor positioning. Венсан Берна связывает знак сноски и саму заметку через anchor-name и position-anchor, оба значения берутся из дата-атрибутов типизированным attr(). Каждая заметка встаёт напротив своего знака сноски, а если мешает предыдущая, то max() из двух значений anchor() опускает её строкой ниже. На узких экранах и в старых браузерах сноски остаются под абзацем приглушённым цветом. #css #anchor

https://vincent.bernat.ch/en/blog/2026-css-sidenotes
  • ❤ 16
  • 👍 8
More from @webstandards_ru
  1. Sep 21, 2026Выравниваем иконки и подписи. Ахмад Шадид начинает со списка, где align-items: center сбив…
  2. Sep 21, 202600:01:22 Новинки Firefox 156 00:14:44 Релиз Safari 27 01:06:33 Выравнивание иконок 01:17:5…
  3. Sep 21, 2026Выпуск №545. Полина Гуртовая, Вадим Макеев и Алексей Симоненко про новинки Firefox 156, ре…
  4. Sep 17, 2026Современные типы для веба. Филип Уолтон устал от того, что TypeScript помечает ошибками Vi…
  5. Sep 16, 2026Новинки WebKit в Safari 27. Вышли релиз-ноуты от Apple: кастомизируемый <select>, scroll a…
  6. Sep 15, 2026Новинки Firefox 156 для разработчиков. Инспектор раскрывает шаги вычисления значения var()…
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 →