Верстка сайта с нуля. Начало, шапка сайта.

[@briceag2411]

Для тех, у кого кнопка не сработала: В видео использована устаревшая (depricated) технология обращения к элементу. По хорошему скрипт надо было начинать с объявления функции, запускаемой после завершения загрузки страницы. И потом создавать переменную по id и вещать на неё обработчик. window.onload = function() { // ждёт загрузки документа var menu = document.getElementById('menu'); // создаёт переменную по id кнопки ... и далее, уже как автор написал. Иначе получается так, что новички не понимают почему в одном случае было обращение по id, а в другом нет. Не говоря уже о программистах, которые будут на автомате искать, где переменная menu была объявлена и инициализирована. Поднимите лайком вверх, пожалуйста, чтобы другие увидели.

[@barakuda2475]

Как тогда правильно писать? Многие, в том числе и я не понимают что делать

[@sherwoodgladiator9907]

++, вообще ничего не понял

[@tonze916]

У меня в итоге вот так заработало. Кто шарит может подскажет что я тут неправильно сделал, хоть и работает? window.onload = function menuF() { var menu = document.getElementById('myTopnav'); menu.onclick = function myFunction() { if (menu.className === 'topnav') { menu.className += ' responsive'; } else { menu.className = 'topnav'; } } }

[@briceag2411]

@@tonze916 Всё правильно ты написал. Твоя функция menuF ждёт загрузки страницы. Т.е. при обновлении страницы загружается html, стили, картинки и когда всё готово - срабатывает window.onload - он и запускает твою функцию. Она в свою очередь ищет на странице элемент myTopnav и вешает на него клик.

[@briceag2411]

@@barakuda2475 TonZe написал тут в ответах полную версию, как должно быть :)

[@SaintBoogieman]

Я что именно есть новичок, многих пересмотрел, но именно по твоим видео добился объективного понимания HTML CSS и сдвинулся с мертвой точки. Лучшие уроки, но с псд интереснее. Спасибо за твой труд.

[@GLIVI28]

Стал объяснять что-зачем делаешь и какой эфект - огромная благодарочка)

[@SuprunAlexey]

Рад что вам понравилось

[@mr.sablin]

Чтобы лишние ветвления не расписывать js можно сократить таким образом: window.onload = function(){ let x = document.querySelector("#myTopnav"); document.querySelector("#menu").onclick = function(){ x.classList.toggle('responsive'); } } и присвоение дом элемента в переменную лучше вынести за пределы обработчика клика, чтобы каждый раз элемент не присваивать. А вообще урок отличный, вернулся чтобы освежить знания после долгого отсутствия в верстке - то что надо.

[@SuprunAlexey]

можно конечно

[@НатальяБаркова-в7т]

спасибо, с твоим кодом все работает

[@mariasana9]

лучший комент! С toggle работает правильно, а не только разворачивает меню.

[@revinfedor2329]

Красавец, ты лучший, смотрю после уроков хауди хо, все понятно

[@MelkiyAndrey]

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

[@Mykhailo_Vdovychenko]

Делал точно за Автором. Все получилось с первого раза. Большое спасибо! КРУТЫЕ УРОКИ! Все ясно и понятно!

[@pavelzakharov4752]

Автору спасибо за урок. Сейчас завершил обучение основ html/css/js по codecademy . По идеи надо верстать свой сайт, а дикий затуп и не могу сдвинуться с места - не могу понять в какой последовательности и как лучше делать. Открыл видео и давай по руководству - вообще норм. Практика, набивка руки и прочее. Главное что понимаю всё что делает автор, просто пока нет почти опыта не могу с нуля из головы сам воспроизвести. Единственное что урок не для новичков прямо. Что бы зашло - надо знать основы.

[@АмыргаТавакай]

Pavel Zakharov ну что, есть продвижение?)

[@RebooT_Channel]

Спасибо большое за это видео! Все быстро, четко и очень понятно!

[@digital-agencywebreforma4834]

Неплохо. Особенно нравится формат уроков, нет воды - все по делу. У +Web Developer Blog мозг работает на 147% :)

[@salamattulkibayev8456]

Огрмное спасибо тебе! Твой канал уже стал моим основным источником веб верстки! !!! Хотелось бы реально крутой гайд flex + css grid совместная верстка этих технологий учитывая нюансы каждого !

[@vismutkotovskaya7688]

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

[@viktorshatalov1920]

