Как сделать плавное хаотичное движение блоков?

Сергей Соколов, Она не тут, а на codepen, а вот зачем тут ваш комментарий, не понятно.

Можно ли захватить и использовать количество кликов по кнопке?

illiatovpeko, Если вам помогли с ответом, вы можете отмечать решения

Как подобрать слайдер?

Может в том что, первый слайд должен перекрывать больше половины слайда стоящего за ним. Давайте посмотрим как ваш салайд это делает?



Очень похоже?

Как подобрать слайдер?

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

Посоветуете хороший плагин для создания эффекта "лупы" у картинок?

Возможно нужно, делать пере инициализацию, при смене слайда

Что за скрипт До / После?

https://zurb.com/playground/twentytwenty

Как Задать класс с порядковым номером слайду в slick slider?

stepaniwe, Добавил в ответах пример.

Пора ли использовать CSS переменные?

riddlr, Я про скопилированный файл и говорю, переменные заявлены, но они не используются, пройдитесь поиском по файлу

Пора ли использовать CSS переменные?

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

Как сделать чтобы каждый div картинка + текст были на одном уровне по высоте?

archelon, Почему это? По умолчанию streach и ничего не мешает элементам быть вверху, flex-start тоже подойдет, но совсем не обязательно

Как Задать класс с порядковым номером слайду в slick slider?

Как вариант пробежаться циклом по всем предыдущим слайдам и удалить классы

Как сделать скрол для таблицы?

Почему бы не использовать единую обертку? проблема решается без js

Можно ли верстать сайты без gulp?

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

Как сделать чтобы каждый div картинка + текст были на одном уровне по высоте?

Слишком простая задача, чтобы использовать гриды, которые появились не так давно... тут достаточно flexbox со значениями по умолчанию ну и flex-wrap: wrap; естественно

Как сверстать такую карточку товара при ховере?

akavato, Не обязательно использовать его на весь блок, можно фон повесить на псевдоэлемент например. Обновил ответ

Заливка картинкой в SVG вместо fill?

Ваш пример не сработал в firefox

Вёртска сложного блока?

Мощно

Как сделать вот такую галерею?

Андрей, Я это и имею ввиду

Как сделать вот такую галерею?

Было бы круче, если внутри телефона был еще один связанный слайдер, который перекрывал центральную картинку, а внутри себя менял изображение

Использовать ли ocmod в opencart?

Я думаю есть еще одно причина. Пере использование на другом проекте. Если есть мод, то мы его просто заливаем, правим по необходимости и работаем дальше. Если мода нет, то ковырять старый проект или писать заново...