Верстка сайта на HTML5 и CSS3 за час! + Публикация на сервер 

Спасибо, повторил и узнал пару фишек. Очень нравиться твои уроки по верстке, смотрю как любимый сериал.

То что нужно! Как раз занимаюсь вёрсткой

Честно, очень полезный ролик Муа👌

не раз просматривал обучения по верстке могу сказать твое видео лучшее

На редкость по-хорошему простая, внятная подача. Годно. Спасибо.

Круто! Очень круто! Спасибо большое.

афигеть, как кино посмотрела. лайк, подписка

Спасибо за проделанный труд и хороший контент :)

Боже, это так круто, спасибо что ты есть

Топ видео.Спасибо большое! Наконец-то показали как сделать что то и вправду красивое новичку)))

Спасибо за офигенний туториал

Спасибо, очень хорошее видео!

Спасибо большое! Все очень понятно и хорошо рассказали!

Здорово 👌 побольше бы таких уроков

Думаю для начинающих самый раз. Супер!

Молодец! Твои видео очень интересные и полезные!!! Предлагаю продолжить эту идею и постепенно модернизировать этот сайт, добавляя новые плюшки!) Добавить серверную часть. Было бы интересно посмотреть...

Классный подход к теме и понятно даже для новичков. Вот тока скачать ваш пример не смог, что бы потренироваться самому..

Урок просто бомба ! Спасибо!

Спасибо огромное, вы мне очень помогли😊👍

это лучшее гайд-видео которое я видел

ВСЕХ С ДНЁМ ПРОГРАММИСТА!)

Спасибо огромное!

*Наконецто досмотрел* урок просто *супер*

Познавательно, спасибо

ооо наконец-то **) Спасибо Гоша * + 1 опыт + 1 макет в копилку ** лайк!

Основательная реклама хостинга и домена))) Лайк!

Спасибо что выпустил это видео, потому что я не мог поменять цвет. А когда я подключил CSS, ВСЁ ЗАРАБОТАЛО

Афигеть чувак ты лучший!

Спасибо вам большое

фитипи конечно круто! до последнего думал, что это эфтипи.

Спасибо, круто всё, интересно повторять и потом менять...но одна просьба на будущее: когда пишешь код, не пиши его в самом низу! Я открываю два окна, редактор и ютуб. И вот когда смотрю в ютуб и ставлю на паузу, полоса видеоплеера вылазит и закрывает твой код, который в самом низу экрана! Терпимо, но было бы круто, если бы он повыше был)

Лучший программист блогер

полезное видео!

Спасибо за щедрость 😘

Супер)

Для новичков в фронтенде годно! А не мог бы ты снять для начинающих бэкэндяиков на пхп так же? Чтобы с 0 и понятно

Спасибо!

Спасибо, очень классный урок!!!

Спасибо за видео . Есть вопрос: для элемента header автор использовал float: left для элементa header шириной 100% (чёт я напутал, когда первый раз вопрос писал - слишком долго рассуждал, а стоит ли вообще писать)... так же непонятно, зачем было использовать about > a для обозначения всех тегов а в классе about ведь и без > должно сработать и срабатывает... ещё вопрос возник с a: hover { text-decoration: underline} - ведь это ссылки и они всегда подчёркнуты. И сразу хочу оговориться, что ни в коем случае не придираюсь, просто интересно, есть в каком либо из этих действий реальный смысл? может для header он появится в версии на мобильные устройства?

Смотрел на скорости 75%. А так очень полезно. Спасибо!

пф.. взрыв мозга. если еще чуть ускорить то будет верстка сайта за 30 минут блин ) Супер, у меня на просмотр часового видео ушло 1.5-2 часа.

Отлично!!!

Ещё больше узнал чем хотел. Лучший видеоурок. Но для кого непонятно, сначала посмотрите вступление в HTML и CSS, а потом уже пишите, что понятно, а что нет.

Жаль, что никто из видеоблогеров не рассказывает об Livereload (для атома лучше atom-live-reload) хотя и понятно что на это времени нет, но это ОЧЕНЬ ВАЖНАЯ ВЕЩЬ. А то я не мог найти то что подходит когда писал "автообновление браузера при сохранинии кода". Только случайно увидел в видео об нескольких полезных плагинов для Sublime text...а когда уже хотел узнать как настроить этот Livereload, то так и написал "настройка (или подключение) Livereload". РЕБЯТ, ПРОЧИТАЙТЕ МОЙ КОММЕНТ, НАДЕЮСЬ ПРИГОДИТСЯ. ПРИГОДИТСЯ, ЕСЛИ ВАМ НАДОЕЛО ТЫКАТЬ f5 чтоб проверить изменения в браузере.

Спасибо

Верстал код в Atom(это тоже приложение что и у автора) но у меня function slowScroll не работает. В самом приложение весь код у меня серый, а на сайте при спуске вниз только линия серая. Можете помочь?

Очень интересное видео! После рассказа хочется только и делать что создавать такие вот офигенные сайты. Вот реально, просто нет слов, молодец. Спасибо за все видео, которые снимаешь!

топ!

Отличное видео! Было бы интересно посмотреть как делать сайт с несколькими страницами

Я полный чайник в программировании, но в школе задали создать лендинг. Объясните, пожалуйста, как второе окошко связать с первым?

Класс+

чувак 10 тысяч лайков тебе , помог мне сделать первый сайт!

Ты крут Гоша Дударь

