*Верстка сайта транспортной компании:* brainscloud.ru/landing/logistic-html *Хостинг Timeweb* - bit.ly/2Kms8Lf *Бонусы* доступны после оплаты тарифа Optimo+ на год. Для активации нужно открыть раздел "Бонусы и промокоды" в Панели управления и ввести промокод. *brainscloud* - плюс 1 месяц бесплатного хостинга *brainscoud2* - услуга "Ускоритель сайтов"
Как вы думаете правильно ли мы верстали макет с точки зрения семантики? Почему не используете и когда делали блок "statistics"? К слову, мне тоже нравится всё заворачивать в див и придавать им классы, но правильно ли это? Буду благодарен, если ответите на мой вопрос
Подскажите пожалуйста, возникла такая проблема. У меня из предыдущего урока слайдер залазил на кнопку и я долго не мог понять в чем дело потому что повторял за вами символ в символ. Немного покопавшись оказалось что у меня в настройках Windows 10 дефолтное масштабирование было выставлено как 125%, я изменил его на 100% и верстка стала как у вас, но возник вопрос, во первых мне со 100% масштабированием не очень удобно, потому что все слишком мелкое, и у клиента или посетителей сайта может быть такая же проблема. Было бы очень здорово услышать от вас как выйти из этой ситуации.
@@Penat_Vilikirentiy я думаю нужно размеры писать не в пикселях а в % ,да это сложное но я считаю что у каждко разное разрешение и по пикселем не особо корректно будет отображаться ( Если я не прав поправьте меня )
Я в шоке от того, что у кого-то могла подняться рука поставить дизлайк такому видео!?! Для таких же новичков как и я - это просто бесценное видео. Даже выучив огромное количество сухого материала, без таких вот примеров верстки новичку научиться грамотно писать код будет очень сложно. Так что автору просто низкий поклон за все его видео. Огромнейшее спасибо!!!
Автор молодец! Кому тяжело даются данные уроки, то для начала советую посмотреть побольше обучающих роликов по css/html (а в идеале параллельно читать книгу. Как пример : "Большая книга по CSS"). Тогда понимание изложенного будет более систематичным и без неразберихи. Всем удачи в начинаниях!
У меня вообще картинки не показывает! Думал не правильно вырезал и там ошибка посмотрел все правильно не вышло, переписал весь код в ксс /*about*/ все равно. А при просмотре кода показывает что есть блок
@@rakhat522 если всё как у автора делаешь и папка assets лежит у тебя там же, где и индексный файл, то ни точек, ни слеша не должно быть в начале assets/images/about/1 Я делал неправильно слеш впереди ставил перед assets, картинки не показывало.
Дмитрий, спасибо. Я вам безмерно благодарен за эту серию видеоуроков. Вы прекрасный специалист и мы (зрители-новички в вёрстке) мечтаем быть похожими на вас. Ваш труд характеризуется русской поговоркой "дело мастера боится". Удачи вам во всех начинаниях и побольше отдыха от работы 🔥
начал изучать вёрстку, и думал уже что много знаю, но оказалось показалось))) благодаря твоим урокам понимаю лучше как можно пользоваться HTML CSS и открываю новые возможности для себя, спасибо тебе большое
Актуально и в 2020, приятный голос, дикция, грамотная подача материала. Огромный плюс, что не разжевываешь каждую тему и показываешь только практику. Однозначно подписка!
Как мне показалось, в блоке About, текст должен появляться по центру картинки в стадии трансформации а не просто по центру блока. Т.е. текст тоже должен трансформироваться по двум осям на -10px. (надеюсь понятно выразился). upd: перенёс в блок Не знаю правильно ли, но заработало как надо. Я только учусь. Спасибо за уроки. Очень круто объясняешь)
Когда смотрю эту рубрику, благодаря настолько качественной подаче, намного легче запомнить те или иные теги.. Красивый голос, правильно поставленная дикция, разговор исключительно по теме.. Спасибо за такой качественный контент! 0👎 свидетельствует о многом...
Обычно ленюсь писать коментарии, но как тут устоять...Подача материала на высшем уровне, быстро, понятно, доступно даже новичку. Грамотная речь и ооочень приятный голос. Спасибо за труд!
Небольшая поправка, див с текстом SUPER TEAM должен быть внутри дива самой картинки, а не его айтема. А то получается что надпись позиционируется по центру относительно нижнего фона. :)
Элемент придумали для смыслового разделения содержимого. К примеру у нас есть сайт, посвященный овощам. Первый содержит описание помидора - его название , описание , внешний вид в картинках . Затем идет секция с картошкой, с огурцами и т.д. Смысл сайта - овощи. Смысл секций сайта - разновидности овощей. Это и есть семантика. Разбиение чего-то по смыслу, а не по структуре. До html5 с его семантическими тегами было только структурирование по внешнему виду. До html5 зачатки семантики наблюдались только в оформлении текста (к примеру, тег , который делал текст не только жирным, аналогично тегу , но и указывал смысл - этот текст более важный, чем текст вокруг него). К чему я это =) Я обратил внимание на то, что ты используешь новые семантические теги не как элементы разделения и формирования контента по смыслу, а просто как новомодные . Это не правильно. Это не значит, что нельзя делать что-то не правильное. Можно купить мерседес за 30 миллионов рублей и возить на нем картошку с дачного огорода. Но любой, кто это увидит, покрутит пальцем у виска. =) Ты написал секцию - тег разделения по смыслу, внутри неё div с классом контейнер - тег визуального разделения, не несущий никакого смысла. Это отлично! Это правильно... Затем ты пишешь снова div с классом ... section__header ... такое ощущение, что твоё подсознание как бы намекает тебе "Чувак! Ты ту должен написать тег , ты даже css класс назвал так же... Чувак это же шапка секции, внутри неё явно будут заголовки ... Чувак остановись!", но руки (по старой html4 привычке?) печатают div. А затем в этом div ты пишешь заголовки h2 и h3... Стоп, стоп, стоп... Еще раз - тег section это отдельный элемент сайта. У него может быть свой , у него может быть свой , у него может быть много чего (кроме тега , который может использоваться на странице единожды). У секции даже заголовки начинаются с . Представь, что ты пишешь страницу, на которой нет - это пример того, как ты пишешь section. Поисковик такой заходит на твой сайт - Оу, май! Я вижу секцию - парень, писавший сайт, явно разбил содержимое по смыслу! Дам ему +5 баллов за эти старания, он выполнил за меня мою работу! Так так... div - на фиг иди, ты бессмысленный, еще один div - туда же... h2 эээ?? что??? h3 так так так! СТОП! Я что-то не понял, а где h1? Что это за обрезки здравого смысла? Если есть заголовки, то где главный и почему второстепенные я вижу, а главного заголовка нет? Что за... где header, что объединяет заголовки? Фу фу! -5 баллов, мне в этом еще и копаться, разбираясь самому...
Привет! Я из будущего, сегодня 31 декабря 21 года. Смотрю твои видео по верстке и о господи! это самые лучшие объяснения по верстке. Вот серьезно! Прошло уже немного времени, а уже понимаю что к чему и дальше могу уходить сам, догадываясь что нужно делать по твоим объяснениям, спасибо большое! Твой контент весьма легкодоступный)
Прервал просмотр на моменте окончания работы с градиентами и пишу коммент-для меня как для новичка это чудеса какие-то) Спасибо за ясную подачу и интересный материал!
Дмитрий, хотелось бы вам выразить огромную благодарность за ваши видео! Спасибо вам за проделанную работу! Уверен, что повышение подписчиков, просмотров и т.д. не заставит себя долго ждать! У вас прекрасный контент.
Это лучшие уроки на Ютубе по верстке! Всегда не хватает информации и понимания, КАК ДЕЛАТЬ ПРАВИЛЬНО, хотя бы отталкиваться от чего-то. Подписалась на канал, восторг!
У кого проблема с картинками (Не съезжаются вместе). Вот решение: about { display: flex; justify-content: space-between; width: 100%; max-width: 1200px; margin: 0 auto; }
Изучил html и css и решил начать верстать макеты. Понял что не в состоянии применить теорию на практике. Ваши видео меня спасли! Спасибо огромное за ваш труд!!)
BrainsCloud - уроки веб-разработки Ты потрясающий (здесь должен быть портрет тычущего в тебя пальцем Киану Ривзом, сделанного при помощи символов... но я не умею)
Я ставлю на паузу, пишу код картинки свои ставлю и контент другой, потом пробую играться убирая вставляя различные коды. Очень полезно картинки в пэинт нет не плохо делать для тех у кого Корела нет. Спасибо огромное! Побольше таких видео плз. Полезно видеть и делать. Ставьте на паузу и пишите код. Всемдобра
ОБАЛДЕННЫЕ УРОКИ!Все по полочкам. Просто повторяйте за Дмитрием и вскоре вы научитесь верстать сайты. Есть куча сайтов, в которые можно параллельно заглядывать,чтобы понимать каждое свойство. Единственная просьба, понимаю,что запарно одно и то же повторять, но было бы круто, если б к правилам css было бы побольше комментариев:)
Круто, мне понравилось очень понятно и интересно, но пожалуйста больше кратких пояснений по ходу верстки, типа:"Это отвечает за то, а это - за это..." и в таком духе. А так, большое спасибо!
Очень интересно и всё понятно. А то некоторые начинают вроде бы для начинающих, дальше смотришь, уже препроцессоры добавили и ты такой - эээ, а что я пропустил? Тут как именно то, что нужно для новичка! Супер, спасибо большое!
Все четко без лишней воды, у меня только возникла одна проблема не отображался градиент и все к ниму сопутствующие, потратил на поиски ошибки около 2-3 часов не смог найти, пришлось тупо скопировать небольшой кусок из вашего css и воля все заработало))
Спасибо автору, начал изучать html и css по Вашим урокам, пока все получается, надеюсь про адаптацию сайта под мобильные устройства тоже в дальнейшем расскажите)
Заметил такую штуку. Браузер открыт не во весь экран, а половину по горизонтали. Верхний отдел из-за position absolute плавает. 1е что пришло в голову это убрать абсолют, создать section и завернуть туда header и intro, предварительно раздел slider переместить обратно в контейнер. Получилась подобная структура // так вообще можно делать? Сюда задний фон засунул.
// ---- 1
MoGo
. . .
// ---- 2
. . .
. . .
Я просто не знаю всех тонкостей и не знаю почему люди верх сайта не делят на очередную секцию
Видео крутые, я не силён в вёрстке изучаю html, css потихоньку но вот верстаю по видео, очень много запоминается информации, бывают вот уже следующие блоки которые он рассказывает сам додумываюсь на перёд что надо писать, круто что он показывает как надо оформлять блоки и делать их независимыми что бы можно было менять отдельно детали=)
Крутой ролик начинаешь повторять за автором, логически понимаешь как все заворачивается в дивы и потихоньку сам схватываешь и вперёд ролика уже пишешь код реально круто с учетом того что до этого вообще не занимался вёрсткой. автор молодец. еще бы таких роликов по java script :)
Шикарно работаете. Есть два вопроса, почему не используете такие инструменты: 1. В Фотошопе есть функция копирования CSS параметров текста и прочих объектов 2. Там же можно выделять объекты и зажимая CTRL и инструмент MOVE - и фотошоп будет выводить размеры объектов и расстояния до других. Т.е. не в угадайку играть, а точно измерять
Проделал Видео # 2, анимация изображений замечательная, я не представлял как такое сделать без JQuery, оказывается средствами CSS можно, спасибо за видео. Однако хотелось бы поподробнее с анимацией, приходилось попутно гуглить и на примерах разбирать что происходит и как это работает.
Советую смотреть эти видео после прочтения книги html и css Oreilly . Книга на 700 страниц с кучей практических заданий, мне кажется даже ребенок после прочтения сможет начать верстать. Но суть в том , что после прочтения книги я смотрю видео, и понимаю абсолютно все. Осталось только практиковаться и будет счастье)
И снова лайк! З.Ы. Совсем чуть-чуть переделал: .about__text (надпись SUPER TEAM) все-таки вложил в .about__img, так надпись выезжает вместе с картинкой, для глаза приятнее и по макету, вроде, так и надо было. Это мелочь, но может кому-то понадобиться :) В остальном очень круто, продолжу смотреть)
Видосы топ уже второй макет верстаю по твоим видео) и нормально так продвинулся в вёрстке) даже заметил небольшую стилистическую "ошибочку" заметил) мне показалось что лучше было бы about __text написать в нутри тега about __img так как когда наводишь на него чтобы текст смешался вместе с ним а не стоял на месте) ну это я так просто решил похвастаться результатом которого добился благодаря твоим урокам)
*Верстка сайта транспортной компании:* brainscloud.ru/landing/logistic-html
*Хостинг Timeweb* - bit.ly/2Kms8Lf
*Бонусы* доступны после оплаты тарифа Optimo+ на год. Для активации нужно открыть раздел "Бонусы и промокоды" в Панели управления и ввести промокод.
*brainscloud* - плюс 1 месяц бесплатного хостинга
*brainscoud2* - услуга "Ускоритель сайтов"
Как вы думаете правильно ли мы верстали макет с точки зрения семантики? Почему не используете и когда делали блок "statistics"? К слову, мне тоже нравится всё заворачивать в див и придавать им классы, но правильно ли это? Буду благодарен, если ответите на мой вопрос
Подскажите пожалуйста, возникла такая проблема. У меня из предыдущего урока слайдер залазил на кнопку и я долго не мог понять в чем дело потому что повторял за вами символ в символ. Немного покопавшись оказалось что у меня в настройках Windows 10 дефолтное масштабирование было выставлено как 125%, я изменил его на 100% и верстка стала как у вас, но возник вопрос, во первых мне со 100% масштабированием не очень удобно, потому что все слишком мелкое, и у клиента или посетителей сайта может быть такая же проблема. Было бы очень здорово услышать от вас как выйти из этой ситуации.
@@Penat_Vilikirentiy нужно иметь нормальный монитор.
@@alexeyzemsky Заказчику тоже так скажете?
@@Penat_Vilikirentiy я думаю нужно размеры писать не в пикселях а в % ,да это сложное но я считаю что у каждко разное разрешение и по пикселем не особо корректно будет отображаться (
Если я не прав поправьте меня )
Это лучшие уроки по верстке полноценных макетов, что я видел на ютубе! Спасибо.
Приятно! Пожалуйста!
Поставлена речь , приятный голос , хорошая подача материала и самое главное очень полезная инфа. Спасибо тебе за отличные видео , я в восторге.
Я рад что вам нравится )
не забывай про супер шутки
Я в шоке от того, что у кого-то могла подняться рука поставить дизлайк такому видео!?! Для таких же новичков как и я - это просто бесценное видео. Даже выучив огромное количество сухого материала, без таких вот примеров верстки новичку научиться грамотно писать код будет очень сложно. Так что автору просто низкий поклон за все его видео. Огромнейшее спасибо!!!
Автор молодец! Кому тяжело даются данные уроки, то для начала советую посмотреть побольше обучающих роликов по css/html (а в
идеале параллельно читать книгу. Как пример : "Большая книга по CSS"). Тогда понимание изложенного будет более систематичным и без неразберихи. Всем удачи в начинаниях!
Поддерживаю комментаторов ниже - побольше таких уроков! Реальная помощь в изучении и применении. Спасибо
"0:58" - Верстаем шапку для блоков
"9:10" - Верстаем блок с карточками
"19:05" - Трансформация элементов
"26:00" - Верстаем блок статистики
Вопрос: после верстки при масштабировании блоки налазиют друг на друга? Чем решить или как правильно располагать блоки?
У меня вообще картинки не показывает! Думал не правильно вырезал и там ошибка посмотрел все правильно не вышло, переписал весь код в ксс /*about*/ все равно. А при просмотре кода показывает что есть блок
@@rakhat522 а ты как у автора две точки впереди ставил типо как ../about/img/ и так далее
@@user-le5cu5fn9z Бывает забываешь про две точеи - переход на папку назад, - так как отчет ведется от папки в которую помещен фаил - index.html
@@rakhat522 если всё как у автора делаешь и папка assets лежит у тебя там же, где и индексный файл, то ни точек, ни слеша не должно быть в начале assets/images/about/1 Я делал неправильно слеш впереди ставил перед assets, картинки не показывало.
Это единственные видео уроки, которые повторяются учеником с первого раза без ошибок-раз
Очень полезная информация-два
Спасибо огромное-три
Самое интересное что каждое следущее видео набирает меньше просмотров) на последнем уже будут готовые верстальщики)
Скорее отфильтровались, кому непонятно ничего)
@@sergeyserdex6410 Жестокая правда, даже азы не всем даются
А казалось бы.. ничего сложно)
@@osayo3324 с такими объяснениями никто не захочет учиться
@@DavidFunable мне так жаль.. 😞
Лучший контент по вёрстке ever)
Спасибо )
@@BrainsCloud Тебе спасибо 👍👍👍
Дмитрий, спасибо. Я вам безмерно благодарен за эту серию видеоуроков. Вы прекрасный специалист и мы (зрители-новички в вёрстке) мечтаем быть похожими на вас. Ваш труд характеризуется русской поговоркой "дело мастера боится".
Удачи вам во всех начинаниях и побольше отдыха от работы
🔥
начал изучать вёрстку, и думал уже что много знаю, но оказалось показалось))) благодаря твоим урокам понимаю лучше как можно пользоваться HTML CSS и открываю новые возможности для себя, спасибо тебе большое
Очень круто изложено, профессионализм, и конечно же хорошая дикция. Приятно смотреть!!! Качественный контент на просторах ютуба! Спасибо большое!))))
Я за один твой урок узнал больше, чем за 7 лет урока информатики)
Спасибо 😉
Для тех кто только-только начинает верстать, это один из лучших каналов на TH-cam.
Пожалуйста не останавливайся 👍
Актуально и в 2020, приятный голос, дикция, грамотная подача материала. Огромный плюс, что не разжевываешь каждую тему и показываешь только практику. Однозначно подписка!
Круто когда столько ховеров,и псевдно элементов, быстрее выучить можно
из 1,5кк человек до второго видоса дошло 200к, будем смотреть дальше.
Спасибо автору. Ждем нового контента)
Как мне показалось, в блоке About, текст должен появляться по центру картинки в стадии трансформации а не просто по центру блока. Т.е. текст тоже должен трансформироваться по двум осям на -10px. (надеюсь понятно выразился).
upd: перенёс в блок Не знаю правильно ли, но заработало как надо.
Я только учусь.
Спасибо за уроки. Очень круто объясняешь)
Когда смотрю эту рубрику, благодаря настолько качественной подаче, намного легче запомнить те или иные теги.. Красивый голос, правильно поставленная дикция, разговор исключительно по теме.. Спасибо за такой качественный контент! 0👎 свидетельствует о многом...
Обычно ленюсь писать коментарии, но как тут устоять...Подача материала на высшем уровне, быстро, понятно, доступно даже новичку. Грамотная речь и ооочень приятный голос. Спасибо за труд!
Спасибо!
Небольшая поправка, див с текстом SUPER TEAM должен быть внутри дива самой картинки, а не его айтема. А то получается что надпись позиционируется по центру относительно нижнего фона. :)
Мужик ты такой жесткий, ты просто ппц какой жесткий, спасибо тебе за уроки. Благодаря тебе я понимаю что я дно )). Учусь страюсь, успехов тебе
Просто лучший, отличные уроки для начинающих, чтобы прямо на практике понимать что и как правильно писать.
Элемент придумали для смыслового разделения содержимого. К примеру у нас есть сайт, посвященный овощам. Первый содержит описание помидора - его название , описание , внешний вид в картинках . Затем идет секция с картошкой, с огурцами и т.д. Смысл сайта - овощи. Смысл секций сайта - разновидности овощей. Это и есть семантика. Разбиение чего-то по смыслу, а не по структуре. До html5 с его семантическими тегами было только структурирование по внешнему виду. До html5 зачатки семантики наблюдались только в оформлении текста (к примеру, тег , который делал текст не только жирным, аналогично тегу , но и указывал смысл - этот текст более важный, чем текст вокруг него).
К чему я это =) Я обратил внимание на то, что ты используешь новые семантические теги не как элементы разделения и формирования контента по смыслу, а просто как новомодные . Это не правильно. Это не значит, что нельзя делать что-то не правильное. Можно купить мерседес за 30 миллионов рублей и возить на нем картошку с дачного огорода. Но любой, кто это увидит, покрутит пальцем у виска. =)
Ты написал секцию - тег разделения по смыслу, внутри неё div с классом контейнер - тег визуального разделения, не несущий никакого смысла. Это отлично! Это правильно... Затем ты пишешь снова div с классом ... section__header ... такое ощущение, что твоё подсознание как бы намекает тебе "Чувак! Ты ту должен написать тег , ты даже css класс назвал так же... Чувак это же шапка секции, внутри неё явно будут заголовки ... Чувак остановись!", но руки (по старой html4 привычке?) печатают div. А затем в этом div ты пишешь заголовки h2 и h3... Стоп, стоп, стоп... Еще раз - тег section это отдельный элемент сайта. У него может быть свой , у него может быть свой , у него может быть много чего (кроме тега , который может использоваться на странице единожды). У секции даже заголовки начинаются с . Представь, что ты пишешь страницу, на которой нет - это пример того, как ты пишешь section. Поисковик такой заходит на твой сайт - Оу, май! Я вижу секцию - парень, писавший сайт, явно разбил содержимое по смыслу! Дам ему +5 баллов за эти старания, он выполнил за меня мою работу! Так так... div - на фиг иди, ты бессмысленный, еще один div - туда же... h2 эээ?? что??? h3 так так так! СТОП! Я что-то не понял, а где h1? Что это за обрезки здравого смысла? Если есть заголовки, то где главный и почему второстепенные я вижу, а главного заголовка нет? Что за... где header, что объединяет заголовки? Фу фу! -5 баллов, мне в этом еще и копаться, разбираясь самому...
То есть начинающим лучше проще всего верстать на дивах и спанах и не заморачиваться с семантическими тегами?
а как правильно то в итоге? с div на header поменять? и соответственно с h3 h4 на h1 h2 для каждого нового раздела section?
@@sevensevensev просто загугли html тег и открой его описание, обычно там же есть примеры кода, который можно брать как образец для подражания
@@hjetwd спасибо
Привет! Я из будущего, сегодня 31 декабря 21 года. Смотрю твои видео по верстке и о господи! это самые лучшие объяснения по верстке. Вот серьезно! Прошло уже немного времени, а уже понимаю что к чему и дальше могу уходить сам, догадываясь что нужно делать по твоим объяснениям, спасибо большое! Твой контент весьма легкодоступный)
2020,этому видео год, оно все еще годно и актуально, топ канал.
Прервал просмотр на моменте окончания работы с градиентами и пишу коммент-для меня как для новичка это чудеса какие-то) Спасибо за ясную подачу и интересный материал!
Дмитрий, хотелось бы вам выразить огромную благодарность за ваши видео!
Спасибо вам за проделанную работу!
Уверен, что повышение подписчиков, просмотров и т.д. не заставит себя долго ждать!
У вас прекрасный контент.
Спасибо и вам за добрые слова! Рад что вам нравятся видео
Это лучшие уроки по верстке полноценных макетов, спасибо что делаешь эти видео!
Привет из 2024! Я только новичок, но стараюсь по вашим видео обучаться!!! Спасибо за полезный контент:)
Присоединяюсь, ты не одинок в своих начинаниях)
@@andreyabroskin6999 😎😎😎😎
Это лучшие уроки на Ютубе по верстке! Всегда не хватает информации и понимания, КАК ДЕЛАТЬ ПРАВИЛЬНО, хотя бы отталкиваться от чего-то. Подписалась на канал, восторг!
ТОП уроки для СНГ сегмента! Спасибо!
Дмитрий, ты бриллиант 33 карата!!!!!! уже закончила ActiveBox, теперь c MoGo все так просто)))
У кого проблема с картинками (Не съезжаются вместе).
Вот решение: about {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
Целую твои пальцы, которые написали этот комент.
((((((
У меня три картинки по вертикали,и не работают примененные к ним сss свойства(((
я сразу же в контейнер поместил (из прошлого видоса), там как раз свойства последние 3 тобой указанные
@@vitka0 як картинки в ebout розмістити горизонтально?
я тупо гуглил,и дальше по видосу делал)
Крутой контент, очень полезно для тех, кто начинает свой путь в веб-разработке. Спасибо!
Дмитрий, большой поклонник Вашего канала. Просто и доступно. Я хотел, что бы Вы записали уроки по разработке интернет-магазина.
Спасибо за качественный урок! Как начинающему, мне нравится такая практика. Буду рад видеть подобный материал в будущем!
Желаю успехов!
Изучил html и css и решил начать верстать макеты. Понял что не в состоянии применить теорию на практике. Ваши видео меня спасли! Спасибо огромное за ваш труд!!)
Спасибо огромное, вы очень помогаете в изучении верстки! Пожалуйста, делайте побольше уроков!)) Лучи добра вам и всем подписчикам😊
Очень годно! без воды, много интересных решений, всем советую
Дмитрий,лучшие уроки по верстке сайтов,верстаю вслед за тобой,особенно спасибо за пояснение кождого свойства...
6 утра, а я с тобой Braun, сделал круто сайт, на которую смотрю и улыбаюсь от радости)) Благодарю тебя)
Спасибо за урок, прям радостно что что-то получается)
BrainsCloud - уроки веб-разработки
Ты потрясающий (здесь должен быть портрет тычущего в тебя пальцем Киану Ривзом, сделанного при помощи символов... но я не умею)
Я ставлю на паузу, пишу код картинки свои ставлю и контент другой, потом пробую играться убирая вставляя различные коды. Очень полезно картинки в пэинт нет не плохо делать для тех у кого Корела нет. Спасибо огромное! Побольше таких видео плз. Полезно видеть и делать. Ставьте на паузу и пишите код. Всемдобра
ОБАЛДЕННЫЕ УРОКИ!Все по полочкам. Просто повторяйте за Дмитрием и вскоре вы научитесь верстать сайты. Есть куча сайтов, в которые можно параллельно заглядывать,чтобы понимать каждое свойство.
Единственная просьба, понимаю,что запарно одно и то же повторять, но было бы круто, если б к правилам css было бы побольше комментариев:)
Круто, мне понравилось очень понятно и интересно, но пожалуйста больше кратких пояснений по ходу верстки, типа:"Это отвечает за то, а это - за это..." и в таком духе. А так, большое спасибо!
Красава... Все быстро и понятно... Ничего лишнего... С удовольствием смотрю его верстку...
Очень интересно и всё понятно. А то некоторые начинают вроде бы для начинающих, дальше смотришь, уже препроцессоры добавили и ты такой - эээ, а что я пропустил? Тут как именно то, что нужно для новичка! Супер, спасибо большое!
Отличный плейлист
С двух аккаунтов кидаю лайки!!! Ловлю кайф от того что получается)!!!
Просто отлично, после базового курса то, что нужно, чтобы набраться фишечек и набить руку. Спасибо.
Делаю сайт для зачёта в колледж,ваше видео просто золото для меня уже сделал 2 страницы по гайду😀
супер уроки, по 2 раза пересматриваю
я из за внимательности своей по часу ищу что не так в коде написал и почему нифига не работает =D спасибо за уроки!!
У меня такое чатсо я на Atom пишу))
Я вам признателен за ваши уроки .
Дякую за корисні та цікаві відео:)
Очень круто! Смотрю как любимый сериал)
Вдохновили твои видео на веб-программирование. Что может быть лучше вёрстки для начинающего 😀😀😀
Это просто ВЕЛИКОЛЕПНО! Вчера увидел первое видео данной верстки и сражу же лайк и подписка! Спасибо, Вам за такие чудесные уроки!
пожалуйста!
Дмитрий, добрый день! Спасибо большое за вашу работу
Ждем продолжения!
фууух мозг разрывается от информации)но круто и понятно,идем дальше)
Все четко без лишней воды, у меня только возникла одна проблема не отображался градиент и все к ниму сопутствующие, потратил на поиски ошибки около 2-3 часов не смог найти, пришлось тупо скопировать небольшой кусок из вашего css и воля все заработало))
"главное понимать чей это конец" 😅
Один из лучших уроков по верстке! Спасибо большое!
Спасибо!!! Слушаю и выполняю все с интересом) Вы отличный наставник.Миллион лайков хочется поставить. Вот что такое настоящий качественный контент))
html css ничего лишнего все доступно и понятно СПАСИБО
Спасибо автору, начал изучать html и css по Вашим урокам, пока все получается, надеюсь про адаптацию сайта под мобильные устройства тоже в дальнейшем расскажите)
Огромнейшее спасибо. Это лучший контент по вёрстке, просто нет слов.
Искусственный интеллект нужно программировать вашим голосом ✅
Заметил такую штуку. Браузер открыт не во весь экран, а половину по горизонтали. Верхний отдел из-за position absolute плавает. 1е что пришло в голову это убрать абсолют, создать section и завернуть туда header и intro, предварительно раздел slider переместить обратно в контейнер. Получилась подобная структура
// так вообще можно делать? Сюда задний фон засунул.
// ---- 1
MoGo
. . .
// ---- 2
. . .
. . .
Я просто не знаю всех тонкостей и не знаю почему люди верх сайта не делят на очередную секцию
всё понятно и интересно.. Но это точно не для начинающих.
Спасибо автору за видос.. Освежает знание. Всегда интересно узнавать что то новое ))))
Для начинающих в верстке и знающих синтаксис, на мой взгляд.
Спасибо за подробные видео. Обучаюсь с удовольствием
Всегда лайки ставлю, приятно, понятно, в легкой манере!!!
Спасибо за качественный контент, когда стану хорошим кодером скажу , что учился у тебя (:
А лучше зайти на сайт его и купить курсы :D
как успехи?
мне тоже интересно! Забросили или двигаешь?
Видео крутые, я не силён в вёрстке изучаю html, css потихоньку но вот верстаю по видео, очень много запоминается информации, бывают вот уже следующие блоки которые он рассказывает сам додумываюсь на перёд что надо писать, круто что он показывает как надо оформлять блоки и делать их независимыми что бы можно было менять отдельно детали=)
Огромнейшее спасибо за эти видео. Лучшее, что я видела
Крутой ролик начинаешь повторять за автором, логически понимаешь как все заворачивается в дивы и потихоньку сам схватываешь и вперёд ролика уже пишешь код реально круто с учетом того что до этого вообще не занимался вёрсткой. автор молодец. еще бы таких роликов по java script :)
Видео супер!!! очень доходчиво объясняет, побольше таких уроков!
Да, крутой блок с фотографиями и градиентом, все получилось легко. Интересно очень иду к 3-му уроку!
Шикарно работаете.
Есть два вопроса, почему не используете такие инструменты:
1. В Фотошопе есть функция копирования CSS параметров текста и прочих объектов
2. Там же можно выделять объекты и зажимая CTRL и инструмент MOVE - и фотошоп будет выводить размеры объектов и расстояния до других. Т.е. не в угадайку играть, а точно измерять
Проделал Видео # 2, анимация изображений замечательная, я не представлял как такое сделать без JQuery, оказывается средствами CSS можно, спасибо за видео. Однако хотелось бы поподробнее с анимацией, приходилось попутно гуглить и на примерах разбирать что происходит и как это работает.
Очень понятные уроки !!! Спасибо продолжайте в том же духе , а мы будем верстать вместе с Вами!!!
Просто батя верстки, спасибо за контент !
+100 к карме за такую деятельность !
Советую смотреть эти видео после прочтения книги html и css Oreilly . Книга на 700 страниц с кучей практических заданий, мне кажется даже ребенок после прочтения сможет начать верстать. Но суть в том , что после прочтения книги я смотрю видео, и понимаю абсолютно все. Осталось только практиковаться и будет счастье)
большое спасибо за подобные видео.Вы очень доходчиво обьясняете все!
не ну какой же мужчина приятный))) спасибо вам за вашу работу и старания! ты крутой, хочу научиться верстать с такой же скоростью как ты1)))
Большое спасибо за урок! Если смогу развить навыки и улучшить материальное состояние, то обязательно скину доната, спасибо за труды!
Хорошо прорядилась команда начинающих)
Привет. Спасибо за курс. Просмотрел и всё повторил. Всё было очень круто.
Полезный и качественный контент
И снова лайк!
З.Ы. Совсем чуть-чуть переделал: .about__text (надпись SUPER TEAM) все-таки вложил в .about__img, так надпись выезжает вместе с картинкой, для глаза приятнее и по макету, вроде, так и надо было. Это мелочь, но может кому-то понадобиться :) В остальном очень круто, продолжу смотреть)
Видосы топ уже второй макет верстаю по твоим видео) и нормально так продвинулся в вёрстке) даже заметил небольшую стилистическую "ошибочку" заметил) мне показалось что лучше было бы about __text написать в нутри тега about __img так как когда наводишь на него чтобы текст смешался вместе с ним а не стоял на месте) ну это я так просто решил похвастаться результатом которого добился благодаря твоим урокам)
Спасибо за урок.
Оооооочччччеьььььь круто, спасибо тебе большое!!!!!!!
Какой красивый код, намного лучше некоторых «верстальщиков со стажем».
Спасибо большое за труд! Мне как начинающему мастеру)) такой контент просто как подарок!! Успехов во всем и God bless you)