Адаптивная верстка сайта с SCSS и JS. Объясняю по шагам. CSS Grid, БЭМ. Макет LoftHouse

"savePath": "~/../css/"
ошибка в настройках SASS, на винде 10

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

Не могу найти дизайн фигмы в телеграмм группе😢

Спасибо за урок! Очень много взяла для себя нового)

Спасибо Юрий за видео! Всё отлично получилось, работал на локальном сервере Open Server Panel - 6, новая версия. Макет, материалы и готовый код нашёл. Получил огромный опыт с Вашего видео курса. С уважением Ахмад

ну и где искать доп.урок по scss? если уже упоминаете о нем в видео, можно наверное и ссылку предоставить, а не накручивать просмотры других видео)))

Не могу найти макет в телеге. От 6 Мая 2023 его нет

phone mask js плагин который в коде урока есть в интернете? Не могу найти

Я когда указываю эти координаты у меня Иран выходит ) как так не могу понять

как плагины подключить? нет такой кнопки как на видео.

Вот на счёт <br> я даже очень согласен, почему то масса верстальщиков его боятся как огня! ой а если потом заголовок будет менятся и перенос надо будет с третьего слова..., ну перенеси тэг... если есть сомнения можно ограничить контейнер и поставить тэг есле надо или убтарь есле не надо...

Спасибо Юрий! Отличное видео но я не нашёл - Макет, материалы и готовый код. С уважением Ахмад

Спасибо! Где находится Макет, материалы и готовый код? С уважением к Вам Ахмад

Здравствуйте, возник вопрос, у вас в процессе верстки получилось большое количество scss файлов, это безусловно удобно, но не повлияет ли это на загрузку сайта, не станет ли он из-за этого долго загружаться у пользователей?
Я только учусь, поэтому подскажите, пожалуйста

Подскажите пожалуйста, как связать ссылки с мобильного меню с определенными секциями сайта?

Худший препод на ютубе ...Не знаю, может он только за деньги что то объясняет, что к чему и почему . Видео 5 часов просто "вот так я верстаю". Начал, нужно довести дело до конца. Не попадитесь на 5ти часовую ловушку .

Добрый день!). Выполнил всë по видео не торопясь за 12+ часов.
Получил кучу опыта и закрепил знания с Вашего курса по вëрстке. Спасибо за видео!).
Очень понравилось, что в проекте 1 точка перелома для адаптации, а так же полный курс работы с Яндекс картой + работа с grid.
Огромное спасибо!!!

Почему у меня свг файлы сразу на весь экран а не как на аидео маленькие?😢

в скачаном архиве где готовый код проекта нет макета, нет картинок, есть только код. И что же делать?

Спасибо за видео-уроки!

Не вижу целесообразности учить использовать Mixin как Placeholder, лучше было бы сразу объяснить как правильно

Спасибо за ваш труд!

Скажите пожалуйста, как добавить api яндекс карт в проект на вебпаке? Ничего не получается, даже с документацией...

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

Огромнейшее спасибо за такое видео! Всё очень полезно. Я первый раз работала с scss, настроила только в Вебшторме, уж очень мне полюбился, пришлось попыхтеть, но на будущее явно это пригодится. Очень ценно, что делитесь такими полезностями, как маска для телефонных номеров, вы просто экономите кучу времени тем, кому это пригодится. Миксины - вещь, очень удобно.
Сначала подключала скрипты в head через defer, но потом пошло что-то не так и видео открывалось не так)), ну что жжжж, пришлось подключить в конце боди, не получилось повыделываться). Ещё очень красивый макет, прям зашёл, захотелось всем показать потом готовую страничку 😁.
Просто вау, что показали как подключить карту.
Ваш контент замечательный. Я столько времени пыталась найти толковое видео по вёрстке с фичами, а тут вы, совпало всё: и макет красивый, и видео на странице, и карта, и анимации изображений. Столько всего полезного, спасибо вам огромное за качественный контент!

webcademy -- lucshiy kanal 1000 like👍

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

Здравствуйте! Очень понятно объясняете! Помогите, пожалуйста, столкнулась с такой проблемой, как установить плагин font fascia в новой версии 2023? Макет открывается без виджетов(где был значок плагины) и в dev mode нет его. В панеле plugins предлагает из community загрузить. Загружаю, а он открывается в пустом новом окне..Как быть?