Очень круто и понятно обьясняешь!!!!!я думал мой частный тренер интересно и понятно объясняет,но я ошибся. Зачёт!!!!!спасибо.

[@Эрмек.Султанов]

ОГРОМНОЕ ОГРОМНОЕ СПАСИБО !!! Я ПОДУЧИЛ ОСНОВЫ HTML, CSS КАК РАЗ НУЖНА ПРАКТИКА !!! БОЛЬШОЕ СПАСИБО !!! ЖЕЛАЮ ТЕБЕ ВСЕГО САМОГО НАЙЛУЧШЕГО !!! ОБОЖАЮ ВЕРСТКУ !!! БУДУ РАД ТАКИМ УРОКОМ В БУДУЩЕМ !!!

[@ALexander_Fes]

Ну чё? Прошло почти год) Как дела?)) Верстаешь уже сайтики?)

[@peregrint]

@@ALexander_Fes а как же js, jquery?

[@ALexander_Fes]

@@peregrint тоже нужны

[@russianincomics1236]

Задолбалась искать продолжение.

[@programisli]

Чистый JavaScript без jQuery в наше время становится редкостью. Плюсик

[@SuprunAlexey]

Стараемся

[@ucantstopme]

Планировал за эту неделю посмотреть пару видосов по верстке сайтов, чтобы исправить свои ошибки(лишние стили). И тут уведомление от тебя. Как раз твою и посмотрю :) жду продолжения! Возможно меня помнишь, я давно слежу за твоими видосами:)

[@SuprunAlexey]

О отлично, да помню! Спасибо!

[@duho3avr745]

Наконец то увидил верстку быструю, как пример, ясно как усе работает , спасибо ну и подписка

[@Dedinside05]

Вроде все понятно, спасибо потихоньку продвигаюсь, главно ПРАКТИКА а понимание придёт)

[@denisalekhin5075]

Классный урок) От начала до конца смотрел и писал код и старался анализировать)

[@inducto]

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

[@ВалерияНиколаева-т3з]

Это шикарно. Я ничего не понимаю в программировании, но я тоже так хочу уметь...

[@ladjackman]

Мне очень понравилось, актуально, сайт выглядит современно и живо даже в самом начале! Но мне, как новичку, хотелось бы более разжевано касательно тегов :D И БЫЛО БЫ ОООЧЕНЬ ЗДОРОВО, ЕСЛИ БЫ К ВИДЕО БЫЛИ ПРИКРЕПЛЕНЫ ЭТИ ФАЙЛЫ С КОДОМ, ЧТО ПОЛУЧИЛИСЬ В ВИДЕО

[@SuprunAlexey]

+Vladislav Yuzhakov моя идея заключается в том что б вы параллельно со мной писали код, поэтому файлы не выкладываю. Касательно тегов это если встречается какой то незнакомый то сразу хтмл бук открываешь и узнаешь в чем дело. (Если вдруг я не объяснил)

[@ИмяФамилия-б5ж3о]

