Вадим, огромное Вам спасибо! Очень приятно с Вами иметь дело и учиться и развиваться! Лучшие вечеринки у Вас клубе!) Держитесь и берегите себя!!! Здоровья, терпения, Мира!!!!!
Ух, это было увлекательно! Закончил просмотр и параллельную верстку этого макета... В общем: мне понравилось такая вечеринка, даёшь исчё и спасибо за твой труд!
Спасибо тебе, О ВЕЛИКИЙ МАСТЕР ВЁРСТКИ! :-) Вот чуть ли не физически ощущаю, что эти два видоса по многостраничнику сделали меня на голову выше меня прежнего! Горжусь собой и чувствую свою мощу! :-) И да - ты прав 3:43:35 :-))))
Какой же ты ЗДРАВО-ЛОГИЧНЫЙ и ЗДРАВО-ЭТИЧНЫЙ!!! Начиная с 19:05 и до 23-20 "Чтобы никого не пугало, не бомбило.. Лично для себя - ни для браузера, ни для кого-то.. Абсолютно по барабану, как оно будет написано!.. Главное - не напортачить!.. Вот в чём соль.. Делал бы свой собственный проект, я б фигачил вот так!.. Но поскольку на Ютьюбе я люблю длинные ролики - поэтому я буду здесь делать вот так!" Да, с тобой мои МОЗГИ НЕ ЗАРЖАВЕЮТ! Вадос, если бы я был 70-летним, я б рекомендовал тебя своим кентам в качестве ЛЕКАРСТВА от МАРАЗМА! :-)
Эх, помню время, когда тоже занимался вёрсткой. Этот канал был в топ-3 по ютубу лично для меня. Сейчас уже занимаюсь фронтом на реакте, но иногда заглядываю сюда на огонёк.
Владос, респект за уроки! от себя: хотелось бы видеть на примере исходники(где-то то там, то здесь ошибки искать) здоровья тебе и близким, отдуши, жги)
Спасибо большое! Очень круто было. Скажи пожалуйста будет ли натяжка данной верстки на Wordpress как ты говорил или нет? Хочется знать стоит ли ждать.)))) Заранее спасибо за ответ.
Спасибо большое за видео! Лайк однозначно. Единственное, при адаптиве забыли ховеры при наведении на картинки как то оптимизировать для тач управления.
посмотрел комментарии и вижу никто не обратил внимание на баг с правым выезжающим меню на маленьких экранах. Если зайти с телефона то будет возможность скролить в бок в пустую область. Для тех кто хочет пофиксить этот баг то просто уберите блок с правым меню на маленьких экранах.
не прижимается у меня что-то футер + когда адаптируешь, как Вадим, без включения моб. режима, т.е. не нажимая иконку телефончика, то прокруток нет, когда нажимаешь - появляются из-за бокового меню как я понимаю, хотя на др. макетах такого вроде бы не было у нас же оферфлоу hidden есть .... убираешь side-menu - всё нормализуется
@@WhiteBear141981 я ещё адаптив полностью не досмотрел (нахожусь на 2:40:00), думал в процессе Вадим всё же заметит ... если не увидел, то можно попробовать в его сообществе в телеграмме спросить, как остальные, кто верстал, исправили ... т.к. я всё равно буду переделывать этот макет для портфолио, думаю просто убить это боковое меню и всё - когда его убираю, то и горизонтальный и вертикальный скроллы пропадают
@@WhiteBear141981 ну да, тем более что непонятно от чего там прокрутка, в том же магазине, что Вадим выкладывал на Udemy также боковое меню выезжает и свойства вроде бы такие, но скролла нет .. как всегда будет из-за какой-то пропущенной мелочи)))
:-) 1:50:02 «Всё, у меня вот есть один, второй и, как бы грубо говоря, третий! Белиссимо! Перфетто! Всё - я знаю, как это решить!» :-))) Все изучаем МАНТРЫ и ЗАКЛИНАНИЯ от Вадоса!!! Верный путь к успеху в вёрстке! :-))))) В этом видео Вадос продемонстрировал вершины своего мастерства! Все, желающие насытиться вдохновением от сэнсэя в полной мере, после просмотра видео слушаем известную мелодию "Полёт кондора"!
2:03:55 - ну если делать по-нормальному, то ресайз нужно прослушивать палюбэ. Ты же в курсах, что есть т.н. книжная/альбомная ориентация? Юзер просто переворачивает смарт, и твоя вёрстка к херам ломается.
могу подсказать решение, если вдруг не получилось. В global.scss нужно прописать классу .wrapper - position: relative; и overflow-x: hidden; а из body убрать этот оверфлоу
@@8x8x36 могу подсказать решение, если вдруг не получилось. В global.scss нужно прописать классу .wrapper - position: relative; и overflow-x: hidden; а из body убрать этот оверфлоу
Спасибо за контент, подскажите как правильно выезжающее меню растянуть на всю ширину, чтобы не было отступов по бокам от контейнера. Сделал width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; Работает, но есть подозрение что не надо так делать. А просто margin-left: -15px; margin-right: -15px; не работает, т.к. width 100% насколько я понимаю
о чувак че-то ты намудрил - повесь просто белый фон элементами after и before у одного укажи right: 0 у другого left 0 и ширина 100% что-то в таком роде. Если не получится спрашивай, могу подзаморочиться ахах. А так Вадим в макете шведская горечь такое делал вроде (7-8 часовой видос на канале верстка сайта полностью до завершения)
@@aleksandrkanygin2672 Подскажите, пожалуйста, вы задавали after и before у menu__list или у menu--open? Прописывал и первому, и второму, а фон так и не появляется(( Не могу понять что я делаю не так. content ''; прописал.
@@-shakirov Подскажите, пожалуйста, вы задавали after и before у menu__list или у menu--open? Прописывал и первому, и второму, а фон так и не появляется(( Не могу понять что я делаю не так. content ''; прописал.
А как ты хочешь реализовать hover на моб. устройствах? По умолчанию, он "застывает" при тапе и убирается при тапе на другом элементе, т.е. либо оставлять так, либо отслеживать на js тап+антап и стилизовать соответственно 'элемент на эти доли секунды.
Привет. Впервые столкнулся с галпом. Все сделал по твоим видосам, начиная со сборки галпа. Такой вопрос: при использовании этой сборки, как загрузить верстку на гитхаб пейджес? Нужны какие-то особенные навыки? Потому что у меня чет не получается. Спасибо
github подхватывает файлы из папки "docs" (в этом проекте она "app"). Короче я переименовала папку и соответственно все настроики в gulpfile.js и все на гитхаб загрузилось.
Вадос, спасибо! Всегда - огонь. Только вот у меня на адативе в процессе уменьшения header постепенно испаряются ссылка(logo) и button. Не просто исчезает, не налазит друг на друга, а потихоньку превращается в точку(0). Первый раз такое вижу, может из ребят кто-нибудь подскажет.
Может кто-нибудь сможет мне помочь, не могу сделать так, чтобы при нажатии на кнопку header__btn-menu страница не скролилась. Добавил в файл global.scss body.lock { overflow: hidden}, никак не хочет работать. В файл min.js для функции .header__btn-menu вот такое - $("body").toggleClass("lock");
Вадим, дякую. Дуже цікаво, доступно. Почуття гумору, як завжди, на висоті. Доступно все пояснюєте. Дякую за Вашу працю.
Судя по соотношению просмотров на видео по вёрстке и адаптиву, люди не любят адаптировать сайты.) Спасибо за проделанную огромную работу!
Или же не у каждого возникают проблемы с адаптивом :)
Меня прикалывает не сама верстка, а ньюансы, которые Вадос раскрывает в процессе. Получается зачетная вечеринка! :-))
Вадим, огромное Вам спасибо! Очень приятно с Вами иметь дело и учиться и развиваться! Лучшие вечеринки у Вас клубе!) Держитесь и берегите себя!!! Здоровья, терпения, Мира!!!!!
Ух, это было увлекательно! Закончил просмотр и параллельную верстку этого макета... В общем: мне понравилось такая вечеринка, даёшь исчё и спасибо за твой труд!
круто!
Не смотрел ещё, но знаю, что огонь! Ты красавчик, бро! Спасибо! Закончу с прошлым видосом и приступлю за это!
Большое спасибо! Лучший учитель по верстке на ютубе)
Спасибо тебе, О ВЕЛИКИЙ МАСТЕР ВЁРСТКИ! :-) Вот чуть ли не физически ощущаю, что эти два видоса по многостраничнику сделали меня на голову выше меня прежнего! Горжусь собой и чувствую свою мощу! :-) И да - ты прав 3:43:35 :-))))
Благодарю вас за эти прекрасные видео :) Ваша подача просто супер!
фух осилил, большое Спасибище за эти уроки, практически 15 часов топового обучения)
Спасибо, посмотрел и поверстал на одном дыхании. Отдохни, наберись сил и давай его на WP посадим - завершим эти эпичную трилогию!
Супер. Владос как всегда лучший.
Лайк авансом за роботу! Гляну пізніше!
Какой же ты ЗДРАВО-ЛОГИЧНЫЙ и ЗДРАВО-ЭТИЧНЫЙ!!! Начиная с 19:05 и до 23-20 "Чтобы никого не пугало, не бомбило.. Лично для себя - ни для браузера, ни для кого-то.. Абсолютно по барабану, как оно будет написано!.. Главное - не напортачить!.. Вот в чём соль.. Делал бы свой собственный проект, я б фигачил вот так!.. Но поскольку на Ютьюбе я люблю длинные ролики - поэтому я буду здесь делать вот так!"
Да, с тобой мои МОЗГИ НЕ ЗАРЖАВЕЮТ! Вадос, если бы я был 70-летним, я б рекомендовал тебя своим кентам в качестве ЛЕКАРСТВА от МАРАЗМА! :-)
Как всегда очень полезно и информативно. Спасибо) хоть и закончила курс год назад, но все равно продолжаю смотреть)))
Эх, помню время, когда тоже занимался вёрсткой. Этот канал был в топ-3 по ютубу лично для меня. Сейчас уже занимаюсь фронтом на реакте, но иногда заглядываю сюда на огонёк.
А кто еще в вашем топ-3?
Залител видос. Смотрю описание, мысли в голове" друг дай я тебя обниму " 👍👍👍 спасибо
Урра я ждал этот видосик!
Вадос красава!) очень много у тебя научился) спасибо что нет рекламы)))) давай посадку!!!) а я на вечеринку)))))
Владос, респект за уроки!
от себя: хотелось бы видеть на примере исходники(где-то то там, то здесь ошибки искать)
здоровья тебе и близким, отдуши, жги)
Красавчик! Огромный труд проделал.
Спасибо большое!
Очень круто! Спасибо за труды👍
Спасибо большое! Очень круто было. Скажи пожалуйста будет ли натяжка данной верстки на Wordpress как ты говорил или нет? Хочется знать стоит ли ждать.)))) Заранее спасибо за ответ.
Спасибо большое за видео! Лайк однозначно. Единственное, при адаптиве забыли ховеры при наведении на картинки как то оптимизировать для тач управления.
Спасибо за видео. Очень полезное. Есть чему поучиться
подача шикарная )) жирный лойс
посмотрел комментарии и вижу никто не обратил внимание на баг с правым выезжающим меню на маленьких экранах. Если зайти с телефона то будет возможность скролить в бок в пустую область. Для тех кто хочет пофиксить этот баг то просто уберите блок с правым меню на маленьких экранах.
не прижимается у меня что-то футер + когда адаптируешь, как Вадим, без включения моб. режима, т.е. не нажимая иконку телефончика, то прокруток нет, когда нажимаешь - появляются из-за бокового меню как я понимаю, хотя на др. макетах такого вроде бы не было у нас же оферфлоу hidden есть .... убираешь side-menu - всё нормализуется
Та же фигня. Залил проект на Github Pages. Открываю с мобильника: огромная горизонтальная полоса прокрутки...
Вам удалось как-то ее побороть?
@@WhiteBear141981 я ещё адаптив полностью не досмотрел (нахожусь на 2:40:00), думал в процессе Вадим всё же заметит ... если не увидел, то можно попробовать в его сообществе в телеграмме спросить, как остальные, кто верстал, исправили ... т.к. я всё равно буду переделывать этот макет для портфолио, думаю просто убить это боковое меню и всё - когда его убираю, то и горизонтальный и вертикальный скроллы пропадают
@@betsmagazine-7242 тоже подумывал о том, чтобы удалить сайд-меню. Но как-то жаль
@@WhiteBear141981 ну да, тем более что непонятно от чего там прокрутка, в том же магазине, что Вадим выкладывал на Udemy также боковое меню выезжает и свойства вроде бы такие, но скролла нет .. как всегда будет из-за какой-то пропущенной мелочи)))
@@betsmagazine-7242 спасибо! Будем разбираться
в блоке how it works забыли диван поставить на один уровень с ост. картинками как на макете
:-) 1:50:02 «Всё, у меня вот есть один, второй и, как бы грубо говоря, третий! Белиссимо! Перфетто! Всё - я знаю, как это решить!» :-)))
Все изучаем МАНТРЫ и ЗАКЛИНАНИЯ от Вадоса!!! Верный путь к успеху в вёрстке! :-)))))
В этом видео Вадос продемонстрировал вершины своего мастерства! Все, желающие насытиться вдохновением от сэнсэя в полной мере, после просмотра видео слушаем известную мелодию "Полёт кондора"!
ну как здесь не оставить коментарий для продвижения контента)
Это было эпичность! 👍
Спасибо за труд , если не трудно то залей на гит хаб ) У меня миллион ошибок хочу по исправлять .
Спасибо братское сердце!
2:03:55 - ну если делать по-нормальному, то ресайз нужно прослушивать палюбэ. Ты же в курсах, что есть т.н. книжная/альбомная ориентация? Юзер просто переворачивает смарт, и твоя вёрстка к херам ломается.
А есть видео натяжки на WP етого сайта?
Пушка, лайк
А у вас на телефонах нету горизонтального скролла?
У меня тоже скролл и не могу победить
могу подсказать решение, если вдруг не получилось. В global.scss нужно прописать классу .wrapper - position: relative; и overflow-x: hidden; а из body убрать этот оверфлоу
@@8x8x36 могу подсказать решение, если вдруг не получилось. В global.scss нужно прописать классу .wrapper - position: relative; и overflow-x: hidden; а из body убрать этот оверфлоу
@@sestik1 Починил, пасиб за подсказку
@@sestik1 Спасибо, попробую. Я и в Jquery пытался div удалять, но на хостинге не работает почему-то. А на Live Server удалять.
Еее 🔥🔥🔥
всем доброго дня!
👍🙋
Да ты крут братан очень прокачал!!!!!!!
Top content. Спасибо тебе чувак!!!
Спасибо за контент, подскажите как правильно выезжающее меню растянуть на всю ширину, чтобы не было отступов по бокам от контейнера.
Сделал
width: calc(100% + 30px);
margin-left: -15px;
margin-right: -15px;
Работает, но есть подозрение что не надо так делать.
А просто margin-left: -15px; margin-right: -15px; не работает, т.к. width 100% насколько я понимаю
о чувак че-то ты намудрил - повесь просто белый фон элементами after и before у одного укажи right: 0 у другого left 0 и ширина 100% что-то в таком роде. Если не получится спрашивай, могу подзаморочиться ахах. А так Вадим в макете шведская горечь такое делал вроде (7-8 часовой видос на канале верстка сайта полностью до завершения)
@@-shakirov Нормальный варик, спасибо за совет.
@@-shakirov Нормальный варик, все теперь отлично выглядит, спасибо за совет.
@@aleksandrkanygin2672 Подскажите, пожалуйста, вы задавали after и before у menu__list или у menu--open? Прописывал и первому, и второму, а фон так и не появляется(( Не могу понять что я делаю не так. content ''; прописал.
@@-shakirov Подскажите, пожалуйста, вы задавали after и before у menu__list или у menu--open? Прописывал и первому, и второму, а фон так и не появляется(( Не могу понять что я делаю не так. content ''; прописал.
Всё круто! Вопрос нужен ли :hover-эффект на мобильных устройствах?
А как ты хочешь реализовать hover на моб. устройствах? По умолчанию, он "застывает" при тапе и убирается при тапе на другом элементе, т.е. либо оставлять так, либо отслеживать на js тап+антап и стилизовать соответственно 'элемент на эти доли секунды.
Привет. Впервые столкнулся с галпом. Все сделал по твоим видосам, начиная со сборки галпа. Такой вопрос: при использовании этой сборки, как загрузить верстку на гитхаб пейджес? Нужны какие-то особенные навыки? Потому что у меня чет не получается. Спасибо
github подхватывает файлы из папки "docs" (в этом проекте она "app"). Короче я переименовала папку и соответственно все настроики в gulpfile.js и все на гитхаб загрузилось.
WordPress в студию
Спасибо)
Потихоньку приближаемся к wordpress
супер, очень полезно!!!
Добрый день. Подскажите пожалуйста, все было хорошо, все работало а потом бах и 'default' errored after 1.21 s
Не могу понять что случилось.
Извините, разобрался, скобку фигурную пропустил:)
Наконец то закончил
на 2:40:00 не 10 фото, а 9 осталось, всё же лучше чем 5)
пропиши grid-column: span 1;
grid-row: span 1; и будет тебе счастье
Вадос, спасибо! Всегда - огонь. Только вот у меня на адативе в процессе уменьшения header постепенно испаряются ссылка(logo) и button. Не просто исчезает, не налазит друг на друга, а потихоньку превращается в точку(0). Первый раз такое вижу, может из ребят кто-нибудь подскажет.
Может размер шрифта не в пикселях задан?
у меня также было. я дополнительно задала ширину.
спасибо
Лучший!
1:54:10
lagan
Автор, ты вообще живой?
Вот вы все выражаетесь инклюдить миксить и тд разве нельзя сказать подключаем библиотеку и нормальной русской лексикой
это такой сленг, браток. У любой профессии есть куча терминов, который обычный обыватель не поймет
Может кто-нибудь сможет мне помочь, не могу сделать так, чтобы при нажатии на кнопку header__btn-menu страница не скролилась. Добавил в файл global.scss body.lock { overflow: hidden}, никак не хочет работать. В файл min.js для функции .header__btn-menu вот такое - $("body").toggleClass("lock");
на елементе works__path__item--measurements баг