TGViewer
Веб-стандарты Веб-стандарты @webstandards_ru · 13.8K subscribers
Post #7881 1.26K
Передаём sibling-count() родительскому элементу. Темани Афиф показывает, как родителю узнать, сколько у него детей. Функция sibling-count() считает соседей, а не детей, поэтому он добавляет лишний элемент шириной в sibling-count() и с помощью анимаций по скроллу, view-timeline и timeline-scope превращает её в переменную --n на родителе. Пригодится для счётчиков, почти квадратных сеток с sqrt() и круговых раскладок. Пока только в Chrome и Edge. #css #scroll

https://blog.master.dev/transferring-sibling-count-to-a-parent-element/
  • 🔥 8
  • 👍 3
More from @webstandards_ru
  1. Oct 5, 2026Developer Signals: влияйте на то, что браузеры сделают дальше. Рик Вискоми запустил инстру…
  2. Oct 5, 202600:01:23 Новинки Firefox 157 00:31:40 Стилизация тултипов 01:02:16 State of Devs
  3. Oct 5, 2026Выпуск №547. Никита Дубко, Вадим Макеев и Алексей Симоненко про новинки Firefox 157, стили…
  4. Oct 2, 2026Кризис среднего возраста у JavaScript. Марун Байдун разбирает, как Rust, Go и Zig захватыв…
  5. Oct 1, 2026Результаты опроса State of Devs 2026. Саша Грейф и Devographics опросили 5463 разработчико…
  6. Sep 30, 2026Новинки Firefox 157 для разработчиков. Функция at-rule() в @supports проверяет поддержку д…
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 →