Web Developer Blog я вот пишу с вами а толку, js в данном видео не работает((( я его три раза перепечатал... ненравится ему mytopnav, меню не открывается ( я новичок вообще не понимаю что и как( был бы исходник хотя бы js у меня бы все работало, или не работало но не по моей вине. А так я не знаю что щас и делать, дальнейшее видео у вас основаны на этом коде, а он не рабочий( как учится дальше если уже не получаетчя... пойду смотреть чужие видюшки... хоть за subilme text спасибо очень приятно печатать

[@BaurzhanKiyakov]

Ребята, все работает. Внимательно смотрите, что напечатали. Тоже ничего не получалось, не кликалось, скрипт не присваивал класс responsive, нашел ошибку - начал присваивать, но все равно не открывается. Ошибка была в css в название класса. Полчаса убил на то, что бы исправить свои ошибки, но в итоге все отлично работает. Если у вас не работает, но вы все делаете точно как автор - значит что-то вы написали не так, где то ошибка, какая я то пресловутая лишняя буква е.

[@dimatarasiuk8027]

Вот это круто)) большое спасибо что без макета фотошопа..

[@SuprunAlexey]

так проще для начинающих

[@damirbakiev4212]

Ребята у кого не работает меню при изменении разрешения ниже 768px. В тег нужно вставить мета тег для работы responsive. Просто автор об этом не упомянул т.к. думает что новички должны об этом знать. Я тоже не сразу понял почему не работает потому-что только начинаю путь верстальщика. А вставить нужно вот этот тег . Еще раз говорю вставить нужно в тег

[@eStockKK]

Спасибо, помогло

[@davinchini007]

Все отлично, но мне как новичку, маловато пояснения по командам, (что они делают?) а так очень все поучительно. спасибо

[@dimaster5880]

Урок годный. Спасибо за подробности. Было бы замечательно еще прикрутить гитхаб, чтобы увидеть готовый образец для определения синтаксических ошибок у себя.

[@SuprunAlexey]

+Dimaster спасибо! Возможно

[@Krolik530]

Чувак! Ты просто огонь! Все уроки смотрю!!!

[@АлександрКирьянов-х4о]

Спасибо за урок! Лично мне всё понятно и легко выполнимо из данного урока, при том что я новичок (ни чему не обучался). Не понимаю почему люди жалуются что этот урок не для новичков, в видео же не собирают адронный коллайдер...

[@boosleekby8271]

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

[@ivnivn2473]

Очень полезно!Спасибо, жду следующий урок

[@SuprunAlexey]

+Ваня Ляшук и вам спасибо! Постараюсь каждый день выпускать.

[@ststreltsov]

Все работает, спасибо. Только в подключении java были ошибки. Подключил через jQuery - все идеально.

[@kirillivanov4922]

Тут вроде нет java тут JavaScript

[@anfain3831]

большое спасибо за такие видео.

[@SuprunAlexey]

И вам спасибо что смотрите

[@span4ev]

Хорошее и простое решение адаптивного меню на js. Спасибо

[@SuprunAlexey]

+span4 и вам спасибо

[@freeengineering4120]

Это круто! )

[@SuprunAlexey]

Когда все получается действительно круто

[@ktov]

Когда ты выпустил это видео мне было 12, сейчас мне 16, и я жалею что раньше не знал о веб-разроботке(

[@KuKu_RuKu88]

Спасибо. отличный урок!!!

[@scrlmn1425]

Крутое видео! И не только это!

[@Слава1992Илюшин]

Автор молодец!Лайк!

[@SuprunAlexey]

+Слава 1992 Илюшин спасибо большое!!

[@aviaskidon]

Информации много. В голове все не укладывается!

[@JavaScript_00]

Я часто использую % для padding и mergin ну это привычка, так же для font-size использую vw чтобы текст был адаптивным. Это хорошая практика или лучше так не делать ?

[@ФеодосийМахно-х8ю]

Не получается, когда уменьшаю экран и нажимаю на меню и ничего не происходить

[@АллаІванівнаФедорова]

у меня тоже самое хотя я код слово в слово переписывал

[@АллаІванівнаФедорова]

даааа у меня получилось

[@АллаІванівнаФедорова]

я просто перед тем как добавлять медиа изменил собаку. вот этот момент @media. Как я это сделал,я написал это слово в браузере и скопировал в код и все заработало.

[@РоманИльенко-р9щ]

Тоже самое. Кнопка не работает. Перепробовал советы к данному комментарию, но ничего не заработало...

[@twindima]

@@РоманИльенко-р9щ пробелы смотри в style.css

[@Кирилл-ф5щ2в]

огромное спасибо за урок!

[@ИльяКудрявцев-к7м]

Блин, я пол часа искал ошибку в том что у меня @media screen and (max-width: 768px){...} было написано вот так @media screen and (max-width: 768px;){...}. Из-за вот этой хрени ' ; ' всё не работало, автору спасибо за отличный урок))

[@sasuke1121uchiha]

пиши свои код в Visual studio code и некогда будет тебе такая проблема. Он сам тебе покажет стилические ошибкию

[@rahim6821]

Красавчик

[@Евгений-г2у9ф]

Вопрос есть: Почему не работает text-align в меню? Не выравнивается по-центру.

[@nintek]

Он выравнивает относительно контейнера, а контейнер уже надо с помощью justify-content выравнивать

[@FA-tu5ti]

@@nintek а ты решил проблему с меню у меня не выходит

[@nintek]

@@FA-tu5ti Я в js не шарю, но там ниже в комментах правильный вариант кода написали

[@annajn596]

Всё работает .Внимательнее будьте в переписывании кода .

[@SuprunAlexey]

Вот это верно написано, у меня же работает, значит и у вас должно

[@yesbolatashim3334]

Я переписал весь код, но когда нажимаю просмотреть код страницы и хочу изменить размер экрана ничего не пройсходит. В чем проблема? Все проверил, названия классов и id.

[@МариОдесса]

Спасибо ,что поделились знаниями. Все получилось!!! Скажите канал и группа в ВК на 2019г не активны????

[@crazyplaytime4567]

Неа

[@ЮрийНитамолаС]

Спасибо за видео! Я новичок в HTML, CSS. Прочитав пару-тройню статей "слепил" примерно за дня 3-4 первый свой маленький информационный сайтик для новичков, кто хочет научиться программировать микроконтроллеры.. Верстал как умел. Все блоки создал не по правилам. Просто в создавал "content1.......6", задавал им нужные размеры, пихал в них картинки, текст, ссылки на скачивание софта по программированию, справочников и т.д. Есть простенькое меню. И вот после этого видео, понял как безграмотно я всё делал. Но как говорится - "Зато сам!" Теперь у меня будет настоящий правильный шаблон. А как найти Ваше следующее видео? Или как оно будет называться, для поисковика на KZbin? Ещё раз спасибо Вам!

[@SuprunAlexey]

На канале есть много курсов, и в разделе плейлисты есть много видео

[@ЮрийНитамолаС]

@@SuprunAlexey Благодарю! Но я как и в училище, привык к одному преподавателю. Не любил когда было - один день один преподаватель, другой день другой преподаватель. К тому-же Вы очень понятно и просто объясняете. Ещё я начинаю понимать как пользоваться "джала-скриптом" (не знаю, правильно я назвал эту фишку?). А вот может Вы мне поможете. У меня пока, для меня нерешаемая проблема!!! Я уже на трёх разных видео задавал этот вопрос, но мне почему-то ни кто не ответил. Тема - вывод изображения на страницу сайта. У меня выводится только иконка (указывающая, что это изображение), и сопровождающий текст к картинке. Писал код прямо с видео, строчка в строчку - результат "FALSE". Если вывожу картинку из нета - через ,

[@ЮрийНитамолаС]

Кстати когда писал код с этого Вашего видео - лого "Mirilis" мне пришлось вставлять из нета по ссылке. С компа не получилось!

[@ЮрийНитамолаС]

Урааааа!!!!! Сам допетрил - нашёл ошибку! Ошибка банальная. Я в названиях изображений указывал формат расширения. Пример: Ford_Mustang.jpg. В коде в директории так-же писал. Я вообще-то очень упрямый, сидел сейчас и перебирал ещё возможные варианты. Решил у одной из картинок убрать расширение. Пример: Ford_Mustang. И всё, СУПЕР!!!!! Во всех источниках говорилось только - главное условие, что название файла должно совпадать в точности с прописанным названием в директории в редакторе кода. А вот оказывается редактор капризный товарищ. Он любит, чтобы название было простое, типа "Вася_Пупкин" - без всяких там jpg, png, gif.

[@LobanovSpace]

Спасибо за видео.

[@M83-wit]

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

[@RockingF4]

Откуда взялся класс responsive во второй части урока?=) как сделать меню по центру относительно картинки, когда скрли заначек меню визуально выглядит не по центру..

[@-ket7517]

"responsive" я тоже не понел в html его нету.

[@SuprunAlexey]

создали, он будет использоваться

[@АллаІванівнаФедорова]

@@SuprunAlexey создали это каааак? Это мы его самостоятельно должны создать или он сам создается или ты его прям в css коде создал?

[@v.m.2220]

пересматривал пересматривал, комментарии перечитывал, пробовал всё что писали, и всё равно кнопка не реагирует, в вертикальное меню не переходит, в горизонтальное появляется

[@qeerxs]

тоже самое

[@tayoz_kitayoz4283]

да

[@comentator7558]

Да помогите как писать?

[@dawah_to_islam]

не могу найти вторую част урока

[@Hannah-ly6ff]

❤️🙂 супер!

[@thegangstarrcool]

Я в теории уже не самый зеленый новичок, поэтому мне понравилось - как раз надо набивать руку практикой, просматривая примеры. У меня еще созрел не связанный с темой урока реквест. У вас в видео реклама сайта хостингов. Там классный слайдер. Такие на современных сайтах попадаются часто, но я не могу найти как их делать. Такой, в котором картинки сменяются автоматически через n-ное количество секунд, и вручную можно перелистывать стрелочками, иногда даже появляющимися при наведении. Отдаленно понимаю, что там фигурируют settimeinterval из js-а, и :after из css-a, но очень смутно. На тот сайт еще этот похож demo4.ltheme.com/joomla/lt-hosting/, хотелось бы уметь делать так же красиво. Вы можете снять видео с подобным практическим примером?

[@SuprunAlexey]

+The GangstaRR Cool да, сделаю в следующей практике

[@TheSkiveee]

Честно видео хорошее. Всё понятно и доступно, но... Верстка без макета всё равно как-то даже не знаю. Лучше показывать на живом примере когда видишь, что должно быть и что получается в процессе. Насчёт идеи уроков по фреймворкам, их уже давно куча в ютубе. Лучше развивай уроки вёрстки именно на Flexbox т.к. таких видео практически нет. Ну и про названия тоже соглашусь, что нужно называть вещи своими именами. Можно записывать уроки применяю тот же БЭМ про который все много говорят, но никто не учит))

