Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K

[@aaronmakepeace8126]

Надеюсь стрим останется в записи

[@curious001]

Здравствуйте, Юрий! Я часто заглядываю на ваш канал, чтобы посмотреть новые видео с вёрсткой, и каждый раз расстраиваюсь, когда обнаруживаю, что видео не вышло. Последнее было выпущено 4 месяца назад. Однако, когда я смотрю новое видео с вёрсткой, я вижу, что всё это время велась активная работа над обновлением сборки, созданием макета и подготовкой ролика. Кстати, изображение на рабочем столе и задний фон прекрасно сочетаются друг с другом! Сразу видно, что вы уделяете особое внимание качеству картинки! Было очень приятно наблюдать за вашей работой и слушать вас. Огромное спасибо за ваш труд!

[@WebCademy]

Илья, благодарю за развернутый комментарий. Да, давно не было именно роликов. Были два больших стрима, но понимаю что пересматривать их (даже с тайм кодами) не так удобно как смотреть видео. Вот пришла пора) Сборка сейчас действительно очень крутая, многое на автомате, в сочетании с сниппетами и миксинами, а еще и Inspect Styles - верстать становится гараздо удобнее.

[@Ярослава-щ7н]

спасибо за шикарный мастер-класс! нашла ваш канал по запросу "настройка gulpfile", где ваше видео было первым, а тут ещё столько полезных материалов! большое спасибо, что делитесь опытом и знаниями =) успехов вам!

[@СашаЗапорожец-д9ь]

Спасибо вам за прекрасную работу!!! С удовольствием посмотрел это видеою Объяснения все доступные и понятные, а также почти каждое действие сопроводили откуда, зачем и почему. Всё супер!

[@bekzhantolonov3031]

Спасибо большое за данный урок!

[@ViverMan]

Благодарю за верстку с подробным объяснением!

[@Shadow-ce3cn]

Очень классный урок, давно хотел попробовать что-то с gulp, да вот у многих видео старые и сборки уже не работают адекватно, у Вашей все прекрасно работает, спасибо Вам за Ваш труд! Кое-что заметил: на 3:23:32 "flex-wrap: wrap" не сработал, так как объекты в .card__cols размещены через grid, а не flex.

[@mykytav]

Cпасибо вам Юра, отличный мастер-класс

[@ikn7968]

Юрий, приветствую, будет ли ролик про то, как правильно натягивать на wp такую верстку?

[@pinkshellprod]

3:02:00 не могу разобраться, почему у меня не видит миксины, в хроме не видно даже медиа запросы, урок проходил очень внимательно и все повторял, даже сверил по уже готовому коду все правильно.. а в хроме ничего не отображается 😓

[@pinkshellprod]

миллион раз обновил и все заработало, какой то непонятный глюк был)

[@aleksandrprokudin4715]

Юрий, спасибо огромное за очередной мастер-класс! Есть вопрос: как вызвать в этой сборке режим разработчика, чтобы была возможность продебажить джс? По умолчанию все компиллируется только в бандл, dev с флагами и без не дали результата. У меня есть прописанный конфиг для этой задачи, который я добавил в вашу сборку, но может есть решение проще, а я не в курсе?)

[@userOlce]

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

[@gtaplayer379]

Юрий, спасибо за видео. Какой программой вы автоматически меняете русские буквы на английские? Например, когда вы пишете по ошибке на русском вместо английского, вы переключаете написанные буквы на замену их английскими

[@WebCademy]

У меня Caramba на MacOS, для Windows есть PuntoSwitcher.

[@gtaplayer379]

@@WebCademy , спасибо вам за ответ, пользовался раньше, установлю его снова

[@Inno4ka777]

Ждем

[@MrRevCrew]

Подскажите, вы работаете с натяжкой верски на wordpress? Если да, то хотелось бы узнать, как лучше поднастроить сборку, чтобы было удобно сажать верстку на wp в дальнейшем

[@stasclear]

А если переключится в режим кода, то видно все стили же.

[@serhioramires3166]

А как Вы так ловко транслитилировали в одно нажатеие написаное не в той расскладке? на 19-20

