#contentvisibility — Public Fediverse posts on home.social

Habr @[email protected] · 2026-01-27 · 08:12 UTC

[Перевод] Хватит использовать JavaScript для решения задач CSS

Недостаток знаний часто подталкивает людей к чрезмерно сложным решениям, и рано или поздно это отражается на производительности. Возьмем content-visibility: auto . Он дает тот же эффект, что и React-Window , но без единой строчки JS и без увеличения размера сборки. Аналогичная ситуация с современными единицами высоты окна ( dvh , svh , lvh ): наконец-то приведена в порядок "мобильная" высота, которую годами пытались компенсировать через window.innerHeight . Обе технологии в 2024 году получили более 90% поддержки современных браузеров и полностью готовы для продакшна. Однако мы по привычке продолжаем решать такие задачи с помощью JS, просто потому, что CSS незаметно ушел вперед, пока мы спорили о React Server Components .

https://habr.com/ru/companies/timeweb/articles/983714/

#javascript #js #css #timeweb_статьи_перевод #contentvisibility #virtualization #intersectionobserver #scrolldriven_animations #виртуализация

#виртуализация #scrolldriven_animations #intersectionobserver #virtualization #contentvisibility #timeweb_статьи_перевод

Habr @[email protected] · 2026-01-27 · 08:12 UTC

[Перевод] Хватит использовать JavaScript для решения задач CSS

Недостаток знаний часто подталкивает людей к чрезмерно сложным решениям, и рано или поздно это отражается на производительности. Возьмем content-visibility: auto . Он дает тот же эффект, что и React-Window , но без единой строчки JS и без увеличения размера сборки. Аналогичная ситуация с современными единицами высоты окна ( dvh , svh , lvh ): наконец-то приведена в порядок "мобильная" высота, которую годами пытались компенсировать через window.innerHeight . Обе технологии в 2024 году получили более 90% поддержки современных браузеров и полностью готовы для продакшна. Однако мы по привычке продолжаем решать такие задачи с помощью JS, просто потому, что CSS незаметно ушел вперед, пока мы спорили о React Server Components .

https://habr.com/ru/companies/timeweb/articles/983714/

#javascript #js #css #timeweb_статьи_перевод #contentvisibility #virtualization #intersectionobserver #scrolldriven_animations #виртуализация

#виртуализация #scrolldriven_animations #intersectionobserver #virtualization #contentvisibility #timeweb_статьи_перевод

Habr @[email protected] · 2026-01-27 · 08:12 UTC

[Перевод] Хватит использовать JavaScript для решения задач CSS

Недостаток знаний часто подталкивает людей к чрезмерно сложным решениям, и рано или поздно это отражается на производительности. Возьмем content-visibility: auto . Он дает тот же эффект, что и React-Window , но без единой строчки JS и без увеличения размера сборки. Аналогичная ситуация с современными единицами высоты окна ( dvh , svh , lvh ): наконец-то приведена в порядок "мобильная" высота, которую годами пытались компенсировать через window.innerHeight . Обе технологии в 2024 году получили более 90% поддержки современных браузеров и полностью готовы для продакшна. Однако мы по привычке продолжаем решать такие задачи с помощью JS, просто потому, что CSS незаметно ушел вперед, пока мы спорили о React Server Components .

https://habr.com/ru/companies/timeweb/articles/983714/

#javascript #js #css #timeweb_статьи_перевод #contentvisibility #virtualization #intersectionobserver #scrolldriven_animations #виртуализация

#виртуализация #scrolldriven_animations #intersectionobserver #virtualization #contentvisibility #timeweb_статьи_перевод

Habr @[email protected] · 2026-01-27 · 08:12 UTC

[Перевод] Хватит использовать JavaScript для решения задач CSS

Недостаток знаний часто подталкивает людей к чрезмерно сложным решениям, и рано или поздно это отражается на производительности. Возьмем content-visibility: auto . Он дает тот же эффект, что и React-Window , но без единой строчки JS и без увеличения размера сборки. Аналогичная ситуация с современными единицами высоты окна ( dvh , svh , lvh ): наконец-то приведена в порядок "мобильная" высота, которую годами пытались компенсировать через window.innerHeight . Обе технологии в 2024 году получили более 90% поддержки современных браузеров и полностью готовы для продакшна. Однако мы по привычке продолжаем решать такие задачи с помощью JS, просто потому, что CSS незаметно ушел вперед, пока мы спорили о React Server Components .

https://habr.com/ru/companies/timeweb/articles/983714/

#javascript #js #css #timeweb_статьи_перевод #contentvisibility #virtualization #intersectionobserver #scrolldriven_animations #виртуализация

#javascript #js #css #timeweb_статьи_перевод #contentvisibility #virtualization