[@ИринаПетрова-х9л8д]

Всё работает, кроме одного: меню при уменьшении экрана не встает слева. Где-то не догоняю :(

[@НастяЕрофеева-ю4ъ]

Спасибо отличный контент

[@aleksey6639]

Рекламы конечно ... Спасибо за уроки!

[@sviridsviridenko4434]

Супер!

[@SuprunAlexey]

+Roman Krasnolutskyi спасибо

[@БогданЮрчук-т8о]

Алексей, подписан на ваш канал давно, контент не плохой, но конкретно к этому видео есть пару замечаний. 1. БЕМмом даже и не пахнет) не хотите БЕМ юзайте хотя бы "пространство имен" 2. Про флоаты и отсутвие макета уже писали. 3. Если вы хотели показать бест практис по созданию сайта то я считаю не обходимым подключение шрифтов, основные стили, стили медиа, и стили для принта розделить все в отдельные файлы. 4. Отдельный момент это javascript. Никогда не выдел добаление класов таким костыльным способом) Для этого есть специальные функции element.classList.(add / remove / contains) которые добавляют/удаляют или проверяют наличие класа соответсвенно. Ну и на дворе 2018 год давайте уже const и let использовать)

[@scrlmn1425]

Лучший ютубер по web технология, всегда смотрю твои уроки и всегда все понятно!

