Посты с тегом: стандарты

Когда-то у меня была очень красивая подруга. Смуглая брюнетка с яркой внешностью. Из тех женщин, на которых всегда обращают внимание. Но сама она себя красивой не считала. Ей постоянно хотелось что-то исправить. Она мучалась с брекетами, переживала из-за своей внешности и никогда не была собой довольна.

При этом недостатка в мужском внимании у нее никогда не было. Поклонников хватало. Но, как оказалось, чужое восхищение совершенно не помогает почувствовать себя красивой. Мы все знаем много историй, когда даже признанные красавицы, модели и актрисы страдали от неуверенности в себе. Значит дело все-таки не во внешности и не в количестве комплиментов.

И однажды она сказала такую фразу:

— Я завидую женщинам, которые довольны собой. Неважно, какая у них внешность. Они могут спокойно надеть открытую одежду, не стесняться себя и вести так, как будто они самые красивые. Вот бы и мне так.

Я с этим утверждением не совсем согласна. Конечно, жить в постоянном недовольстве собой — сомнительное удовольствие. Но и бездумное восхищение собой мне тоже не кажется правильным.

Сейчас очень популярна идея, что нужно просто принять себя таким, какой ты есть, и не обращать внимания на мнение окружающих, бодипозитив и тд и тп Общество вроде как разрешило это.

Но я считаю, что во многих случаях ситуация немного сложнее. Иногда за показной уверенностью скрывается как раз очень большая неуверенность. Человек громче всех говорит, что ему совершенно безразлично чужое мнение, а потом болезненно переживает любой неосторожный комментарий.

И полностью игнорировать мнение окружающих, на мой взгляд, тоже невозможно и неправильно.

Мы все-таки существа социальные. Живем среди людей, строим отношения, работаем, дружим, влюбляемся. Поэтому мнение других людей существует независимо от того, нравится нам это или нет. Конечно, не нужно зависеть от каждого случайного взгляда или комментария. Но и делать вид, что окружающие вообще не имеют значения, мне кажется, тоже не совсем честно.

Уже даже психологи говорят, что идею бодипозитива переврали. Изначально речь шла о том, чтобы не отрицать людей с физическими недостатками, которые они не в силах исправить: болезни, шрамы или если, скажем, по какому-то злому року человек лишился конечности. Тем временем к этому лагерю примкнули и те, что повеление проще назвать распущенностью.

Мы же любим смотреть на что-то эстетичное: картины, интерьеры, одежду, природу… Природа у нас такая. А заставлять себя считать красивым то, что кто-то тебе, извиняюсь за выражение, сует в глаза — такое себе удовольствие. Да и не заставишь себя, честно говоря.

Наверное, самое важное — научиться смотреть на себя объективно. Видеть свои достоинства. Видеть свои недостатки. Не впадать в отчаяние из-за них, но и не убеждать себя, что их не существует. Если есть возможность исправить, исправлять. Если нет, не вгонять себя в тоску и уныние. Мне кажется, именно это и есть здоровое отношение к себе.

На работе в очередной раз потребовалось на сайте одного проекта реализовать фичу, связанной с появлением блока во вьюпорте, т.е. кое-что в дизайне должно меняться, когда блок виден на экране. Блок должен был как бы раскрываться по ширине, когда входил во вьюпорт. Обычно это реализуется через Intersection Observer, т.е. через джаваскрипт. Но я засомневался, потому что в CSS постоянно что-то новое добавляется, я просто не успеваю следить, полез гуглить, вдруг пропустил что-то новое.

Так вот, такой функционал никогда не будет добавлен в CSS. И различный другой запрашиваемый людьми функционал тоже не будет добавлен. 🙂 Оказывается, существует "Рабочая группа по CSS" (CSS Working Group) для решения проблем CSS. У них есть сайт с FAQ: https://wiki.csswg.org/faq - там есть как раз пункт "Selectors that Depend on Layout", т.е. селекторы, которые зависят от текущего layout Цитата из FAQ:


И их ответ:


Короче, в группу постоянно приходят от разработчиков запросы на добавлении селектора, выбирающего, когда контент вылазит наружу, или на селектор, что стики-элемент уперся в край, или вот на нужный мне селектор нахождения во вьюпорте. Ну и всякое такое в этом роде. И рабочая группа отвергает такие запросы. Главная причина этих отказов - это высокая вероятность бесконечного цикла, когда браузер будет перерисовывать разные состояния, потому что они будут менять друг друга. Например: элемент появился во вьюпорте - соседний элемент уменьшился по высоте и элемент... пропадает из вьюпорта! А у такого состояния срабатывает другой стиль, который удлиняет по высоте соседний вышестоящий элемент и наш элемент опять попадает во вьюпорт. И так происходит до бесконечности!

Но в CSS давным давно уже есть селектор, который может входить в бесконечный цикл - это селектор псевдокласса :hover. Я даже код придумал для этого безобразия:

<div class="funny-block">
</div>

.funny-block {
  width: 200px;
  height: 200px;
  border: 1px solid black;
  background-color: beige;
  transition: all 0.5s ease; /* гарантированно добавляет бесконечное дёргание */
}

.funny-block:hover {
  width: 100px;
  height: 200px;
  border: 1px solid black;
  background-color: beige;
}

Современные браузеры для :hover имеют встроенную защиту от бесконечной перерисовки layout. И если не двигать курсор мышки, то цикл перерисовки останавливается. Но я добавил transition и защита уже не работает! Блок бесконечно дергается, проверено на хроме и фф. Причем даже немного загружается графический процессор!

А теперь подумайте, что было бы при наличии какого-нибудь селектора :in-viewport? Можно было бы дико дергать дизайн вообще без действий пользователя. Отключение жса тут уже не поможет.

Поэтому остается нам фронтендерам юзать Intersection Observer и не жужжать. 😃