Я шокирован тем как доходчиво вы объясняете, красивой грамотной речью, приятным голосом. Вас хочется слушать. Ваш проффесионализм как верстальщика так и преподавателя вызывает уважение. Пожалуйста, продолжайте делать то, что делаете.
господи, сначала даже смутилась почему так много однотипных восхваляющих коментов, НО БЛИН, РЕАЛЬНО, ВЫ ПРОСТО КРУТЕЙШЕ ОБЪЯСНЯЕТЕ, ничего не упускаете, каждый момент, каждую деталь, почему так, в чем логика, это супер. Это именно то, что я ищу, будучи новичком.. Очень много полезной информации, особенно в сравнении с предыдущим челом, кот я смотрела. Да и просто приятно слушать :) Однозначно лучшее преподношение инфы, ИЗ ВСЕГО ЧТО Я ВИДЕЛА, и не только по проге. Спасибо тебе ♥ и конечно же успехов в продвижении!! Я С ТОБОЙ ДО ПОСЛЕДНЕГО ТВОЕГО ВИДЕО
@@DaryaAleshkina Думаю, у тебя будет получаться верстать сайты уже самостоятельно после нескольких плейлистов, если есть база теории (если что, буду рад видеть на нашем обучении). Ещё раз спасибо и желаю успехов в обучении)
Я хочу сказать тебе огромное спасибо! За твою проделанную работу, ты очень сильно помог разобраться во многих вещах очень доходчиво. Я только начал учить html и css и много каких вещей было непонятно, я буду продолжать смотреть твои видео и надеюсь , благодаря твоей работе, я смогу делать свою работу с каждым разом только лучше и легче! Ещё раз огромное спасибо!
Спасибо , всё очень подробно и с объяснениями . Мне как новичку такой подробный формат очень удобен. Многие непонятные моменты вы прекрасно разъяснили на примерах .
Привет, не подскажешь в фигме убрали область для верстальшика, там еще написаны стили, атрибуты, ссылки и так далее, эту проблему решить можно с помощью плагина, но даже в плагине нету ссылки на изображение, там фон и так далее
Всё было прекрасно, только когда я услышал фразу: "Надеюсь ничего не забыл" , то вспомнил один момент который стоило бы затронуть )) Забыл назвать комбинацию клавиш для форматирования кода по код-стайлу. Лично меня этот момент сразу заинтересовал) Если кому-то нужно, то это комбинация SHIFT + OPTION + F (на Mac) / SHIFT + ALT + F (на Windows) Всем спасибо) 🙂
Можно ведь просто *{ color: #fff; text-decoration: none; list-style: none; } И это работает для всего сразу, чем писать отдельно "а" и отдельно "ul" ) За уроки спасибо, очень круто
Но ведь звёздочка выберет вообще всё на сайте, а в этом нет необходимости, тем более подчеркивание есть только у ссылки, а маркеры только у списков. Да и нумерованным спискам чаще всего нет необходимости отключать нумерацию. Поэтому не соглашусь с применением селектора звёздочки в данном случае.
Почему то при задании max-width для контейнера элементы начали максимально сжиматься. Я попытался разобрать твой готовый код, но так и не понял в чем была проблема. Сам же просто задал width такой же как и max-width и все заработало. Кто-нибудь может объяснить в чем была проблема?
Я не понимаю как решить проблему:перекидываю файл макета в фигму и пишет:Importing to figma design ❌ maket Burger Landing.fig Unsupported file format. Помогите пожалуйста разобраться с этим
@@ghfjtyh6464 можно другим способом, нажать два раза на файл и выбрать открыть с помощью фигмы, тогда файл начнет загружаться для открытия в фигме. По крайне мере у меня тоже сначала писал ошибку при открытии способом из видео, потом все открылось
Здравствуйте!! Я ни как не могу перейти по ссылкам в бот канал телеграмма где есть все материалы данного макета. Подскажите , это у меня лично проблемы или уже эта информация удалена ?? Благодарю🌺
@@ZulayKhadzhimuratova проблем нет, все материалы бот выдаёт. На каком этапе не получается? Не открывается ссылка или бот не отвечает или материалов в папке не видите?
Не открывалась ссылка. В итоге так и не открылась, но выход я все равно нашла, нашла тг канал с фигмамакетами, нашла нужный макет и сверстала вместе с Вами! Отличный урок, все очень доходчиво, и так много важных моментов уточняете! Спасибо большое!!!👍
@@ZulayKhadzhimuratova очень странно, я сейчас проверил - все открывается. Отправьте, пожалуйста, ссылку, по которой вы пытались перейти и она не работала. Если что, бота в телеграме можно найти, введя @webproschool_bot
К сожалению, пока простого пути не нашёл. Можно просто фотку вытащить из фрейма и убрать обрезание с помощью crop image. Но это долго и видимо пока можно обойтись без оригинала и использовать export того контента, который представлен. Также все материалы из видео (оригиналы) можно получить в телеграме.
@@WebProSchool Учусь в онлайн-школе SkillBox и параллельно подпитываюсь на разных площадках, Вам большое спасибо! Очень информативно и ценно, классная фишка с тем, что бы не множить кол-во классов. В целом полезно увидеть другой взгляд на картину от человека не из упомянутой школы) Продолжайте в том же духе, респект 🤝
В данном плейлисте показываю как получать стили в обновлённой фигме th-cam.com/play/PLlGg_lawgIyW8MtaPFhaRS0PmTI4cL965.html Если вкратце, то можно: 1. Получать стили по дизайну 2. Копировать стили, выделяя нужный блок и нажимая на правую клавишу мыши 3. Использовать специальный плагин Подробнее в плейлисте выше. Будут вопросы - пшиите в наш чат в телеграм @webproschool_chat
Уфф, благодарю за помощь в продвижении видео данным комментарием. Ну а если серьёзно, то ссылки на фигму действительно нет, извините. Дизайн макета бот выдаёт в формате файла, чтобы не зависеть ни от каких ссылок. Как открыть дизайн в фигме я показываю на 2:05. Но конечно, всегда легче просто написать негативный комментарий, поставить дизлайк, чем посмотреть 2 минуты видео или написать в наш чат, где мы помогаем зрителям. Выбор, конечно, только ваш, удачи)
Ну хз, я новичок и это действительно для новичков. Т.к смотрел до этого видео для (новичков) было много не понятного и отсутствовали подробные объяснения. В общем как по мне, то норм
Я заметил в файле css - нету префиксных вендорв - думаю что при отображение сайта на macbok - и афонах будить баги да ? . Так как некоторые свойства css не подерживаеться без префикса
Видео для начинающих, соответственно и разжевываю все моменты для новичков. При этом объясняю все шаги, а не лью воду. Если у вас огромный опыт за плечами,то возможно не стоит смотреть видео для начинающих.
Товарищи подскажите ! Как писать в html код для оформления клиентом своего объявления на сайте ? Чтоб клиент указав свой предмет с характеристиками мог его выставить на сайте. Голову ломаю третий день.
Здравствуйте. Если речь идет о том, как внедрить функционал и взаимодействие пользователя с элементами интерфейса, то работать нужно с js, html это структура, внешняя оболочка. Любые функции прописываются там
Я шокирован тем как доходчиво вы объясняете, красивой грамотной речью, приятным голосом. Вас хочется слушать. Ваш проффесионализм как верстальщика так и преподавателя вызывает уважение. Пожалуйста, продолжайте делать то, что делаете.
Благодарю! Такие комментарии вдохновляют и мотивируют двигаться дальше. Спасибо за обратную связь :)
верстаю уже больше года, конечно все что было в видео я знал, но именно вы помогли научиться практиковать правильно эти знания, спасибо!
И что как успехи за год?сам верстаешь уже?
Много видео посмотрел по верстке, но ты действительно объясняешь доходчиво и понятно! Спасибо! Ждем больше видео теперь по языкам программирования!
господи, сначала даже смутилась почему так много однотипных восхваляющих коментов, НО БЛИН, РЕАЛЬНО, ВЫ ПРОСТО КРУТЕЙШЕ ОБЪЯСНЯЕТЕ, ничего не упускаете, каждый момент, каждую деталь, почему так, в чем логика, это супер. Это именно то, что я ищу, будучи новичком.. Очень много полезной информации, особенно в сравнении с предыдущим челом, кот я смотрела. Да и просто приятно слушать :) Однозначно лучшее преподношение инфы, ИЗ ВСЕГО ЧТО Я ВИДЕЛА, и не только по проге. Спасибо тебе ♥ и конечно же успехов в продвижении!! Я С ТОБОЙ ДО ПОСЛЕДНЕГО ТВОЕГО ВИДЕО
@@DaryaAleshkina спасибо большое, такие комментарии мотивируют делать подобный контент дальше :)
@@WebProSchool уауауа как сразу) я редактировала, прочитай заново :))
@@DaryaAleshkina Думаю, у тебя будет получаться верстать сайты уже самостоятельно после нескольких плейлистов, если есть база теории (если что, буду рад видеть на нашем обучении).
Ещё раз спасибо и желаю успехов в обучении)
Я хочу сказать тебе огромное спасибо! За твою проделанную работу, ты очень сильно помог разобраться во многих вещах очень доходчиво. Я только начал учить html и css и много каких вещей было непонятно, я буду продолжать смотреть твои видео и надеюсь , благодаря твоей работе, я смогу делать свою работу с каждым разом только лучше и легче! Ещё раз огромное спасибо!
Благодарю за приятные слова 🙏
Удачи в обучении)
@@WebProSchool спасибо огромное!
Автор, благодарю тебя за обучение. Не останавливайся и не слушай хейтеров!
Благодарю за поддержку. В ближайшее время выйдут новые видео :)
рассказчик рожден для преподавания. приятный тембр голоса, позитивная аура и складная речь. спасибо!
Хорошо объясняете, на простом языке, как раз для начинающих. Спасибо 👍
Я рил в шоке, как вы понятно всё рассказываете и объясняете :)
Восхитительный урок! Браво! Максимально доходчиво для новичка! Все по порядку, по делу и без воды. Спасибо огромное!!!
@@zartanas4177 благодарю 🙏
Спасибо , всё очень подробно и с объяснениями . Мне как новичку такой подробный формат очень удобен. Многие непонятные моменты вы прекрасно разъяснили на примерах .
Привет, не подскажешь в фигме убрали область для верстальшика, там еще написаны стили, атрибуты, ссылки и так далее, эту проблему решить можно с помощью плагина, но даже в плагине нету ссылки на изображение, там фон и так далее
Молодей.Все доходчиво.Спасибо.
очень много полезной информации, самое лучшее что я видел как для новичка
огромное спасибо, лучшее объяснение верстки которое я смотрел
Спасибо за эти уроки!! Очень понятно и приятно объясняете) Желаю огромной удачи в продвижении канала!!
@@Shaman_Mashan благодарю 🙏
Удачи в обучении)
Отличное объяснение. Даже на платном курсе так не объясняют.😊
Благодарю 🙏
воуууууууууууу)))это очень круто!!!куда ты пропал??что то новых роликов давно не видно
Все предельно понятно. Спасибо.
Спасибо большое Вам за видео, всё очень хорошо и понятно объяснили! ❤
Очень хороший урок😊Спасибо огромное
Всё было прекрасно, только когда я услышал фразу: "Надеюсь ничего не забыл" , то вспомнил один момент который стоило бы затронуть ))
Забыл назвать комбинацию клавиш для форматирования кода по код-стайлу.
Лично меня этот момент сразу заинтересовал)
Если кому-то нужно, то это комбинация SHIFT + OPTION + F (на Mac) / SHIFT + ALT + F (на Windows)
Всем спасибо) 🙂
@@Taranenkosemen да, либо правой клавишей мыши по коду - Форматировать документ
Можно ведь просто
*{
color: #fff;
text-decoration: none;
list-style: none;
}
И это работает для всего сразу, чем писать отдельно "а" и отдельно "ul" )
За уроки спасибо, очень круто
Но ведь звёздочка выберет вообще всё на сайте, а в этом нет необходимости, тем более подчеркивание есть только у ссылки, а маркеры только у списков. Да и нумерованным спискам чаще всего нет необходимости отключать нумерацию. Поэтому не соглашусь с применением селектора звёздочки в данном случае.
Спс за видео❤ просто нету нормальных видосов😅
Очень доходчиво!!
спасибо за хорошее объяснение с примерами.
Здравствуйте! Всё просто всё подробно, спасибо.
Спасибо, очень полезное видео
Почему то при задании max-width для контейнера элементы начали максимально сжиматься. Я попытался разобрать твой готовый код, но так и не понял в чем была проблема. Сам же просто задал width такой же как и max-width и все заработало. Кто-нибудь может объяснить в чем была проблема?
ждем мобильную верстку!)
В обновленной фигме не вижу вкладку инспект, где найти ее?
я так понял теперь это платная фича
@@GrekSS плагин Inspect Styles
Ладно ладно убедил, пойду смотреть шортсы а то кажется что я многое упускаю😂
Все просто круто спасибо
привет)а как расширение называется, которое после закрытых тегов дублирует название классов?А то я поначалу в этих тегах путался, что куда вложено.
@@filsam524 HTML End Tag Labels
@@WebProSchool спасибо тебе большое. Очень классно рассказываешь!
ты просто лучший
а ресеты не надо подключать сразу?
Спасибо!
А ссылку на макет
Я не понимаю как решить проблему:перекидываю файл макета в фигму и пишет:Importing to figma design
❌ maket Burger Landing.fig
Unsupported file format.
Помогите пожалуйста разобраться с этим
разобрался, как решить эту проблему?
@@ghfjtyh6464 можно другим способом, нажать два раза на файл и выбрать открыть с помощью фигмы, тогда файл начнет загружаться для открытия в фигме. По крайне мере у меня тоже сначала писал ошибку при открытии способом из видео, потом все открылось
А что делать если в зип файле содержится макет с расширением psd и его нельзя импротировать в фигму, что делать в такой ситуации?
Максимально понятно
Не уверен что ссылке в хеде нужен класс active, тк. скорее всего opcity: 1 выставляется псевдоклассу :hover
Если конечно мы не закрепляем хедер
inspect теперь только в платной версии figma
@@BakdauletOmirzak посмотрите свежий плейлист на канале Portfolio Designer. Там показываю обходные пути.
Что делать если нету eCSStractor Run?
здравствуйте, нашли? а то я тоже найти не смогла
Добавить. В плагинах для VScode можно его найти
Здравствуйте!! Я ни как не могу перейти по ссылкам в бот канал телеграмма где есть все материалы данного макета. Подскажите , это у меня лично проблемы или уже эта информация удалена ?? Благодарю🌺
@@ZulayKhadzhimuratova проблем нет, все материалы бот выдаёт. На каком этапе не получается? Не открывается ссылка или бот не отвечает или материалов в папке не видите?
Не открывалась ссылка. В итоге так и не открылась, но выход я все равно нашла, нашла тг канал с фигмамакетами, нашла нужный макет и сверстала вместе с Вами! Отличный урок, все очень доходчиво, и так много важных моментов уточняете! Спасибо большое!!!👍
@@ZulayKhadzhimuratova очень странно, я сейчас проверил - все открывается. Отправьте, пожалуйста, ссылку, по которой вы пытались перейти и она не работала.
Если что, бота в телеграме можно найти, введя @webproschool_bot
в обновленной фигме инспект убрали, и теперь оригинальную картинку не получается стащить, или они куда в другое место эту функцию засунули, кто знает?
К сожалению, пока простого пути не нашёл. Можно просто фотку вытащить из фрейма и убрать обрезание с помощью crop image. Но это долго и видимо пока можно обойтись без оригинала и использовать export того контента, который представлен.
Также все материалы из видео (оригиналы) можно получить в телеграме.
SHIFT + D нажми на клаве, откроется режим разработчика.
@@stasalsakhanov435 за него надо платить ГЕНИЙ
@@stasalsakhanov435 и ничего там не будет) Просто показывается, что есть такая то фотка, с ней ничего не сделать и нет такого, как в ролике
Это семантическая вёрстка?
Мобильная верстка будет?
Сейчас идет голосование в телеграме на этот счёт
Не могу скачать материалы!) Требует платную подписку, что делать?
Ни у кого не требует, у вас требует)
Не вводите людей в заблуждение, пожалуйста
@@WebProSchool Не ввожу, разобрался, не пугайтесь так за свой проект) Всё в порядке)
@@WebProSchool Учусь в онлайн-школе SkillBox и параллельно подпитываюсь на разных площадках, Вам большое спасибо! Очень информативно и ценно, классная фишка с тем, что бы не множить кол-во классов. В целом полезно увидеть другой взгляд на картину от человека не из упомянутой школы) Продолжайте в том же духе, респект 🤝
@@Chupa_coach 🙏
Красавчик!
Что то у меня нету вкладки inspect
В данном плейлисте показываю как получать стили в обновлённой фигме
th-cam.com/play/PLlGg_lawgIyW8MtaPFhaRS0PmTI4cL965.html
Если вкратце, то можно:
1. Получать стили по дизайну
2. Копировать стили, выделяя нужный блок и нажимая на правую клавишу мыши
3. Использовать специальный плагин
Подробнее в плейлисте выше. Будут вопросы - пшиите в наш чат в телеграм @webproschool_chat
супер!
У всех 1142 px ?
какая у вас тема в вс код
@@nadir2183 ayu, ayu mirage
у меня такая проблема что не получается сделать Home светлее уже 3 раза повторяю то что у вас в коде но не получается
Продублируйте свой вопрос в чат в телеграме и прикрепите архив с версткой, я помогу
t.me/webproschool_chat
блин макет конечно красивый но пока его делал захотел кушать(
когда вторая часть?
Видео выходят по четвергам в 17:00 по Москве.
давай мобильную верстку по этому макету
@15:26 😂😂👍
Такой корявый дизайн - проект конечно)
А так все хорошо по уроку)))
+ мобильная вёрстка
😄
иван золо??
Дизлайк потому что нету ссылки от фигмы
Уфф, благодарю за помощь в продвижении видео данным комментарием.
Ну а если серьёзно, то ссылки на фигму действительно нет, извините. Дизайн макета бот выдаёт в формате файла, чтобы не зависеть ни от каких ссылок. Как открыть дизайн в фигме я показываю на 2:05. Но конечно, всегда легче просто написать негативный комментарий, поставить дизлайк, чем посмотреть 2 минуты видео или написать в наш чат, где мы помогаем зрителям. Выбор, конечно, только ваш, удачи)
очередная ерунда с навязкой подписаться .
Ну для новичков хорошо, подробно обьясняет
dogvscatfunny9956
предложи лучше и без рекламы}
@@dondragon6949 Мне ерундой такой страдать и позориться не охота как то)
@@dogvscatfunny9956крутой крутой, точно не отмазка
Ну хз, я новичок и это действительно для новичков. Т.к смотрел до этого видео для (новичков) было много не понятного и отсутствовали подробные объяснения. В общем как по мне, то норм
бесплатно нигде нет)
наша плата подписка и продвижение канала)
так шо для новичка это то шо треба)))!!!
Я заметил в файле css - нету префиксных вендорв - думаю что при отображение сайта на macbok - и афонах будить баги да ? . Так как некоторые свойства css не подерживаеться без префикса
воды на ценый океан и маленькую речьку
Видео для начинающих, соответственно и разжевываю все моменты для новичков. При этом объясняю все шаги, а не лью воду. Если у вас огромный опыт за плечами,то возможно не стоит смотреть видео для начинающих.
все класс юһдоходчиво обьясняете, для новеньких самое-то, спасибо большре за ваш труд
@@WebProSchool
Товарищи подскажите ! Как писать в html код для оформления клиентом своего объявления на сайте ? Чтоб клиент указав свой предмет с характеристиками мог его выставить на сайте. Голову ломаю третий день.
Здравствуйте. Если речь идет о том, как внедрить функционал и взаимодействие пользователя с элементами интерфейса, то работать нужно с js, html это структура, внешняя оболочка. Любые функции прописываются там
ждем мобильную верстку!)
ждем мобильную верстку!)