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

Froggyweb: В данном случае, если будет получен какой-то коэффициент в любом измерении, и который не нужно будет изменять при изменении размера шрифта инпута (один раз написал и забыл), то я в принципе соглашусь. Но у меня пока не вышло.

Как сделать всплывающее окно?

if (!localStorage.getItem('abc')) {
  alert('вы в первый раз здесь');
  localStorage.setItem('abc', true);
}

Как адаптировать блок для мобильных устройств?

Добавить свойство

а лучше через медиазапрос max-width=700px поменять dispaly: flex на display: block

Можно ли изменить приоритетный монитор вывода при загрузке ПК?

Матвей Мамонов: Для меня немного странно то, что порт более высокого разрешения (hdmi) по дефолту стоит вторым. У меня на матери два порта - DVI и древний игольчатый (не помню как называется). вот если в мать втыкать моники, то при дефолтных настройках биоса DVI (более "крутой") является основным (но на матери это конечно можно поменять в биосе).

Можно ли изменить приоритетный монитор вывода при загрузке ПК?

Матвей Мамонов: а, ну если в видяхе два hdmi порта, тогда конечно, вопрос снимается.

Как подавить ошибку SASS?

Надо использовать правильный css-like синтаксис

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

Максим Ленский: выровнять плейсхолдер по вертикали без магических чисел. разве не интересно?

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

Максим Ленский: Это не решение проблемы. При изменении размера шрифта все летит к черту.
Честно говоря, я с ходу тоже не смог придумать решение.
Может быть стоит продолжить мозговой штурм в таком ключе? - https://codepen.io/delphinpro/pen/EXyrvN?editors=0100
Не могу сообразить как вычислить коэффициент "-3" без подбора

Можно ли изменить приоритетный монитор вывода при загрузке ПК?

Матвей Мамонов: И кстати, мне кажется поиграться с переходниками будет в итоге в ущерб качеству картинки для большого монитора. Но это не точно (с)

Можно ли изменить приоритетный монитор вывода при загрузке ПК?

Матвей Мамонов: Да, NVidia

Можно ли изменить приоритетный монитор вывода при загрузке ПК?

Матвей Мамонов: Почти такая же система - 17 дюймов квадрат и большой широкоформатник. На видеокарте два DVI порта. У меня приоритет монитора зависит от того, к какому порту он подключен.
Т.е. порт №1 всегда главный, а порт №2 всегда второй.

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

Весь фокус заключен в одном правиле
background-attachment: fixed;

Как нативно в js добавлять на страницу картинку, которая уже была один раз загружена без её повторной загрузки с сервера?

Ingernirated: Визуально можно посмотреть в средствах разработчика в браузере, вкладка "Network / Сеть"

Почему keyframes действует только на первый элемент?

https://jsfiddle.net/DelphinPRO/dj490qoj/6/

Как добавлять класс (разный) элементу при скролле?

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

Как добавлять класс (разный) элементу при скролле?

Если ближе к практике, то:
Сначала пишем функцию, которая определит координаты всех секций и их высоту и сохранит эти данные в массиве. Эту функцию вызовем сразу, плюс повесим ее на событие resize окна.
Далее определимся с определением "активная секция" - это секция, большая часть которой в процентном отношении находится в области видимости.
Теперь пишем функцию реакции на скролл страницы. В ней получаем значения scrollTop и height окна и в цикле пробегаем по массиву данных, собранных первой функцией.
На каждой итерации смотрим какой процент высоты секции приходится на область просмотра. Если section.top > windowScrollTop + windowHeight значит секция внизу и совсем еще не видна. Если section.bottom < windowScrollTop то секция уже вверху и тоже не видна. Дальше самое интересное. Нужно вычислить высоту той части секции, которая в данный момент видна на экране. Честно говоря, навскидку я сейчас не напишу вам формул, но, думаю, вам будет несложно нарисовать на бумажке чертежик и самому их вывести. В итоге на каждой итерации (т.е. для каждой секции) вы рассчитаете значение высоты видимой части. Секция, для которой это значение будет наибольшим и будет считаться активной. Ну и по индексу этой секции вы можете назначить определенный класс любому нужному блоку.

Как добавлять класс (разный) элементу при скролле?

Для начала нужно формализовать это "при нахождении на каком то section"
Например,
Мы находимся на каком-то section, если
1) верхняя граница section совпала с верхней границей окна или ушла вверх за ее пределы
2) высота секции меньше высоты экрана и нижняя граница секции пересекла нижнюю границу экрана.
и т.д. Нужно математически учесть все варианты определения факта нахождения "на секции".
А дальше дело техники. Просто отслеживаем скролл и сравниваем scrollTop с координатами секций. Тут и ребенок справится =)

Как подстроить блоки по высоте?

Миша: да тут дело в общем-то не в вендорных префиксах, а в том что некоторые браузеры поддерживают другие свойства с похожим поведением.

Как работает this jquery?

У вас $(this) - это спан по которому кликнули.
Значит $(this).parent() - это блок bg_sale
А $(this).parent().find('b') - это тег b

Порекомендуйте бесплатные CSS и UI фреймворки, официально разрешённые для любых проектов?

А детально - смотрите по каждому конкретному. Текст лицензии всегда прилагается к проекту.