Привет Верстал по твоему гайду сайт и в моменте с преимуществами, где картинки и текст с ними, у меня просто картинки и все. Место с текстом просто черное. Там должна быть картинка фиолетового цвета, которая должна скролится красиво и текст. У меня просто чернота и если возле картинки начать выделять (просто как выделить текст) то текст начинает быть видным. Как быть, подскажи. Код такой же как у тебя, прям идентичный

Спас мой диплом, низкий поклон

В точности скопировал , но почему то у меня id=,,about" было ниже названия сайта , и я не мог это исправить

Очень классный урок!

Ничего не понятно, но очень интересно)

Блин браток ты дышать успевал хотя бы

Как вы выровнили изображения по центру?

Здраствуйте а можете сколько можно примерно зарабатывать на верстка? на работе или на фриланса?

гений

А что делать, если у меня header становится белым,когда я скролю вниз, а когда возвращаю,то он все равно остается белым?

С java много работает.... а так видео супер!

Георгий красавчик!!!👍🏻👍🏻👍🏻 Сейчас CSS изучаю, очень помог, конечно все равно учебник нужен, но в принципе все ясно! Зачем переплачивать TILDA, если за час можно самому все сделать😁. Единственное не подскажешь как сделать, чтобы такие "движухи" как в TILDA (появление заголовков, выезжание рисунков, появление рисунков при скроле) сделать?

если прскролить вниз и прокликать ссылки в меню, то меню моргает. а при клике на логотип такого не происходит.

Круто

У меня не работает библиотека JQuery. Подключил все точно так, как на видео. Потом попробовал запихнуть подключение между тегами head - не помогло. Также попробовал скачать библиотеку и прописать путь к ней - проблемы не решило. В чем может быть причина неисправности ?

В принципе, норм.

Спасибо за то что нас учишь ты мой кумир свой следующий сайт я сделаю на тему программирование

Исправь пожалуйста или ссылку на github кинь (исправленную), чтобы мы посмотрели что не так

thanks

А размеры картинок какие-то определенные надо брать?а то у меня все какие-то громадные и получилась какая-то жуть...или их тут в процессе как-то размер можно изменить?

Привет Очень познавательное видио Я сделал всё как у тебя , но вот шапка не становиться белой при прокрутке Можешь подсказать в чем дело или указать хотяб где могла возникнуть проблема Заранее, спасибо)

header #logo { color:#fff; cursor: pointer; } но цвет не изменился что делать?

Привет Гоша ты не мог бы помочь,скопировал одностраничник переделал под другой товар. На компе сайт смотрится нормально, а на мобильной версии фотографии которые были до переделки пробовал заменить остается тоже самое.

Ребят не забывайте сбрасывать браузерные CSS, если чтобы у вас все было корректно. И старайтесь вместо div использовать смысловые теги header, footer, main, article, aside и т.д..

Такое ощущение что автор сам себе объясняет. На скорости 2000x

а можно сделать в начале ролика типо совета какие языки или другие вещи надо знать чтобы понять что тут твориться в общем) иначу трудно ориентироваться между уроками

что делать если "контакты ответы на вопросы возможности и преимущества " находяться слева сверху и никак не могу преместить их в сентер

А стооп! Я думал изучать html и css чтобы верстать. А как понять html 5 и css 3?. Это значить нужно изучать 5 и 3? Емаее. Я запутался подскажите пожалуйста)

Почему у него все работает, а у меня нет :/

Почему не Atom?) там тоже FTP есть.

Вы могли бы объяснить немного проще. Я не понял что за блоки маюн, топ. Объясните каждый шаг. Или я прослушал.

В блоке возможности прописываем class="text" ? заем если в css прописанный класс не используется и для него не прописанный стиль... путаница какай-то.. сорри просто хочу понять? я новичек в этом...

А где обработчик нажатия кнопки для обратной связи?

В чем проблема ? Не распознает "nth-child" и эти картинки не становятся в два ряда друг под другом

$(document).on("scroll", function ()) ошибка Uncaught ReferenceError: $ is not defined

Привет всем, пожалуйста любители яблок посоветуйте какой macbook в 2019 году взять для работы, желательно по дешевле)

Ребят такой вопрос при вёрстке элемент functlon никак не подсвечивается и на сайте не работает что делать

Отличное видео для начинающих. Автору жирный лайк🤝👍💪 У меня тоже есть пример создания сайта в блокноте попроще конечно, но по шагам с исходником и коментами для скачивания. Кому интересно, забирайте.

Здравствуйте, решил попробовать делать сайты опыта вообще нет, это не слишком сложно?) Долго учиться этому?)

Спасибо большое, очень помог с главной страницей, теперь я делаю 2 страницу своего сайта, только траблы с тем, что взял я начало кода из главной страницы и перекинул на 2 страницу, и он не работает, бред какой-то, перепробовал все возможные варианты, которые знаю, не помогло никак...(

Автор это сайт одно страничник?

Давай уже сделаем полноценный PWA

При нажатии клавиши -tab- ничего не происходит, html код не разворачивается. Плагин emmet установлен , редактор так же Atom. В чем может быть проблема ?

Сколько будет стоить изготовка такого сайта? Ну то есть сколько автор сможет получить за эту работу?

28:02 Lorem ipsum это не случайный текст. Его создали около 2000 лет назад

Привет всем, мне очень понравился урок и я хотел спросить ,может кто знает, почему я не могу в атоме копировать и вставлять текст , я пытаюсь скопировать url но он не вставляется в атом и приходится писать вручную .Что мне делать и с чем это связано?

есть готовый код? Допустил ошибку, не пойму где