Как сохранить данные в браузере на время сессии (желательно через cookies)?

Hovo_Varosyan, нет. Нужна реализация, одновременно работающая и в браузере, и в nodejs. Последний мне на самом деле не нужен от слова вообще - просто я через него статику генерирую, а он наверное думает что я его хочу заставить использовать sessionStorage и ругается))

Как сделать подобную анимацию при скролле? ( неужели никто не знает )?

Пришлось потратить 5 минут своей жизни. Вам же лень попробовать...
https://codepen.io/nanto-work/pen/BaeyXOr

Как сделать подобную анимацию при скролле? ( неужели никто не знает )?

Грр...
А что мешает этот текст бросить в контейнер с блоками, которые скроллятся?))

Как сохранить данные в браузере на время сессии (желательно через cookies)?

WapSter, архитектура))
Мне нужно при перезагрузке страницы хранить состояние. Но при закрытии сессии состояние должно сбрасываться.
Впрочем, я уже решил вопрос по другому - перенёс функционал хранения чуть повыше "точки входа", чтобы работал уже браузер, а не nodejs.

Как сохранить данные в браузере на время сессии (желательно через cookies)?

WapSter,

При записи не указываю "срок хранения", что должно означать что куки будут храниться только на время сессии,

https://developer.mozilla.org/ru/docs/Web/HTTP/Hea...

Максимальное время жизни cookie в формате метки даты-времени HTTP. Если не определён, cookie будет иметь время жизни сессионного cookie. Сессия окончена, когда клиент отключается, что приводит к удалению сессионных cookie в этот момент. Однако, многие браузеры имеют возможность, называемую восстановление сессии, которая сохраняет все ваши вкладки и затем возвращает их, когда вы в следующий раз запускаете браузер. Cookies будут также присутствовать, словно вы никогда не закрывали браузер.

Получается надо с хромовскими флагами ковыряться, а это автоматом означает неприменимость данного решения...((
Буду sessionStorage пытаться всунуть как-нибудь... Хотя не факт что и там "отложенная сессия" не всплывёт.

Как вставить query params в один параметр?

Не понял в чём вопрос, но наверное вам сюда:
https://developer.mozilla.org/ru/docs/Web/JavaScri...

Насколько правильно сбрасывать стили блока через all:unset?

Ankhena, оно и не надо. Просто "не стоит плодить сущности без нужды". И я имел в виду не "правила по разным селекторам", а "переопределение этих правил по разным селекторам". Причём и переопределять - вполне нормальное явление (с медиа-запросами только так и происходит обычно). Просто не стоит на основе такого подхода городить систему.

Насколько правильно сбрасывать стили блока через all:unset?

godsplane, всё правильно вам Ankhena написала. Вы css-правила для одного элемента раскидываете по разным селекторам - это нерациональный подход.
Давайте я вам объясню, как человек постоянно переписывающий чужой код. Допустим, мне надо изменить стиль какого-то элемента. Первым делом я открываю веб-инспектор и смотрю какие правила применяются к этому элементу. Каким-либо образом меняю их... Оп, а правила не применились (или применились частично). Потому что начинает работать "каскад" и он тянет что-то из reset.css, normalize.css, bootstrap.css и т.п. И мне уже надо зарываться глубже по каскаду...
А когда селектор один - всё просто и наглядно.

Сбрасывайте только то, что вам действительно надо. На конкретном примере: я сброс стилей пишу самостоятельно - поля и отступы понятно. А вот ссылки, например. Стоит ли всем проставлять подчеркивание? А при ховере? А ещё есть :visited... Всё зависит от конкретного дизайна. И универсальные селекторы должны использоваться именно тогда, когда надо именно всем элементам проставить какие-то правила. А не проставить вначале, а потом каждому конкретному точечно переопределять.

Как правильно сделать верстку?

Ankhena, у вас футер к низу не прилипает

В чем преимущества TS?

Как там в 2010?

Как там массовый китайский андроид с гигабайтом оперативы на борту?

Ну и в очередной раз подчеркну - можно примеров на пальцах? Вот что такое "удобство рефакторинга"? После TS надо рефакторить?

В чем преимущества TS?

Я просил конкретных примеров, а не вот этой пафосной абстракции. На больших проектах что - киш-миш с организацией кода? Тогда дело вовсе не в типизации.

Как из json массива в javascript исключить попадание html?

Ну как бы да. Причём здесь JS, если у вас php ответ генерирует. С ajax.php и разбирайтесь.
Если нет доступа к серверу, то тогда манипуляции со строкой вам в помощь (вплоть до регулярок).

Как упростить код?

https://developer.mozilla.org/ru/docs/Web/JavaScri...
https://learn.javascript.ru/logical-operators

Как вычислить среднюю оценку если есть непроголосовавшие люди?

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

Как вычислить среднюю оценку если есть непроголосовавшие люди?

Мне сдаётся что тут вся соль в том, что ожидание оценки зависит от того, какова средняя оценка на данный момент. Т.е. тут должна присутствовать "обратная связь" или рекурсия.

Почему transition не срабатывает при скрытии элемента?

Mizutsune,

Об этом много информации в сети, можно почитать при желании. Полезно.

Я-то как раз в курсе. Мне интересно ваше обоснование))

Потому что ID атрибуты предназначены совсем для другого

Для чего?
Идентификаторов в CSS разве нет? Или, например, они не учитываются при расчёте специфичности селекторов? Да, есть какие-то общепринятые практики, но рубить с плеча "следует отказаться от стилизации элементов по ID селектору" - порождает дальнейшее непонимание того как работает каскад, специфичность и т.п.

По visibility - как по мне, это просто "огрызок" opacity. Opacity позволяет всё то, что умеет visibility и много чего ещё в придачу. Надо отключить срабатывание событий на элементе - pointer-events (опосредованно можно и через z-index) в помощь (а это далеко не всегда надо), не надо - оставляем так. Visibility может принимать только дискретные "показать/скрыть", а opacity можно менять в любых пределах, легко комбинировать с анимациями. Более того, существуют различные хаки, которые с помощью пограничных значений opacity (0.01, 0.99) помогут навести порядок с отображением (например "перебить" z-index),
В общем я не вижу ни одного аргумента за visibility, кроме экономии строчки кода, когда надо отключить срабатывание событий на скрытом элементе))

Почему transition не срабатывает при скрытии элемента?

1. Следует отказаться от стилизации элементов по ID селектору.

Это ещё почему?

При комбинированном использовании свойств opacity и visibility

Практически нет никакой нужды использовать одновременно два этих свойства. opacity:0 и visibility:hidden почти эквивалентны.

Как правильно задать высоту для absolute елемента?

mark1505, нет.
зачем вы уже второй раз спорите насчёт этого момента, если сами обращаетесь с подобным вопросом и даже не проверили?))
translate - вырывает элемент из потока. он и так будет поверх всех остальных элементов.
вот я вам проиллюстрировал:
https://codepen.io/nanto-work/pen/gOeKYXd

Как диагностировать проблему на ПК?

Нет, кулеры видеокарты включаются бесшумно.
Ну и видеокарта не даст лага в пару секунд при обращении к жёсткому диску.
Самое забавное, конечно, что я уже второй день, обмазавшись утилитами, пытаюсь выяснить в чём дело, но по закону Мерфи всё вдруг стало работать в штатном режиме.

Как диагностировать проблему на ПК?

Включил ProcExplorer и HWMonitor - буду ловить))