[@SuprunAlexey]

Спасибо!

[@andreykulikov9990]

Блин. На самом деле очень интересно. Вообще перестал смотреть ютуб кроме твоих видео. Все кратко и по делу. Но есть вопросы по поводу Div-ов. Почему в одном блоке делают еще несколько блоков? И можно подробное видео по flex-box

[@АлександрРадионов-щ3ш]

Почему в определении стилей для меньшего размера экрана, пишется именно .topnav a.icon, а не .topnav .icon .Проверил работает только с указанием тега , но почему, не понимаю?

[@SuprunAlexey]

тег а с классом icon

[@urel-zy5ji]

здравствуйте а у меня не появляется кнопка меню

[@ВасяСидоров-я6ш]

Для того чтобы скрипт загружался после загрузки страницы со стилями, существует прекрансый атрибут defer. Автору спасибо за урок

[@SuprunAlexey]

Спасибо

[@ДмитрийТеньков-б5з]

ПОМОГИТЕ! Не понял как по началу с папками. Я создал Парки css, js, img и закинул в них файлики, но когда начал сохранять они сохранялись не в папках, а просто в общей папке. Ещё не выходит это меню. Код сверял несколько раз всё правильно, но само меню не находится под логотип, а рядом с логотипом! И ничего не происходит. В чем проблема? Пытаюсь разобраться

[@user-ue8rk6bl7w]

Не получилось с js, помогите. Сайт всегда получается хорошо. Все идеально,хоть делаю впервые,но уже профессионально. Единственное,что без адаптации

[@dariussabaliauskas8802]

Мы можем на верху писать так:

[@ВладимирСкляренко-з5в]

Круть!!!

[@denidocc790]

Меню слева не открывается при нажатии на иконку, всё переписано правильно даже пробел поставлен но всё равно не работает. В коде в Elements topnav меняется на topnav responsive, но нечего не происходит. Подскажите что надо сделать как исправить.

[@mrgamexxfox2331]

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

[@imbydlo1552]

Чувак, в ты крут! Еще было бы лучше если выкладывал и макеты

[@TheYouSerj]

