Верстка сайта, Gulp 4, препроцессор scss, анимация. Часть 2

Дякую!

Футболка супер

самая крутая вечеринка на этом канале!!! Много крутой инфы. Подача материала просто очень доступная. Смотрю видосы с большим удовольствием.

вопрос с отображением локация на слайдере в секции surf решил более компактным способом: writing-mode: vertical-rl; transform: rotate(180deg); и позиционарование работает как на родном.

Если кто делает в 2022-23 году
Когда будете задавать маржины для слайдеров, не пишите .slick-slide, а сразу для surf-box:nth-child делайте
Мне помогло

Посмотрел/сверстал первую часть, закрыл редактор кода. Утром открываю его, запускаю Галп - не работает анимация...причем, извилистая линия бегает, а точки и стрелки не работают...проверил все классы, включил анимацию в Виндовс - безрезультатно.
Вадиму спасибо за его труд!

Спасибо!

Спасибо

круто)

Для тех кто хочет чтобы активным был не крайний слева слайд, а второй слева (как на макете), то замените селектор .slick-current на .slick-current + .slick-slide

Я так понял всех устраивает, что serf пишут с ошибкой? Правильно surf

Информации больше чем я проходила на платных курсах, на одном образовательном портале, спасибо за ваш труд!

разве H2 можно вставлять в span? Блочный элемент в строчный?

А я все думал, когда же ты свой Serf заметишь!

Дружище, видно же, что все блоки полноэкранные, добавил бы полноэкранный скрол, было бы круто! Плагин fullpage.js

Вадим! огромное спасибо за такие познавательные видео-марафоны! и отдельное спасибо за подачу материала в максимально комфортном разговорном стиле

Вадим, я так полагаю, забыл добавить эффект "наезда слайдов" друг на друга. Реализовать это можно очень просто, буквально пару доп. строк css кода:
.surf-box{
position: relative;
width: calc(100% + 40px) !important;
}
И вуаля. Каждый следующий слайд перекрывает предыдущий на 40px.

Вадим, как ты выравниваешь код html ?

Видео хорошее и полезное . Но КАРЛ !!!!!! классы на 39 символов !!! Думаю методология БЕМ разрешила бы вам писать короче))))

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

Спасибо)

Респект.

Мощный проект! Аж душа радуется от лицезрения его создания!

Красава чувак!) Очень добротно.

Почему макет не открывается в фигме?

Ребят, а как сделать так, чтобы высвечивался (current) второй слайд в карусели (как в макете)?

Вадим, классная верстка. Может быть сделаешь видео по ускорению сайта?

Ты мощььььь

Отдельное, ОГРОМНОЕ СПАИБО за nth-child(4n + 1)

Этот макет мне помог прокачаться до новичка 80 уровня

Не жалею времени на этот праздник жизни. И на нашей улице прошла вечеринка.

Молодца!

Классная вечеринка, мне очень нравится, спасибо тебе огромное

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

Лучший!

Вы лучший!!!!!!!!!!!

+

Если кто думает над тем, как реализовать задачу с наложением элементов, вот вам подсказка)
Используйте nth-child, так как в видео, сделайте .serf-box position: relative і можно будет с помощью z-index выдвигать вперед элемент, который подсвечивается, для отступов использовал transform: translateX, если было полезно, ставьте лайк)

Где берешь такие качественные макеты?

Очень нравится!

Вы не представляете как в благодарен вашему каналу огромное спасибо вы лучший!!!!!
Как труд вы проделываете чтобы научить нас ... Жму руку!)

БЛин как же хотелось закричать - ВадюХА!!! slider-dots!!!!!!! =))))))))))))))

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