TGViewer
Хабр Хабр @habr_com · 133K subscribers
Post #69438 16.2K
Три CSS-задачи, которые казались нерешаемыми — пока кто-то не упёрся до конца

Знакомое чувство: упёрся в проблему, а что-то внутри отказывается верить, что решения нет. И ты лезешь в спеки, в гитхаб-треды десятилетней давности, читаешь тех, кто уже прошёл этот путь. Часы скрежета извилин — и вот оно, на экране ровно то, чего ты хотел.

Фронтендер из команды Taiga UI собрал три таких случая. Фиксированный блок внутри скролл-контейнера — через почти забытый после флексов float. Толщина линий в иконке, которую «никак не пробросить» в SVG, закодированная через соотношение сторон картинки. И shrink wrapping, одна из древнейших UI-задач, у которой раньше просто не было решения.

Оно нашлось там, где не искали — через scroll-driven анимации, придуманные совсем для другого.
  • 🔥 12
  • ❤ 6
  • 👍 6
  • 🎉 3
  • 🤩 3
  • 😁 2
  • 👌 2
  • 😇 2
  • 🤔 1
More from @habr_com
  1. Sep 20, 2026Переделка радиоприемника «Электроника 26-01» Советских бытовых приёмников с синтезатором ч…
  2. Sep 20, 2026На чём советские гики учились программировать? Часть вторая В 1984 году аспирантам химфака…
  3. Sep 20, 2026И снова о том, из чего состоит протон Из школьной картинки протон это три кварка, и на низ…
  4. Sep 19, 2026Грязные игры Команда бывших нефтяников решила оставить след в индустрии и собрала топ-даун…
  5. Sep 19, 2026[ХАБРААРХИВ] «Оставайтесь голодными, оставайтесь безрассудными»: анализ речи Стива Джобса…
  6. Sep 19, 2026Есть советы, которые помогают строить карьеру. А есть советы, после которых помогает тольк…
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 →