Максим Тимофеев

движущие снежинки на задний фон сайта

и

сделать анимированую картинку?

Это две разные задачи. Делать анимированную картинку, что бы пустить снег на заднем фоне, это как купить квартиру, что бы сходить в туалет. Ну можно конечно, но умным Вас никто не назовет.
Снежинки делают с помощью js и наверняка есть 2 миллиона готовых решений уже: https://www.google.com/search?q=js+%D0%BF%D0%B0%D0...

Но обычно такие штуки мешают пользователю и появляются в голове людей, которые играют в web дев, а не занимаются им серьезно. Это школьники, бабушки, хозяева крупных холдингов и другие люди ничего не понимающие в ux/ui. Так что аккуратно с этим. Для сайта про майнкрафт сделанного на ucoz - это уместно, да что там, это маст хэв. Но для многих проектов это хедшот маркетологу. Это не значит, что не надо стилизовать сайт под праздники. Обратите внимание как это делают великие мира сего (гугл, яша. тостер и т.д.)

Как это работает?

Магия. Называется javaScript. Учебник: https://learn.javascript.ru
Сам код скрипта есть в открытом доступе: https://github.com/artpolikarpov/fotorama

и можно ли сразу указывать значения со второго скрина сразу в html

я лично не против, но работать не будет или по крайней мере будет работать коряво. Но самый главный вопрос зачем? Скрипт за Вас строит определенную структуру - это же удобно.

В гугле я ответ не нашел.

А что Вы там искали? "Ок, гугл, что делать и как быть?"

Ваша проблема в том, что Вы не формулируете вопросы, вместо этого Вы соплей накидали сюда. Конкретно сформулируйте с чем проблема, Вам ответят. А сопли - это мамке в жилетку пожалуйста.

Что не получилось, пример кода, пример картинки, что должно было получиться и т.д. Вы же не сопереживания ищите, а ответы, так и задавайте вопросы конкретно.

ПС: Не у кого сразу не получается, это нормально.

чтобы вывести рейтинг новости в процентах?

x = максимальный рейтинг * рейтинг новости / 100

Что-то на сервере генерит html и там должна быть логика, которая добавляет классы. Если есть логика в js, которая добавляет disabled то соответственно в ней.
С selected проще, слушаем событие и добавляем класс.

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

знаю средне jquery, + плюшки типа scss

Плюшки типа scss - учатся за день, jquery на среднем уровне - месяц. Так что Ваш стек слаб - следствие - низкая зп. Добавляйте туда пару css framework типа bootstrap и fondation, чистый js (маст хэв вообще), что-то по js frameworks типа angular и vue. Очень обязательно сборщики типа gulp и webpack, а как следствие прийдется почитать про npm и node. Вот тогда можно будет говорить о $1k и то не гарантия. Конечно надо еще и все это уметь "готовить правильно".

1. Думаю эти иконки должны зависеть от характеристик товара. а не его категории.
2. передрать в цикле категории или характеристики и проставить иконки. В чем сложность?

border-radius: 0 0 20px 0;
ну и вариации на тему, что бы нужные скруглять

в данном примере явно статический фон на body, можно его менять через js при достижении скролом определенной позиции
Задать например через data-background и брать оттуда, когда блок с таковым появился в области видимости

Но в очередной раз мне решили сказать что я не прав и надо называть по состоянию.

Правильно сказали, но это не значит что всегда и везде не надо использовать название цвета. В данном случае у Вас несколько основных цветов, так я бы назвал
primary-orange
primary-green
и т.д.

Есть ли фрэймворки чисто под мобильные сайты?

нет, но есть максимально подходящие, например:
https://material-components.github.io/material-com...

Сетку можно самому собрать, я так понимаю вся суть ее в разделении на две версии, горизонтальной и портретной и как следствие что-то в 1 столбец, что-то в два. Можно взять обычные сетки, тот же bs и сменить breakpoints
Но когда речь о

уйму лэндингов

может есть смысл свое собрать? И сборщик, что бы конвейер устроить.

Обвернуть все в div и задать ему background:
https://codepen.io/wokster/pen/zJRrGw

у placeholder нет своего класса, это атрибут, а не тег. Его стилизация возможна через псевдоклассы:

input::-webkit-input-placeholder {}
input:-moz-placeholder {}

Но там есть проблема https://caniuse.com/#search=-moz-placeholder

читать: https://habr.com/post/120152/

Если стилизация сложная, есть смысл сверстать обманку, которая будет представлять из себя обычные теги div, span и т.д. добавить js и получить имитацию placeholder, но уже с гибкими вариантами стилизации. Подобное часто проделывают для selecеt, по той же причине, его сложно стилизовать.