Спасибо за видео, но есть вопрос... Как Вы демонстрируете всё получилось, но почему когда меняешь масштаб в симуляторе toggle device toolbar(инструмент в chrome), адаптив не работает?

[@vitaliitaranik]

Всё очень круто,спасибо.Только вот media я запихнул в отдельный файл,мне кажется так лучше.

[@SuprunAlexey]

Спасибо!

[@IvanPetrov-td6dk]

А можно вопрос? Это что за картинка такая, что при применении к ней стилей фон самой картинки меняется, а сама надпись белая остаётся? Я сейчас в пэйнте взял фон с этой картинки, на нём сделал надпись белым цветом, сохранил её также в png и вставил за место этой - так у меня фон серый так и остался, по бокам только чёрный стал, где картина уже кончилась. А с этой картинкой всё как у вас - вся картинка чернеет.

[@madarauchiha3277]

Спасибо за урок, только в js пробел перед responsive всё равно не помог. При нажатии на иконку меню по прежнему отображается горизонтально и без стилей.

[@mikhailgrinchenko5541]

Не получается, когда уменьшаю экран и нажимаю на меню и ничего не происходить!!! Вот так у меня написано: menu.onclick = function myFunction() { var x = document.getElementById("myTopnav"); if(x.className === "topnav") { x.className += "responsive"; } else{ x.className = "topnav"; } }

[@SuprunAlexey]

А вы посмотрите в инструментах разработчика (ctrl+shift+i) какие классы получаются у элементов после нажатия, там где добавляется класс responsive

[@mikhailgrinchenko5541]

@@SuprunAlexey При нажатии на акардион в правом углу только стили css : @media screen and (max-width: 768px) .topnav a.icon { float: right; margin-top: 17px; display: block; color: black; } @media screen and (max-width: 768px) .topnav a:not(:first-child) { display: none; } .topnav .icon { display: none; } .topnav a { color: #000; text-align: center; padding: 14px 16px; font-size: 14px; } a { text-decoration: none; } * { margin: 0; padding: 0; } user agent stylesheet a:-webkit-any-link { color: -webkit-link; cursor: pointer; text-decoration: underline; } .topnav { background-color: #fff; font-size: 14px; margin-top: 40px; } body { font-family: 'Releway', sans-serif; }

[@SuprunAlexey]

Responsive где добавляется?

[@mikhailgrinchenko5541]

@@SuprunAlexey Я не знаю! я вижу что он есть в JS.

[@SuprunAlexey]

Просмотрите в коде js каждый пробел, особенно там где класс responsive, возможно у вас там ошибка:)

[@ЯАск]

Я не понимаю ,где ты пишешь в 2 :42 ,что это за программа ? ( скажи пожалуйста )

[@SuprunAlexey]

Sublime text

[@ЯАск]

@@SuprunAlexey Спасибо )

[@allanit5166]

Я так смотря на данный урок понимаю одно не для новичка данный урок ))

[@SuprunAlexey]

+ALLANIT нет-нет, вы опробуйте, все намного проще чем кажется! У вас все получится! Если будут вопросы пишите! Просто делайте как я по шагам!

[@allanit5166]

Нет нет извини я не про то что именно я новичок )) Есть более подробное видео о таких делах и углублено на столь что более понятно . Я бы что то добавил и посоветовал ...

[@SuprunAlexey]

Ну это будет самый простой урок

[@nikolaipogoji1398]

А мне вот наоборот кажется, что именно для новичков, ну, если конечно учитывать, что слова "переменная" и "html/css" не пугают и не вводят в ступор. Наоборот, очень мотивирует сидеть и ковырять в справочнике(тот же htmlbook.ru), то что не знакомо или плохо понимаешь. Отличный урок, хотя JS для меня пока темноватый лес, но ни чего сверх непонятного я не нашел, у автора на удивление приятная и простая подача. Жду продолжение, автор молодец! Спасибо!

[@SuprunAlexey]

спасибо!

[@Анжеліка-в9ы]

Не работает почему-то кнопка, пишу код в Brackets, выдает много ошибок. Написала всё точно как в примере, посоветуйте, как исправить

[@dre1kke]

Понимаю, что прошло много времени, но вот только сейчас начал учить и столкнулся с проблемой. Хоть кнопка и работает, но при сужении экрана она остаётся уже в невидимой части экрана и добраться до нее можно только горизонтальной прокруткой. Что я делаю не так? Код сверял несколько раз!

