Как по мне, макет очень простой, в реальности к сожалению таких простых не встречается почти, по крайней мере мне, везде куча всяких разнообразных нюансов. Уже сам подумываю записывать видео о сложных моментах, которые мне встречались в ходе верстки. Автору мое уважение, учился в том числе и по его видео, до его уровня мне еще далеко, хотя казалось бы, что там сложного, это же просто верстка, но нюансов и правда много
@@maxgraph предлагаю на странице категории товаров реализовать фильтр не просто сверстав чекбоксы, а сделать его рабочим. например: в итемы товаров добавлять data-color="red/green/yellow и тд" для фильтрации по цвету. добавить подобные дата-атрибуты и под остальные чекбоксы в фильтре. связать это не при помощи php, а при помощи js. и чтоб по итогу при клике на чекбокс в фильтре, на странице отображались только товары, соответствующие нажатым чекбоксам в фильтре.
очень хорошо объясняешь очень понятно. Я еще не пробовал верстать с препроцессорами, но думаю наличие такого большого разделения css файлов именно от туда.
1:31:00 у нет "дефекта", который оставляет пропуск под ними, это стандартное поведение картинки - так и должно быть. картинка это inline элемент, фактически картинка это текст. а раз в html это текстовый элемент, значит что бы убрать снизу пропуск, достаточно опустить картинку как текст вниз строки - vertical-align: middle; всё.
Тег article, атрибуты доступности, списки для однотипного контента. Этот парень всё использует. Большинство недоверстальщиков, которые попадались, вроде, их и не знают. Див на диве и дивом погоняет 😂 Респект за твои знания и труды. Подписка и лайк 🎉 P.S. для символа денег использовать надо символьные подстановки (ссылки-мнемоники)
Это всё конечно хорошо, но таких стримов с вёрсткой простых макетов в Ютубе очень много. А вот реально не стандартных почти нет. Я конечно понимаю, что такие ролики соберут больше просмотров, но , зная твой уровень, жду от тебя хотя бы средних по сложности макетов с вёрсткой, ведь столько нюансов ещё не освещено, а не эти вот все меню в строчку в хедере и адаптивные грид сеточки
немного сложновато написано в том плане что много классов и пока я в начале, но вижу расхождение это оплошность или дизайнера или верстальщика header у нас по ширине в макете не входит в container он должен быть по макету за ним на всю ширину экрана просто нижний сделать header__botom{display:flex; justify-content: center;}.Но много нового узнал спасибо за урок например то что в flex можно gap использовать а то до этого лепил margin вместо него.
А ты размер шрифта всего сайта всегда фиксируешь? Типо если в настройках браузера его увеличить, то на сайте не меняется. Или иногда делаешь через em, в зависимости от ТЗ.
У меня такой вопрос, почему делал иконки с помощью отдельного класса. Разве не проще было бы сделать псевдоэлементом ::before? 1:18:58 делали иконки к benefits.
На реальных коммерческих проектах ну прям ооочень редко такие примитивные макеты. Взять хотя бы меню: в интернет магазинах оно обычно многоуровневое, мега-меню. Даже оно не меню называется, а каталог. Може будет когда-то такое?
Чем дальше верстаю тем больше начинаю понимать как много ты сюда знаний выложил это большая редкость спасибо большое.
Спасибо огромное!❤❤❤ Человек, живи долго и процветай!!)🖖😁
И голос очень приятный, и дикция...прям кайф слушать несколько часов))
Максим, какой вы молодец. Так четко всё объясняете, каждый нюанс. Очень помогают ваши уроки. Большой Вам респект!
Спасибо)
Спасибо. Очень круто. Узнал много нового.
Как по мне, макет очень простой, в реальности к сожалению таких простых не встречается почти, по крайней мере мне, везде куча всяких разнообразных нюансов. Уже сам подумываю записывать видео о сложных моментах, которые мне встречались в ходе верстки. Автору мое уважение, учился в том числе и по его видео, до его уровня мне еще далеко, хотя казалось бы, что там сложного, это же просто верстка, но нюансов и правда много
Я каждый день верстаю)
Встречаются ещё как
А насчёт сложных макетов - предлагайте)
@@maxgraph предлагаю на странице категории товаров реализовать фильтр не просто сверстав чекбоксы, а сделать его рабочим.
например: в итемы товаров добавлять data-color="red/green/yellow и тд" для фильтрации по цвету. добавить подобные дата-атрибуты и под остальные чекбоксы в фильтре.
связать это не при помощи php, а при помощи js.
и чтоб по итогу при клике на чекбокс в фильтре, на странице отображались только товары, соответствующие нажатым чекбоксам в фильтре.
Макс, спасибо за видео!
Давай следующий макет когда будешь делать - сделай на некст js react js)))
очень хорошо объясняешь очень понятно. Я еще не пробовал верстать с препроцессорами, но думаю наличие такого большого разделения css файлов именно от туда.
Максим ты просто подарок от Бога для тех кто учит фронтенд) спасибо огромное)
Пожалуйста) рад, что это помогает
1:31:00 у нет "дефекта", который оставляет пропуск под ними, это стандартное поведение картинки - так и должно быть. картинка это inline элемент, фактически картинка это текст. а раз в html это текстовый элемент, значит что бы убрать снизу пропуск, достаточно опустить картинку как текст вниз строки - vertical-align: middle; всё.
Дисплеем проще исправить)
Тег article, атрибуты доступности, списки для однотипного контента. Этот парень всё использует. Большинство недоверстальщиков, которые попадались, вроде, их и не знают. Див на диве и дивом погоняет 😂
Респект за твои знания и труды. Подписка и лайк 🎉
P.S. для символа денег использовать надо символьные подстановки (ссылки-мнемоники)
Спасибо)
Спасибо вам, очень крутой урок! Просто кайфую!
Только заметил думаю будет интересно и познавательно!
Круто!
Благодарю за твой труд и новый сайт
Большое спасибо мастер
Это всё конечно хорошо, но таких стримов с вёрсткой простых макетов в Ютубе очень много. А вот реально не стандартных почти нет. Я конечно понимаю, что такие ролики соберут больше просмотров, но , зная твой уровень, жду от тебя хотя бы средних по сложности макетов с вёрсткой, ведь столько нюансов ещё не освещено, а не эти вот все меню в строчку в хедере и адаптивные грид сеточки
Предлагайте макет, посмотрю
Большое спасибо за видео!
немного сложновато написано в том плане что много классов и пока я в начале, но вижу расхождение это оплошность или дизайнера или верстальщика header у нас по ширине в макете не входит в container он должен быть по макету за ним на всю ширину экрана просто нижний сделать header__botom{display:flex; justify-content: center;}.Но много нового узнал спасибо за урок например то что в flex можно gap использовать а то до этого лепил margin вместо него.
А ты размер шрифта всего сайта всегда фиксируешь? Типо если в настройках браузера его увеличить, то на сайте не меняется. Или иногда делаешь через em, в зависимости от ТЗ.
Если нужно изменить размер шрифта, всегда можно изменить масштаб сайта. Поэтому пикселей хватает за глаза
Спасибо за обучающее видео
спасибо, жду продолжение
спасибо 😇
У меня такой вопрос, почему делал иконки с помощью отдельного класса. Разве не проще было бы сделать псевдоэлементом ::before?
1:18:58 делали иконки к benefits.
Вёрстка полна различных реализаций) я захотел так)
Спасибо. Супер.
Добрый день! Подскажите по gulp 3.0.0 у вас еще не бвло обзорнрго видео?
Добрый. Не было) а надо?)
@@maxgraph если ничего не изменилось, то нет, если да, то хотя бы кратко в части изменений)
Круто
Тут будет только верстка или покажешь в лайве как доводишь сайт до самого конца, чтобы им можно пользоваться любому?
Я делаю только вёрстку)
@@maxgraph эх, хотелось бы увидеть как строится вся система сайта)))
надеюсь, что выйдет у тебя что-то подобное когда-нибудь:)
столько полезных хаков спасибо. вместе с вёрсткой изучаю английский язык и кажется product читается как продакт или праадакт
Да привычка уже называть определённые слова)
привет , есть твои настройки vs code?) нравиться как плавно работает курсор когда пишешь код
Привет.
Ну наверное в редакторе есть) напиши в чатик телеги, тегая меня. Посмотрю
какая стоимость такой верстки может быть?! Смотрю времени потрачено приблизительно часов 8...
Сложно сказать. У каждого своя цена)
На реальных коммерческих проектах ну прям ооочень редко такие примитивные макеты. Взять хотя бы меню: в интернет магазинах оно обычно многоуровневое, мега-меню. Даже оно не меню называется, а каталог. Може будет когда-то такое?
Про такое меню давно есть видео
Давай с galp, припроцесором, сейчас без этого никуда.
Это вообще необязательные вещи)
У Вас есть свое портфолио?
Уже старое) MaxGraph.ru
@@maxgraph Вы сами макет придумывали или заказывали?
Заказывал)
верстаем онлайн, твой сайт ?
Да
@@maxgraph ты лучший)