🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже: t.me/webproschool_bot?start=link_7P0svXUmMT
Я пересмотрела все видео на ютубе, но тут такой приятный парень и так классно и понятно все объясняет, сейчас 2 часа ночи а я все еще верстаю) взяла бы я курсы? Конечно же да !!!!!
У тебя самый лучший гайд по верстке) Ты действительно мыслишь как новичок, и когда я задаюсь в голове вопросом - ты автоматически через несколько минут отвечаешь на него. Спасибо тебе
Начал верстать с первого сайта на канале, скоро и к этому приступлю) Нравится подробное разъяснение и то, что у тебя есть определённая последовательность выполнения проекта)
У дизайнера получилось такой размер текста из за инструмента масштабирования который вызывается клавишей "K" он позволяет изменять размер объекта и его содержимое. Так же это применимо к группам и их содержимому)
Никита красава просто очень прошу сделай еще один на подобии такого же сайта обзор на верстку другого сайта очень полезно 😀🔥🔥👋👋👋👋👋 Так держать сам ч начинающий фронтендер 😊😅
Спасибо огромное за такой полезный контент. У вас прямо талант преподавания) ПС: А разве на моменте 18:26 нельзя было .welcome .container { убрать или задать необходимый margin}? Или с margin это не работает?
Спасибо) Наверняка есть различные решения, но на тот момент мне приглянулся именно этот вариант, именно он проскочил в голове. Можете попробовать протестировать и ваш вариант тоже)
@@Nebogr да, конечно, вёрстка данного макета уже полностью на канале. Также на канале сейчас каждую неделю выходят новые видео, в том числе по вёрстке других макетов.
@@War4yn справка по значению content-box: "Основывается на стандартах CSS, при этом свойства width и height задают ширину и высоту контента и не включают в себя значения отступов, полей и границ." Я об этом и говорю ранее, что ширина и высота не включают в себя padding, border, margin. Спорить не хочу, главное, чтобы было понимание. И оставляю этот комментарий с определением для тех, кто, возможно, также неверно понял мою мысль.
Привет! Могли бы мы просто в новом БЭМ блоке карточек сделать марджины вниз? По типу от карточки вниз, от тайтла вниз. А в тексте просто выбрать наибольшую ширину среди всех. а потом просто задать падинги? Выглядит точно так же.
Подскажите, как вы быстро меняете раскладку? Т.е. если по ошибке, к примеру, начали писать русское слово на английской раскладке, то как сменить ее не удаляя написанное?
Никит а у меня вот такой вот вопрос а как я понимаю main мы ничего не задаем в стилях правильно ну там высоту ширину 🤔 ? Это как большая КОРОБКА 📦 просто так иными словами говоря 😅 куда вставляем section правильно я понимаю ?
Да, конкретно в этом макете никаких стилей на main не висит. Мы просто подсказываем поисковым системам и программам скринридерам, что в этой области у нас идёт основное содержимое сайта.
@@WebProSchool так и думал что вот это скажешь 😀✌️✌️ ну я думаю это наверное просто у нас в html документе так говоря заголовок общий для main просто main container правильно я понимаю ? 😀
а вот я пока до конца все не досмотрел, вот пока что на этом уроке у меня моник 1920х1080 а в фигме все сверстано для 1600 в ширину будет ли сайт выглядеть нормально с моим моником? типа будет ли в следующих уроках какая-то адаптация именно под большие моники
а стоп я только что зашел во вкладку где можно выставить разрешение кастомное, выставил там 1920х1080, и там все отображается хорошо но у меня нет там есть ещё в процентах селект если выбрать 100% то у меня 922х620, почему так
А можно ли было обернуть "food-list" в теги span? Мне почему-то эта мысль пришла в первую очередь, т.к элементы были расположены в одной строке, то мне показалось, что тег span будет использовать логичнее Поправьте меня если я ошибаюсь - это лишь мои рассуждения
Возможно сможешь, но мата будет много и флексбокс/грид более адативны и такой херней никто не советует заниматься). К тому же спанка это строчный элемент
Почему шапке не задали абсолютное позиционирование? При адаптиве потом будет изменяться высота шапки → надо будет и менять верхний margin у главного блока. Не проще задать 1 раз абсолют и всё?
🚀 НАЧНИ ОБУЧЕНИЕ В ШКОЛЕ WEB PRO. Получить первый урок, тест и домашнее задание можно совершенно бесплатно по ссылке ниже:
t.me/webproschool_bot?start=link_7P0svXUmMT
Я пересмотрела все видео на ютубе, но тут такой приятный парень и так классно и понятно все объясняет, сейчас 2 часа ночи а я все еще верстаю) взяла бы я курсы? Конечно же да !!!!!
Благодарю за обратную связь 🙏
В закреплённом комментарии есть возможность начать обучение в школе WEB PRO. Буду рад вас в ней увидеть :)
У тебя самый лучший гайд по верстке) Ты действительно мыслишь как новичок, и когда я задаюсь в голове вопросом - ты автоматически через несколько минут отвечаешь на него. Спасибо тебе
Благодарю 🙏
Спасибо большое за урок, ты очень крутой спикер!!
Начал верстать с первого сайта на канале, скоро и к этому приступлю)
Нравится подробное разъяснение и то, что у тебя есть определённая последовательность выполнения проекта)
Очень редко оставляю комментарии, но этот плейлист божественный. Спасибо огромное
Отличный урок! Спасибо! мобильная версия - нужна)
Очень полезные видео!
Спасибо за урок, некоторые приемы увидел впервые, пригодится.
Очень крутое видео! Все четко, понятно, доступно. Браво! Очень жаль, что лайк можно поставить под видео только один раз! =)
У дизайнера получилось такой размер текста из за инструмента масштабирования который вызывается клавишей "K" он позволяет изменять размер объекта и его содержимое. Так же это применимо к группам и их содержимому)
Никита красава просто очень прошу сделай еще один на подобии такого же сайта обзор на верстку другого сайта очень полезно 😀🔥🔥👋👋👋👋👋 Так держать сам ч начинающий фронтендер 😊😅
Спасибо огромное за такой полезный контент. У вас прямо талант преподавания)
ПС:
А разве на моменте 18:26 нельзя было
.welcome .container { убрать или задать необходимый margin}?
Или с margin это не работает?
Спасибо) Наверняка есть различные решения, но на тот момент мне приглянулся именно этот вариант, именно он проскочил в голове. Можете попробовать протестировать и ваш вариант тоже)
53:00 не сработало с text wrap все как у вас написано
Все получилось)
очень круто, будут ли еще уроки?
@@Nebogr да, конечно, вёрстка данного макета уже полностью на канале. Также на канале сейчас каждую неделю выходят новые видео, в том числе по вёрстке других макетов.
Молодец. Хорошие уроки. Только margin в content box не считается)
Привет. Верно, а где я сказал иначе? Вот на 33:50 говорю только о padding и border.
@@WebProSchool буквально минутой ранее
@@War4yn справка по значению content-box:
"Основывается на стандартах CSS, при этом свойства width и height задают ширину и высоту контента и не включают в себя значения отступов, полей и границ."
Я об этом и говорю ранее, что ширина и высота не включают в себя padding, border, margin.
Спорить не хочу, главное, чтобы было понимание. И оставляю этот комментарий с определением для тех, кто, возможно, также неверно понял мою мысль.
Привет! Могли бы мы просто в новом БЭМ блоке карточек сделать марджины вниз? По типу от карточки вниз, от тайтла вниз.
А в тексте просто выбрать наибольшую ширину среди всех. а потом просто задать падинги? Выглядит точно так же.
Подскажите, как вы быстро меняете раскладку? Т.е. если по ошибке, к примеру, начали писать русское слово на английской раскладке, то как сменить ее не удаляя написанное?
@@ГуФаРиККоН утилита Punto switcher
Никит а у меня вот такой вот вопрос а как я понимаю main мы ничего не задаем в стилях правильно ну там высоту ширину 🤔 ? Это как большая КОРОБКА 📦 просто так иными словами говоря 😅 куда вставляем section правильно я понимаю ?
Да, конкретно в этом макете никаких стилей на main не висит. Мы просто подсказываем поисковым системам и программам скринридерам, что в этой области у нас идёт основное содержимое сайта.
@@WebProSchool так и думал что вот это скажешь 😀✌️✌️ ну я думаю это наверное просто у нас в html документе так говоря заголовок общий для main просто main container правильно я понимаю ? 😀
а вот я пока до конца все не досмотрел, вот пока что на этом уроке
у меня моник 1920х1080
а в фигме все сверстано для 1600 в ширину
будет ли сайт выглядеть нормально с моим моником?
типа будет ли в следующих уроках какая-то адаптация именно под большие моники
а стоп
я только что зашел во вкладку где можно выставить разрешение кастомное, выставил там 1920х1080, и там все отображается хорошо
но у меня нет
там есть ещё в процентах селект
если выбрать 100%
то у меня 922х620, почему так
Спасибо!
А можно ли было обернуть "food-list" в теги span?
Мне почему-то эта мысль пришла в первую очередь,
т.к элементы были расположены в одной строке, то мне показалось, что тег span будет использовать логичнее
Поправьте меня если я ошибаюсь - это лишь мои рассуждения
Возможно сможешь, но мата будет много и флексбокс/грид более адативны и такой херней никто не советует заниматься). К тому же спанка это строчный элемент
Почему шапке не задали абсолютное позиционирование? При адаптиве потом будет изменяться высота шапки → надо будет и менять верхний margin у главного блока. Не проще задать 1 раз абсолют и всё?
В нынешнее время лучше sticky использовать
57:00 Самое интересное, когда ты путаешься в коде, и тебя просят писать дивы в этот index...
А так норм
привете есть работа или подработка?
49:42 margin bottom 13 мггмммм, 15