[@SuprunAlexey]

Сверь код до каждого тега

[@helenvaliavko2394]

Может кто подскажет. Делаю в visual code Но у меня не становится в центр картинка и строка не заливается цветом

[@Виктрмороз]

у меня тоже

[@tomirisibrahim8170]

круто

[@SuprunAlexey]

Спасибо! Скоро выйдет новый курс по верстке

[@maximnovik5917]

Мармок веб дизайном занялся?

[@nektoshkaoff]

The GhostHunters видно да

[@micsamplay7465]

он им как бы и занимается 🗿

[@maximnovik5917]

@@micsamplay7465 мармок?

[@micsamplay7465]

@@maximnovik5917 он работает с веб и графическими дизайнами

[@susanin1346]

поставил свое лого с размерами 2560х421 пиксель, и оно выставилось по центру ну согласно justify-content: center;, но не адаптируется под изменение размера экрана, т .е. левая сторона улетала куда то, правая отображается только при прокрутке с помощью нижнего ползунка, как это поменять? что изменить? чего добавить? подскажи пожалуйста

[@ОльгаСам-ж3г]

какой размер лого? у меня не растянулось в узкую полоску как у вас.

[@IvanCherepakhin]

почему вы используете div с a вместо ul и li?

[@SuprunAlexey]

Такой вот пример

[@juliasemenenko2145]

наверное, потому, что мы вполне можем ссылкам теперь задавать display: block... O_o

[@howtogetit4896]

а где появился класс responsive?

[@murakami374]

мы его прописали в js , то есть если у нас мы нажимаем на кнопку (а соотвественно это происхлдит когда экран маленький ), то этой кнопке мы присваиваем класс responsive, а для него уже прописаны стили, ну я так понял

[@howtogetit4896]

@@murakami374 спасибо, но уже год прошел. Я больше не занимаюсь программированием...

[@hmakhsudov]

@@howtogetit4896 ахахаах

[@hmakhsudov]

@@howtogetit4896 почему?

[@1kolodon]

@@hmakhsudov он не нашел класс и ушел в депрессию

[@urishlomi650]

Здравствуйте! спасибо за лекцию. У меня следующая проблемка: все сделал как сказано, все вроде то-же, но вот при переходе на "респонсив" ничерта не меняется в меню. При любой резолюции меню полностью остается на экране. Проверил все построчно. В чем проблема, подскажите? P.S. Редактор выдает ошибку в JS коде о нехватке ";" в двух последних строках после "}" Я знаю что JS добавляет их по умолчанию и все же стоит это отметить. Заранее спасибо!

[@Кимденис-ж5ъ]

откуда класс responsive взялся?

[@SuprunAlexey]

создали

[@SuprunAlexey]

@Мас Ри в css, а добавили через JavaScript

[@СашаПонкратов-в6й]

09.23 Вы присваиваете классу лого свойство флекса justify-content,говорите что оно выравнивает элемент по горизонтали.В других источниках justify-content - это выравнивание по ГЛАВНОЙ оси(которая может быть и вертикальная),задаеться свойством flex-direction.Получаеться можно принебречь свойством flex-direction и сразу задать justify-content и это будет выравнивание по горизонтали ? Спасибо

[@danalexpiano]

Саша Понкратов а там же вроде по умолчанию row стоит.

[@АмыргаТавакай]

Почему не появляется кнопка меню при изменении экрана? Все идентично как в уроке, несколько раз проверял(

[@remniaccordions1030]

Добрый день ! Не пойму почему логотип фиксируется и при уменьшении экрана не сдвигается с экраном box-sizing: border-box;

[@кофеЛатте-д9б]

cпасибо за урок! подскажите, пожалуйста, почему у меня не отражается бургер меню ☰ и второй вопрос, подскажите, продолжение к этому уроку, а то начинаю гуглить выдает кучу всего интересного и я начинаю начинать параллельно еще кучу других( хочется этот пройти до конца

[@zefncs]

у меня почему то меню с лева не отображается когда кликаю на иконку. Почему ?

[@МаксимСергеевич-е4ь]

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

[@SuprunAlexey]

Не в редакторе дело, где то что то неправильно написал

[@МистерЯ-с8т]

14:34 время видео. Я еще очень нуб в этом деле, и не могу понять, в чем разница если мы просто укажем .icon вместо .topnav .icon ?