Как это сверстать?

Развели холивар тут, а вообще почему вас пугает ::after ::before? если это через жопу, то как же тогда JS который лепят везде, где он не нужен, это не через жопу? а вообще, вы зря паритесь, ваша цель сделать как на макете, 1 шаг сделать любыми способами, 2 шаг сделать как вы сказали не "через жопу" подсказки вам дали, вперед. А грубить тут не стоит, быдла и так хватает

Можно ли создать обесцвечивающую лупу?

Александр А: а почему не должен?

Фикс дерганий DOM элементов javascript?

thehighhomie: очень просто

left: 50%;
top: 50%;
position: absolute;
transform: translate(-50%, -50%);

мне не нужно знать высоту, все по центру будет при любых размерах

Фикс дерганий DOM элементов javascript?

А почему бы это не сделать на CSS, зачем JS использовать для выравнивания, не понимаю

Как сверстать градиент поверх повторяющейся картинки?

Наверное так?
jsfiddle.net/rb6knzeb/1

Как сверстать градиент поверх повторяющейся картинки?

tef: Если я правильно вас понял, вы хотите без ::after все сделать в 1 background: ?

Как сверстать градиент поверх повторяющейся картинки?

tef: Ну сейчас вопросов не осталось?

Как сделать декоративный элементт?

MaryT Солнечная: а какая у вас стоит задача? иконка как текст, вы можете применять к нему все тоже, что и к обычному тексту, если я вас правильно понял, и надо менять при :hover, то так и описываем, если не верно понял, поясните плз, а лучше с примером, или хотябы скриншотом

Как сверстать градиент поверх повторяющейся картинки?

Как то так наверное
jsfiddle.net/rb6knzeb

Как корректно исполнять скрипт?

fishouk: Как вариант определить на CSS точки перегиба, и для каждой задать свой к примеру, 1000 700 400 и т д, на самом маленьком разрешении можно вообще фон убрать, т.к на мобильном это лишнее. Вы действительно велосипед изобретаете, есть кучу лендинг решений, посмотрите, как они делают

Как корректно исполнять скрипт?

А если все же на JS, сделайте ф-цию, и вызывете ее сразу, и в resize и не будет проблем.

Простой способ сделать блок с кривой линией?

shane89: Смотря какая задача, и на сколько она приоритетна, т.к на картинке, вы на CSS не сделаете, т.к сглаживания идеального не будет

Как реализовать добавление переменных POST при нажатии button?

copenhagen72: вы спросили

как сервер должен понять удалять или прибавлять товар, что с ним делать?

это вы должны определять сами, ну судя по тому, что вы писали крестик, это обычно удаление товара, добавление обычно на др. кнопку делается, и как правило это 2 разные ф-ции, или 2 разных запроса в вашем случае.

Как сделать чтобы через определённое количество div'ов вставлялся тэг hr?

а по поводу вашего примера на php гуглите в сторону деления по модулю, примеров куча, и GreatRash привел вам пример, может он не ясен, потому ищите живые примеры

Как сделать чтобы через определённое количество div'ов вставлялся тэг hr?

Стас: держите)
jsfiddle.net/yado3y74

Как реализовать добавление переменных POST при нажатии button?

copenhagen72: я не знаю что у вас самописка или framework, обычно у меня это было так

function remove($id) {
return запрос к базе на удаление товара по $id;
}

Как реализовать добавление переменных POST при нажатии button?

Виктор меня опередил, я не успел ответить, ну он все верно сказал, вы через ajax отсылаете id товара, удаляете его из бд скриптом, а на клиенте удаляете блок, и после перезагрузки товара не будет

Как сделать чтобы через определённое количество div'ов вставлялся тэг hr?

Стас: Смотря какая у вас задача, я бы это сделал через стандартный border-top: с отступом сверху, после каждого кроме 1, а ваши блоки сделал бы 25 % с padding и все) если очень нужно, я могу накидать пример) визуально он будет как ваш, ну без лишнего гемора

Как сделать такое используя flex?

Александр Зачиналов: width: 100% в body лишний, у вас из-за этого горизонтальный скрол)

Как реализовать добавление переменных POST при нажатии button?

Вынужден согласится)