*Верстка сайта транспортной компании:* 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, приятный голос, дикция, грамотная подача материала. Огромный плюс, что не разжевываешь каждую тему и показываешь только практику. Однозначно подписка!
Я ставлю на паузу, пишу код картинки свои ставлю и контент другой, потом пробую играться убирая вставляя различные коды. Очень полезно картинки в пэинт нет не плохо делать для тех у кого Корела нет. Спасибо огромное! Побольше таких видео плз. Полезно видеть и делать. Ставьте на паузу и пишите код. Всемдобра
Когда смотрю эту рубрику, благодаря настолько качественной подаче, намного легче запомнить те или иные теги.. Красивый голос, правильно поставленная дикция, разговор исключительно по теме.. Спасибо за такой качественный контент! 0👎 свидетельствует о многом...
Обычно ленюсь писать коментарии, но как тут устоять...Подача материала на высшем уровне, быстро, понятно, доступно даже новичку. Грамотная речь и ооочень приятный голос. Спасибо за труд!
Это лучшие уроки на Ютубе по верстке! Всегда не хватает информации и понимания, КАК ДЕЛАТЬ ПРАВИЛЬНО, хотя бы отталкиваться от чего-то. Подписалась на канал, восторг!
Прервал просмотр на моменте окончания работы с градиентами и пишу коммент-для меня как для новичка это чудеса какие-то) Спасибо за ясную подачу и интересный материал!
Привет! Я из будущего, сегодня 31 декабря 21 года. Смотрю твои видео по верстке и о господи! это самые лучшие объяснения по верстке. Вот серьезно! Прошло уже немного времени, а уже понимаю что к чему и дальше могу уходить сам, догадываясь что нужно делать по твоим объяснениям, спасибо большое! Твой контент весьма легкодоступный)
Дмитрий, хотелось бы вам выразить огромную благодарность за ваши видео! Спасибо вам за проделанную работу! Уверен, что повышение подписчиков, просмотров и т.д. не заставит себя долго ждать! У вас прекрасный контент.
Изучил html и css и решил начать верстать макеты. Понял что не в состоянии применить теорию на практике. Ваши видео меня спасли! Спасибо огромное за ваш труд!!)
Элемент придумали для смыслового разделения содержимого. К примеру у нас есть сайт, посвященный овощам. Первый содержит описание помидора - его название , описание , внешний вид в картинках . Затем идет секция с картошкой, с огурцами и т.д. Смысл сайта - овощи. Смысл секций сайта - разновидности овощей. Это и есть семантика. Разбиение чего-то по смыслу, а не по структуре. До html5 с его семантическими тегами было только структурирование по внешнему виду. До html5 зачатки семантики наблюдались только в оформлении текста (к примеру, тег , который делал текст не только жирным, аналогично тегу , но и указывал смысл - этот текст более важный, чем текст вокруг него). К чему я это =) Я обратил внимание на то, что ты используешь новые семантические теги не как элементы разделения и формирования контента по смыслу, а просто как новомодные . Это не правильно. Это не значит, что нельзя делать что-то не правильное. Можно купить мерседес за 30 миллионов рублей и возить на нем картошку с дачного огорода. Но любой, кто это увидит, покрутит пальцем у виска. =) Ты написал секцию - тег разделения по смыслу, внутри неё div с классом контейнер - тег визуального разделения, не несущий никакого смысла. Это отлично! Это правильно... Затем ты пишешь снова div с классом ... section__header ... такое ощущение, что твоё подсознание как бы намекает тебе "Чувак! Ты ту должен написать тег , ты даже css класс назвал так же... Чувак это же шапка секции, внутри неё явно будут заголовки ... Чувак остановись!", но руки (по старой html4 привычке?) печатают div. А затем в этом div ты пишешь заголовки h2 и h3... Стоп, стоп, стоп... Еще раз - тег section это отдельный элемент сайта. У него может быть свой , у него может быть свой , у него может быть много чего (кроме тега , который может использоваться на странице единожды). У секции даже заголовки начинаются с . Представь, что ты пишешь страницу, на которой нет - это пример того, как ты пишешь section. Поисковик такой заходит на твой сайт - Оу, май! Я вижу секцию - парень, писавший сайт, явно разбил содержимое по смыслу! Дам ему +5 баллов за эти старания, он выполнил за меня мою работу! Так так... div - на фиг иди, ты бессмысленный, еще один div - туда же... h2 эээ?? что??? h3 так так так! СТОП! Я что-то не понял, а где h1? Что это за обрезки здравого смысла? Если есть заголовки, то где главный и почему второстепенные я вижу, а главного заголовка нет? Что за... где header, что объединяет заголовки? Фу фу! -5 баллов, мне в этом еще и копаться, разбираясь самому...
"0:58" - Верстаем шапку для блоков "9:10" - Верстаем блок с карточками "19:05" - Трансформация элементов "26:00" - Верстаем блок статистики Спасибо за такой чудесный урок, и эти поделения, таких ещё не видела не где, они помогают. Всё подробно рассказано и понятно. Ну по крайне мере у меня вопросов не возникает)
Как мне показалось, в блоке About, текст должен появляться по центру картинки в стадии трансформации а не просто по центру блока. Т.е. текст тоже должен трансформироваться по двум осям на -10px. (надеюсь понятно выразился). upd: перенёс в блок Не знаю правильно ли, но заработало как надо. Я только учусь. Спасибо за уроки. Очень круто объясняешь)
ОБАЛДЕННЫЕ УРОКИ!Все по полочкам. Просто повторяйте за Дмитрием и вскоре вы научитесь верстать сайты. Есть куча сайтов, в которые можно параллельно заглядывать,чтобы понимать каждое свойство. Единственная просьба, понимаю,что запарно одно и то же повторять, но было бы круто, если б к правилам css было бы побольше комментариев:)
Все четко без лишней воды, у меня только возникла одна проблема не отображался градиент и все к ниму сопутствующие, потратил на поиски ошибки около 2-3 часов не смог найти, пришлось тупо скопировать небольшой кусок из вашего css и воля все заработало))
Очень интересно и всё понятно. А то некоторые начинают вроде бы для начинающих, дальше смотришь, уже препроцессоры добавили и ты такой - эээ, а что я пропустил? Тут как именно то, что нужно для новичка! Супер, спасибо большое!
Видео крутые, я не силён в вёрстке изучаю html, css потихоньку но вот верстаю по видео, очень много запоминается информации, бывают вот уже следующие блоки которые он рассказывает сам додумываюсь на перёд что надо писать, круто что он показывает как надо оформлять блоки и делать их независимыми что бы можно было менять отдельно детали=)
Крутой ролик начинаешь повторять за автором, логически понимаешь как все заворачивается в дивы и потихоньку сам схватываешь и вперёд ролика уже пишешь код реально круто с учетом того что до этого вообще не занимался вёрсткой. автор молодец. еще бы таких роликов по java script :)
У кого проблема с картинками (Не съезжаются вместе). Вот решение: about { display: flex; justify-content: space-between; width: 100%; max-width: 1200px; margin: 0 auto; }
Круто, мне понравилось очень понятно и интересно, но пожалуйста больше кратких пояснений по ходу верстки, типа:"Это отвечает за то, а это - за это..." и в таком духе. А так, большое спасибо!
Небольшая поправка, див с текстом SUPER TEAM должен быть внутри дива самой картинки, а не его айтема. А то получается что надпись позиционируется по центру относительно нижнего фона. :)
И снова лайк! З.Ы. Совсем чуть-чуть переделал: .about__text (надпись SUPER TEAM) все-таки вложил в .about__img, так надпись выезжает вместе с картинкой, для глаза приятнее и по макету, вроде, так и надо было. Это мелочь, но может кому-то понадобиться :) В остальном очень круто, продолжу смотреть)
Советую смотреть эти видео после прочтения книги html и css Oreilly . Книга на 700 страниц с кучей практических заданий, мне кажется даже ребенок после прочтения сможет начать верстать. Но суть в том , что после прочтения книги я смотрю видео, и понимаю абсолютно все. Осталось только практиковаться и будет счастье)
Спасибо автору, начал изучать html и css по Вашим урокам, пока все получается, надеюсь про адаптацию сайта под мобильные устройства тоже в дальнейшем расскажите)
Видосы топ уже второй макет верстаю по твоим видео) и нормально так продвинулся в вёрстке) даже заметил небольшую стилистическую "ошибочку" заметил) мне показалось что лучше было бы about __text написать в нутри тега about __img так как когда наводишь на него чтобы текст смешался вместе с ним а не стоял на месте) ну это я так просто решил похвастаться результатом которого добился благодаря твоим урокам)
BrainsCloud - уроки веб-разработки Ты потрясающий (здесь должен быть портрет тычущего в тебя пальцем Киану Ривзом, сделанного при помощи символов... но я не умею)
Проделал Видео # 2, анимация изображений замечательная, я не представлял как такое сделать без JQuery, оказывается средствами CSS можно, спасибо за видео. Однако хотелось бы поподробнее с анимацией, приходилось попутно гуглить и на примерах разбирать что происходит и как это работает.
А этот урок уже за 2 часа всего. Прогресс :D хотя оно в разы проще уже. Да и весь код тот же самый. Здорово выходит. Пока смотришь - таким простым кажется. Иногда пробую на опережение делать, тип один хер одно и тоже, но начинаю какие-т не те штуки писать, (тип вместо двигания marrgin хотел центрировать через position :D) Пасиб за такую инфу!
*Верстка сайта транспортной компании:* 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"). Тогда понимание изложенного будет более систематичным и без неразберихи. Всем удачи в начинаниях!
Я в шоке от того, что у кого-то могла подняться рука поставить дизлайк такому видео!?! Для таких же новичков как и я - это просто бесценное видео. Даже выучив огромное количество сухого материала, без таких вот примеров верстки новичку научиться грамотно писать код будет очень сложно. Так что автору просто низкий поклон за все его видео. Огромнейшее спасибо!!!
Поддерживаю комментаторов ниже - побольше таких уроков! Реальная помощь в изучении и применении. Спасибо
Это единственные видео уроки, которые повторяются учеником с первого раза без ошибок-раз
Очень полезная информация-два
Спасибо огромное-три
Лучший контент по вёрстке ever)
Спасибо )
@@BrainsCloud Тебе спасибо 👍👍👍
"0:58" - Верстаем шапку для блоков
"9:10" - Верстаем блок с карточками
"19:05" - Трансформация элементов
"26:00" - Верстаем блок статистики
Вопрос: после верстки при масштабировании блоки налазиют друг на друга? Чем решить или как правильно располагать блоки?
У меня вообще картинки не показывает! Думал не правильно вырезал и там ошибка посмотрел все правильно не вышло, переписал весь код в ксс /*about*/ все равно. А при просмотре кода показывает что есть блок
@@rakhat522 а ты как у автора две точки впереди ставил типо как ../about/img/ и так далее
@@ВладПегушин-ь5ъ Бывает забываешь про две точеи - переход на папку назад, - так как отчет ведется от папки в которую помещен фаил - index.html
@@rakhat522 если всё как у автора делаешь и папка assets лежит у тебя там же, где и индексный файл, то ни точек, ни слеша не должно быть в начале assets/images/about/1 Я делал неправильно слеш впереди ставил перед assets, картинки не показывало.
начал изучать вёрстку, и думал уже что много знаю, но оказалось показалось))) благодаря твоим урокам понимаю лучше как можно пользоваться HTML CSS и открываю новые возможности для себя, спасибо тебе большое
Очень круто изложено, профессионализм, и конечно же хорошая дикция. Приятно смотреть!!! Качественный контент на просторах ютуба! Спасибо большое!))))
Дмитрий, спасибо. Я вам безмерно благодарен за эту серию видеоуроков. Вы прекрасный специалист и мы (зрители-новички в вёрстке) мечтаем быть похожими на вас. Ваш труд характеризуется русской поговоркой "дело мастера боится".
Удачи вам во всех начинаниях и побольше отдыха от работы
🔥
Актуально и в 2020, приятный голос, дикция, грамотная подача материала. Огромный плюс, что не разжевываешь каждую тему и показываешь только практику. Однозначно подписка!
Спасибо 😉
Для тех кто только-только начинает верстать, это один из лучших каналов на TH-cam.
Пожалуйста не останавливайся 👍
Я ставлю на паузу, пишу код картинки свои ставлю и контент другой, потом пробую играться убирая вставляя различные коды. Очень полезно картинки в пэинт нет не плохо делать для тех у кого Корела нет. Спасибо огромное! Побольше таких видео плз. Полезно видеть и делать. Ставьте на паузу и пишите код. Всемдобра
Просто лучший, отличные уроки для начинающих, чтобы прямо на практике понимать что и как правильно писать.
Привет из 2024! Я только новичок, но стараюсь по вашим видео обучаться!!! Спасибо за полезный контент:)
Присоединяюсь, ты не одинок в своих начинаниях)
@@andrey_av 😎😎😎😎
Когда смотрю эту рубрику, благодаря настолько качественной подаче, намного легче запомнить те или иные теги.. Красивый голос, правильно поставленная дикция, разговор исключительно по теме.. Спасибо за такой качественный контент! 0👎 свидетельствует о многом...
ТОП уроки для СНГ сегмента! Спасибо!
Обычно ленюсь писать коментарии, но как тут устоять...Подача материала на высшем уровне, быстро, понятно, доступно даже новичку. Грамотная речь и ооочень приятный голос. Спасибо за труд!
Спасибо!
из 1,5кк человек до второго видоса дошло 200к, будем смотреть дальше.
Спасибо автору. Ждем нового контента)
Это лучшие уроки на Ютубе по верстке! Всегда не хватает информации и понимания, КАК ДЕЛАТЬ ПРАВИЛЬНО, хотя бы отталкиваться от чего-то. Подписалась на канал, восторг!
Прервал просмотр на моменте окончания работы с градиентами и пишу коммент-для меня как для новичка это чудеса какие-то) Спасибо за ясную подачу и интересный материал!
Привет! Я из будущего, сегодня 31 декабря 21 года. Смотрю твои видео по верстке и о господи! это самые лучшие объяснения по верстке. Вот серьезно! Прошло уже немного времени, а уже понимаю что к чему и дальше могу уходить сам, догадываясь что нужно делать по твоим объяснениям, спасибо большое! Твой контент весьма легкодоступный)
2020,этому видео год, оно все еще годно и актуально, топ канал.
Дмитрий, большой поклонник Вашего канала. Просто и доступно. Я хотел, что бы Вы записали уроки по разработке интернет-магазина.
Мужик ты такой жесткий, ты просто ппц какой жесткий, спасибо тебе за уроки. Благодаря тебе я понимаю что я дно )). Учусь страюсь, успехов тебе
Дмитрий, ты бриллиант 33 карата!!!!!! уже закончила ActiveBox, теперь c MoGo все так просто)))
Это лучшие уроки по верстке полноценных макетов, спасибо что делаешь эти видео!
Дмитрий, хотелось бы вам выразить огромную благодарность за ваши видео!
Спасибо вам за проделанную работу!
Уверен, что повышение подписчиков, просмотров и т.д. не заставит себя долго ждать!
У вас прекрасный контент.
Спасибо и вам за добрые слова! Рад что вам нравятся видео
Изучил html и css и решил начать верстать макеты. Понял что не в состоянии применить теорию на практике. Ваши видео меня спасли! Спасибо огромное за ваш труд!!)
Я за один твой урок узнал больше, чем за 7 лет урока информатики)
6 утра, а я с тобой Braun, сделал круто сайт, на которую смотрю и улыбаюсь от радости)) Благодарю тебя)
Крутой контент, очень полезно для тех, кто начинает свой путь в веб-разработке. Спасибо!
Дмитрий,лучшие уроки по верстке сайтов,верстаю вслед за тобой,особенно спасибо за пояснение кождого свойства...
Элемент придумали для смыслового разделения содержимого. К примеру у нас есть сайт, посвященный овощам. Первый содержит описание помидора - его название , описание , внешний вид в картинках . Затем идет секция с картошкой, с огурцами и т.д. Смысл сайта - овощи. Смысл секций сайта - разновидности овощей. Это и есть семантика. Разбиение чего-то по смыслу, а не по структуре. До 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 спасибо
Спасибо за качественный урок! Как начинающему, мне нравится такая практика. Буду рад видеть подобный материал в будущем!
Желаю успехов!
"0:58" - Верстаем шапку для блоков
"9:10" - Верстаем блок с карточками
"19:05" - Трансформация элементов
"26:00" - Верстаем блок статистики
Спасибо за такой чудесный урок, и эти поделения, таких ещё не видела не где, они помогают. Всё подробно рассказано и понятно. Ну по крайне мере у меня вопросов не возникает)
Самое интересное что каждое следущее видео набирает меньше просмотров) на последнем уже будут готовые верстальщики)
Скорее отфильтровались, кому непонятно ничего)
@@sergeyserdex6410 Жестокая правда, даже азы не всем даются
А казалось бы.. ничего сложно)
@@osayo3324 с такими объяснениями никто не захочет учиться
@@DavidFunable мне так жаль.. 😞
Спасибо за урок, прям радостно что что-то получается)
Как мне показалось, в блоке About, текст должен появляться по центру картинки в стадии трансформации а не просто по центру блока. Т.е. текст тоже должен трансформироваться по двум осям на -10px. (надеюсь понятно выразился).
upd: перенёс в блок Не знаю правильно ли, но заработало как надо.
Я только учусь.
Спасибо за уроки. Очень круто объясняешь)
Круто когда столько ховеров,и псевдно элементов, быстрее выучить можно
Красава... Все быстро и понятно... Ничего лишнего... С удовольствием смотрю его верстку...
ОБАЛДЕННЫЕ УРОКИ!Все по полочкам. Просто повторяйте за Дмитрием и вскоре вы научитесь верстать сайты. Есть куча сайтов, в которые можно параллельно заглядывать,чтобы понимать каждое свойство.
Единственная просьба, понимаю,что запарно одно и то же повторять, но было бы круто, если б к правилам css было бы побольше комментариев:)
Очень годно! без воды, много интересных решений, всем советую
Все четко без лишней воды, у меня только возникла одна проблема не отображался градиент и все к ниму сопутствующие, потратил на поиски ошибки около 2-3 часов не смог найти, пришлось тупо скопировать небольшой кусок из вашего css и воля все заработало))
Делаю сайт для зачёта в колледж,ваше видео просто золото для меня уже сделал 2 страницы по гайду😀
С двух аккаунтов кидаю лайки!!! Ловлю кайф от того что получается)!!!
Очень интересно и всё понятно. А то некоторые начинают вроде бы для начинающих, дальше смотришь, уже препроцессоры добавили и ты такой - эээ, а что я пропустил? Тут как именно то, что нужно для новичка! Супер, спасибо большое!
Я вам признателен за ваши уроки .
Видео крутые, я не силён в вёрстке изучаю html, css потихоньку но вот верстаю по видео, очень много запоминается информации, бывают вот уже следующие блоки которые он рассказывает сам додумываюсь на перёд что надо писать, круто что он показывает как надо оформлять блоки и делать их независимыми что бы можно было менять отдельно детали=)
html css ничего лишнего все доступно и понятно СПАСИБО
Спасибо огромное, вы очень помогаете в изучении верстки! Пожалуйста, делайте побольше уроков!)) Лучи добра вам и всем подписчикам😊
Спасибо!!! Слушаю и выполняю все с интересом) Вы отличный наставник.Миллион лайков хочется поставить. Вот что такое настоящий качественный контент))
Огромнейшее спасибо за эти видео. Лучшее, что я видела
Крутой ролик начинаешь повторять за автором, логически понимаешь как все заворачивается в дивы и потихоньку сам схватываешь и вперёд ролика уже пишешь код реально круто с учетом того что до этого вообще не занимался вёрсткой. автор молодец. еще бы таких роликов по java script :)
Очень круто! Смотрю как любимый сериал)
Спасибо за подробные видео. Обучаюсь с удовольствием
У кого проблема с картинками (Не съезжаются вместе).
Вот решение: about {
display: flex;
justify-content: space-between;
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
Целую твои пальцы, которые написали этот комент.
((((((
У меня три картинки по вертикали,и не работают примененные к ним сss свойства(((
я сразу же в контейнер поместил (из прошлого видоса), там как раз свойства последние 3 тобой указанные
@@wi__ro1 як картинки в ebout розмістити горизонтально?
я тупо гуглил,и дальше по видосу делал)
Вдохновили твои видео на веб-программирование. Что может быть лучше вёрстки для начинающего 😀😀😀
Просто отлично, после базового курса то, что нужно, чтобы набраться фишечек и набить руку. Спасибо.
Круто, мне понравилось очень понятно и интересно, но пожалуйста больше кратких пояснений по ходу верстки, типа:"Это отвечает за то, а это - за это..." и в таком духе. А так, большое спасибо!
Один из лучших уроков по верстке! Спасибо большое!
Небольшая поправка, див с текстом SUPER TEAM должен быть внутри дива самой картинки, а не его айтема. А то получается что надпись позиционируется по центру относительно нижнего фона. :)
фууух мозг разрывается от информации)но круто и понятно,идем дальше)
Это просто ВЕЛИКОЛЕПНО! Вчера увидел первое видео данной верстки и сражу же лайк и подписка! Спасибо, Вам за такие чудесные уроки!
пожалуйста!
Привет. Спасибо за курс. Просмотрел и всё повторил. Всё было очень круто.
супер уроки, по 2 раза пересматриваю
И снова лайк!
З.Ы. Совсем чуть-чуть переделал: .about__text (надпись SUPER TEAM) все-таки вложил в .about__img, так надпись выезжает вместе с картинкой, для глаза приятнее и по макету, вроде, так и надо было. Это мелочь, но может кому-то понадобиться :) В остальном очень круто, продолжу смотреть)
Очень понятные уроки !!! Спасибо продолжайте в том же духе , а мы будем верстать вместе с Вами!!!
большое спасибо за подобные видео.Вы очень доходчиво обьясняете все!
Отличный плейлист
всё понятно и интересно.. Но это точно не для начинающих.
Спасибо автору за видос.. Освежает знание. Всегда интересно узнавать что то новое ))))
Для начинающих в верстке и знающих синтаксис, на мой взгляд.
Всегда лайки ставлю, приятно, понятно, в легкой манере!!!
Советую смотреть эти видео после прочтения книги html и css Oreilly . Книга на 700 страниц с кучей практических заданий, мне кажется даже ребенок после прочтения сможет начать верстать. Но суть в том , что после прочтения книги я смотрю видео, и понимаю абсолютно все. Осталось только практиковаться и будет счастье)
Да, крутой блок с фотографиями и градиентом, все получилось легко. Интересно очень иду к 3-му уроку!
Огромнейшее спасибо. Это лучший контент по вёрстке, просто нет слов.
Блин. Офигенно! Верстаю на sass, вроде, все норм. Хых. Спасибо за уроки!
Видео супер!!! очень доходчиво объясняет, побольше таких уроков!
не ну какой же мужчина приятный))) спасибо вам за вашу работу и старания! ты крутой, хочу научиться верстать с такой же скоростью как ты1)))
Спасибо автору, начал изучать html и css по Вашим урокам, пока все получается, надеюсь про адаптацию сайта под мобильные устройства тоже в дальнейшем расскажите)
Дякую за корисні та цікаві відео:)
+100 к карме за такую деятельность !
Хорошо прорядилась команда начинающих)
Видосы топ уже второй макет верстаю по твоим видео) и нормально так продвинулся в вёрстке) даже заметил небольшую стилистическую "ошибочку" заметил) мне показалось что лучше было бы about __text написать в нутри тега about __img так как когда наводишь на него чтобы текст смешался вместе с ним а не стоял на месте) ну это я так просто решил похвастаться результатом которого добился благодаря твоим урокам)
Мне очень понравилось видео. Очень легко воспринимать информацию. Жду с нетерпением следующие видео!!
зачем ждать, смотрите
@@BrainsCloud о..круто ты ответил)) а по кодингу на питоне или яве будет что?
Ray Nikols не планирую
BrainsCloud - уроки веб-разработки
Ты потрясающий (здесь должен быть портрет тычущего в тебя пальцем Киану Ривзом, сделанного при помощи символов... но я не умею)
Спасибо большое за труд! Мне как начинающему мастеру)) такой контент просто как подарок!! Успехов во всем и God bless you)
Просто батя верстки, спасибо за контент !
Большое спасибо за урок! Если смогу развить навыки и улучшить материальное состояние, то обязательно скину доната, спасибо за труды!
Очень крутой пример, на котором можно учиться. Спасибо!
Проделал Видео # 2, анимация изображений замечательная, я не представлял как такое сделать без JQuery, оказывается средствами CSS можно, спасибо за видео. Однако хотелось бы поподробнее с анимацией, приходилось попутно гуглить и на примерах разбирать что происходит и как это работает.
Дмитрий, добрый день! Спасибо большое за вашу работу
10Q !
Очень нравится такой формат!
Вы очень хороший специалист 😎
автор лучший из лучших и это факт!
Красавчик! Здесь та информация, которая нужна была мне.
Спасибо большое.
Спасибо за качественный контент, когда стану хорошим кодером скажу , что учился у тебя (:
А лучше зайти на сайт его и купить курсы :D
как успехи?
мне тоже интересно! Забросили или двигаешь?
Большое спасибо за проделанную работу. Очень рад, что наткнулся на твои видео уроки. Подписка однозначно!!!!!!!!!!!!!!
А этот урок уже за 2 часа всего. Прогресс :D хотя оно в разы проще уже. Да и весь код тот же самый. Здорово выходит. Пока смотришь - таким простым кажется.
Иногда пробую на опережение делать, тип один хер одно и тоже, но начинаю какие-т не те штуки писать, (тип вместо двигания marrgin хотел центрировать через position :D)
Пасиб за такую инфу!