[@artimity]

кнопку view all не сделали

[@artimity]

не могу подключить шрифт который уже woff формата

[@ВасилийАнисимов-ш1ц]

Привет, всем ! Фавиконки не подгружаются на странице .. Создаю сайт совместно с вами. Повторяю все за автором . Подскажите что надо еще сделать чтоб они отобразились ?

[@albertrockalfredo8250]

Круть

[@artimity]

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

[@line_delay]

это стрим записи?

[@СергейЖелезняк-ч8я]

​​Подскажите пожалуйста, давно хотео у вас спросить. Как на вашей сборке галп верстать многостраничные сайты ? Создавать отдельную папку для других страниц или оставлять хтмл на уровне индекса? И как галп будет это компилировать ?

[@WebCademy]

Оставлять на уровне index.html. Там же на старте и так 2 страницы, index.html и docs.html. И все собирается отлично. Секции и другие составные части сохранять в папку blocks.

[@shavor1000]

при запуске gulp выдает ошибку: Error in plugin "gulp-imagemin" И выбрасывает из запуска. Обидно.

[@WebCademy]

Напишите в наш чат или в комментарии в канал в Телеге. Со скриншотом ошибки.

[@shavor1000]

@@WebCademyСпасибо за ответ на мой комментарий. Но сборка собралась и gulp не подвел) Заработал как надо. Скорее всего я где-то накосячил!!!

[@Prorok1987]

Где взять макет для верстки?

[@Renttar]

Подскажите, сколько бы такая верстка стоила?

[@НиколайТитов-ч5п]

Я наверное чего-то не понял: # Обновленная версия от 05.08.2024. Это как?

[@WebCademy]

Опечатка. В Заметки по сборке.md увидели? Там должно было быть 05.03.2023

[@ВасилийАнисимов-ш1ц]

А что за файл .DS_Store? Что он делает? его удалить можно?

[@narotash6721]

У меня не получается добавить фавикон, в папку сборки в img добавляю картинки скаченные из фигмы, но они не встают на место

[@WebCademy]

webcademy.ru/blog/1097/

[@jesterjester3836]

Юрий, здравствуйте! на 1.58 - пишет В visual studio code: "special characters must be escaped : [ < ] (spec-char-escape" есть варианты, как настроить этот знак? (( скажите пожалуйста

[@WebCademy]

Добрый день. Я просто игнорирую его.

[@jesterjester3836]

@@WebCademy Юрий, тогда я не понимаю, почему VC не видит цвета в : @@for(var i = 0; i < context.colors.length; i++) { } так как в products img, title и другие видит...а "colors" нет... как вы думаете в чём может быть ошибка у меня((??? заранее спасибо Вам за ответ.

[@Максим-к2п6н]

@@jesterjester3836 у меня тоже так

[@denis_web_dev]

Это запись?

[@qwerty-jc7ix]

всем привет

[@afummatodigia1194]

я повторил за вами и не понять в чем не работают стили top-info

[@WebCademy]

Сравните с готовым кодом.

[@afummatodigia1194]

@@WebCademy спасибо

[@ВсёОк-ъ1б]

Для чего всё это? Не пойму как это поможет в жизни? Онлайн магазины не кто не посещает. Или я ошибаюсь?

[@WebCademy]

1. Это для тех кто учит верстку, чтобы после использовать её в своей работе. 2. Вы ошибаетесь.

[@SurprisedBloomingFlower-us2qd]

Вы что идиот? Вы что не знаете что такое Amazon или Aliexpress?

[@t.i.i8608]

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

[@ПростоРома-й9д]

дарова ребят

[@igoryavchenko3973]

Участвую

[@АлексейТопольсков-й4в]

figma больше не работает

[@pinkshellprod]

все работает)

[@Green-ao]

у меня работает но интерфейс не такой же как в этом видео, он другой (((

[@vbvb2805]

Привет Юр. Спасибо за хороший макет

[@николайкраснов-р3о]

А где сборку найти?

[@WebCademy]

В ТГ канале. Ссылка в описании.