Прекрасный дизайн, очень подробное объяснение, спокойный голос и качественный микрофон. Делал сайты с CSS, теперь узнал про SCSS, миксины, как карту прикрепить и стилизовать. Поставил два лайка (с двух аккаунтов)

У меня почему-то _base _vars _reset не хотят подключаться.... Перенес код в main и все заработало...

Как в figma теперь поставить плагин?

Если у меня есть другой проект в GULP, где SCSS компилируется в CSS, после установки данного плагина и работы над проектом в галпе, не сломается ли структура CSS файлов ?

Еще не посмотрел до конца, немного позже, подскажите а полноценная админ панель будет, где хозяин сайта будет сам добавлять и менять информацию на сайт, отслеживать регистрацию пользователей , минуя код. Это принципиально важная часть для любого заказчика. Никто кроме дизайнера верстальщика не сможет самостоятельно изменять код и внешний вид

Подскажите , а что у вас за тема стоит в vsc

@WebCademy, Спасибо за отличный урок . Макет классный. Фичи отличные. Сделать получилось. Как пожелание на будущее покажи js lightbox, JS маска для номера телефона на gulp как их подключать и т.д.. И уроки scss нужны на канал про миксины и т.д некий обзор с примерами показать зачем они нужны + в каких вариантах их стоит прописывать. Коллегам и друзьям данное видео и школу буду рекомендовать и т.д.

как в фигме загрузить сырую фотку в шапке без обработки?

Здравствуйте!
Настроился поверстать с вами, а с Live Sass Compiler появились проблемки. Внес все ваши настройки в settings.json и VS Code вывалил несколько ошибок...соответственно при их наличии compiler не работает...
Вот они:

Must start with any of:
`/` or `\` (for workspace root)
`~/` or `~\` for relative to the file being processed. Must not end with a path separator (`/` or `\`)
-
относится к "savePath": "~/../css/"

Must start with a path separator (`/` or `\`)
-
относится к "**/node_modules/**", ".vscode/**"

Только у меня одного так?


upd. с ошибками разобрался, в save path убрал конечный слэш - "savePath": "~/../css" и другие строчки тоже поменял на "/**/node_modules/**", "./vscode/**"

но теперь у меня при запуске compiler генерируются файлы .css и .min.css в каждой папке с проектами...

Где можно взять макет ?

подскажите как найти сылку по Иконка моб навигации

Все супер, но почему то к меня lighxbox совсем не работает. Я даже скачал и открыл ваш проект, но все равно lighxbox не работает. Как вы думайте, в чем проблема. Error "linksBtnsSelector" is redeclared вот такая ошибка вылетала

Кто уже фронтэндерит за деньги?

Добрый день. Спасибо за отличный контент! Было бы здорово, если бы сделали подробный урок по валидации и отправке форм. Особенно на примере с маской для международных телефонов.

классный контент, я просто в восторге, а будет продолжение?- как сделать этот сайт под CMS Word Press?

Как сделать чтобы информация с формы приходила на почту?

не так у меня работает auto-fit как на 4.04.53 минуте, при уменьшении экрана уменьшает только до 2 колонок и уходит за экран и появляется скролл по X, а не уменьшает автоматически потом до одной колонки.

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

Очень жду новых уроков от вас. Все понятно, легко учиться и запоминается на ваших примерах. P.S. Я сейчас нарабатываю практику и искал что-то с SCSS, и наткнулся на это видео. Именно с него я начал знакомство с данным каналом. После верстки этого макета, я нашел запись годичной давности в трансляциях, где также использовался SCSS. Было немного неудобно делать его, потому что, ссылаясь на комментарий внизу, уровень преподавания кардинально отличается. В этом видео я впитывал информацию о том, как нужно верстать. В видео годичной давности я сам хотел подсказывать вам в некоторых моментах, опираясь на знания, полученные из этого ролика. Очень жду новых сложных версток с использованием разных тонкостей. Спасибо вам большое!

выдает ошибку undefined mixin в коде( и даже в готовом коде из материала к уроку). как фиксить?