Спасибо за бесплатные видеоуроки, мне как новичку более/менее всё понятно, если знать базовые вещи, например БЭМ, основные теги. Вот бы еще побольше про перенос самописа на Wordpress, про сам Вордпресс, как редактировать код, починить, например, форму, кнопку, создать правильно шаблон страницы, записи, кастомные поля. Я благодарен, продолжайте в том же духе, это адский труд.
Какой приятный голос. Смотрю на 1.75 (как и у всех времени не хватает), но так приятно, без тормозов, слов паразитов и долгих уходов в себя как у некоторых. Прям загляденье в общем. Успехов Вам в ваших проектах, всем добра!
Огромная благодарность за Ваш профессионализм и доброту, через ноутбук так и передаётся Ваша поддержка и заинтересованность дать, как можно больше знаний🖤
очень круто что говоришь: что, зачем, куда, и что думаешь. Этого очень не хватает в подобних видео потому что хочеться не знать как конкретно сделать ту или иную вещь, а формулу как это делать что бы потом можно было самому создавать и так далее мужык тебе респескт.
Я бы подметил когда вставляете svg в html. не забывайте писать высоту и ширину в атрибутах svg тега, так svg не будет размером с экран, если стили вдруг не подключаться.
Спасибо за урок, но можешь пожалуцста подсказать почему когда я подключаю svg logo через sprite.svg оно просто не отображается а если просто в body вставляю svg( то что скопировал в фигма) все работает, не знаешь как решить ?(
Если я правильно понял Вашу проблему, удалив тег svg из sprite.svg оставив только symbol то спрайт отображается. В index.html уже есть тег svg, в котором подключаем sprite.svg в use. Видимо какой-то конфликт вложенности.
Почему при адаптации header (примерно 1:16:00 таймкод) при первом медиа запросе у меня бургер и надписи улетают влево? Уже все пересмотрел, сделал все точь-точь как в видео
@@cff-ir6xv я долго ломал голову что не так, даже с самого начала просматривал ролик, но ничего не помогало. Поэтому я психанул и заново все переписал, и оно заработало. Так что это был либо баг либо моя невнимательность
А ничего если иконка бургера для сафари сохранилась файлом, на ярлыке которого указан explorer??? Или это дело в Виндоус 10? К тому же что делать если шрифты так и не загрузились? Может быть это связано с тем, что появился новый код для modern browsers, а я использовал как у вас - legacy support?
во время верстки столкнулся с проблемой, что шрифт почему-то по способу из видоса не импортирует русскую раскладку. Я не понял, где ошибся, но методика через линк в хеддер из google fonts решило проблему. Но я так и не смог понять, почему русская раскладка не отображалась, хотя с английской всё было окей.
Подскажите пожалуста как можно экспортировать картинку с бургером целиком, не могу объединить в группу слоёв, чтобы экспортировать. Работаю на Линукс, может поэтому у меня комбинация кнопок другая?
Не могу разобраться не работает свойство html{ --container:300px; --padding-container:10px} ; Свойство контейнера не меняется, его размер, забавно что падинг срабатывает .
Меньше сторонних зависимостей, стабильнее работа. Если шрифты подключать через preload локально, то можно почти полностью избавиться от мелькания. Почитайте про FOIT, FOFT, FOUT.
Спасибо за такое доступное объяснение! кто-то подскажет, почему rgb цвет (FFAB08) может не сработать, круг покрасился только при введении значения "orange" :(
Ребята, которые рекламируют свои школы и курсы по обучени., да выкладывайте коды готовые помимо макетов, а то, что делаете вы и если сделает по аналогии другой не всегда выйдет даже по предельно внятному рассказу, что бывает очень редко. Очень много нюансов почему нет и не надо говорить, вот если будете писать как на экране то выйдет... Почему нельзя сделать бесплатный урок - с эффектом вау, чтобы вызвало реакцию - из серии ну раз тут такое все доступное и у меня получилось, то что будет когда я куплю курсы..
Десктоп тоже будет ) после нескольких проб сверстать мобайлфёрст вы увидите, что этот способ намного удобнее. Особенно если учитывать, что почти 70% контента потребляется именно с телефона.
Я UX UI Designer и я в шоке от такой работы в том плане что, дизайнер наверное только после курсов вышел. Можно было и по лучше сделать дизайн) За то работодатели многого просят, а в итоге получают вот это и всех всё устраивает!
@@my.methed не могу критиковать как то чел сверху, но как не знающий человек подмечу, что ты когда выделял объекты 9:20, то не уточнил: как выделить все объекты и у меня к примеру не работает комбинация клавиш ctrl+G может есть альтернатива какая то?🤔
@@my.methed не слушай, мне нравится твоя подача. Что не понятно- дополнительно гуглю, много нового узнаю. А чел просто хотел за спасибо посмотреть ролик и сразу стать крутым фронтендером. Продолжай обучать!
Спасибо за бесплатные видеоуроки, мне как новичку более/менее всё понятно, если знать базовые вещи, например БЭМ, основные теги. Вот бы еще побольше про перенос самописа на Wordpress, про сам Вордпресс, как редактировать код, починить, например, форму, кнопку, создать правильно шаблон страницы, записи, кастомные поля. Я благодарен, продолжайте в том же духе, это адский труд.
А ещё какие бывают виды слайдеров и их реализация причём со стоимостью например и описанием)
спасибо, искал обучающий ролик по красивому макету по бем методологии, идеальный вариант :)
Какой приятный голос. Смотрю на 1.75 (как и у всех времени не хватает), но так приятно, без тормозов, слов паразитов и долгих уходов в себя как у некоторых. Прям загляденье в общем. Успехов Вам в ваших проектах, всем добра!
Огромная благодарность за Ваш профессионализм и доброту, через ноутбук так и передаётся Ваша поддержка и заинтересованность дать, как можно больше знаний🖤
Максим огромное спасибо за ваши труды и время ) крутой фронтендер)
очень круто что говоришь: что, зачем, куда, и что думаешь. Этого очень не хватает в подобних видео потому что хочеться не знать как конкретно сделать ту или иную вещь, а формулу как это делать что бы потом можно было самому создавать и так далее мужык тебе респескт.
Братан спасибо тебе за видео очень помогло, у тебя такой приятный голос и сам ты очень добрый, прям тащусь
Спасибо большое, главное что бы было полезно!
низкий поклон за титанические старания! ждем продолжения данной рубрики на канале
Спасибо )
Ждем!💥
Спасибо огромное за такой труд))
1:28:19 - возможно дело все таки в line-height, получается ты вместо 120% поставил 1, а 1 это как 100%, можно было бы с % поиграться
Уроки огонь, спасибо
Подскажи, что за плагин стоит в ВС чтоб отображались подключенные картинки? спасибо.
Здравствуйте а вы всегда используете метод mobile first?
Не знал что с favicon надо так заморачиваться, обычно просто вставлял его одним тегом и не парился))
Почему не качаешь с официального Google Fonts шрифты?
01:09:00 не получилось у меня после url прописать bottom/227px no-repeat, почему?
пришлось отдельно всё это писать
Свойство background или background-image?
Нужно background, в нём можно прописать несколько свойств.
Классный ролик✊
А нельзя ли сохранить лого как png?
Я бы подметил когда вставляете svg в html. не забывайте писать высоту и ширину в атрибутах svg тега, так svg не будет размером с экран, если стили вдруг не подключаться.
Не могу не согласиться, это вы верно отметили!
Спасибо за урок, но можешь пожалуцста подсказать почему когда я подключаю svg logo через sprite.svg оно просто не отображается а если просто в body вставляю svg( то что скопировал в фигма) все работает, не знаешь как решить ?(
Если я правильно понял Вашу проблему, удалив тег svg из sprite.svg оставив только symbol то спрайт отображается. В index.html уже есть тег svg, в котором подключаем sprite.svg в use. Видимо какой-то конфликт вложенности.
тоже самое. @@serhii_koliadko не помогло
И у меня так же
Если при загрузке svg ничего не отображается, а в коде странице видите ошибку, то стоит поставить сайт на локальный хостинг
Однозначно лайк!
Почему при адаптации header (примерно 1:16:00 таймкод) при первом медиа запросе у меня бургер и надписи улетают влево? Уже все пересмотрел, сделал все точь-точь как в видео
Приветствую! Понимаю, много времени прошло, но удалось как - то решить проблему?
@@cff-ir6xv я долго ломал голову что не так, даже с самого начала просматривал ролик, но ничего не помогало. Поэтому я психанул и заново все переписал, и оно заработало. Так что это был либо баг либо моя невнимательность
Почему у меня в фигме нет всех css атрибутов, как это у Вас с текстом на 01:10:05?
Вы скопировали макет к себе?
Возможно просто не тот слой выделили
А ничего если иконка бургера для сафари сохранилась файлом, на ярлыке которого указан explorer??? Или это дело в Виндоус 10? К тому же что делать если шрифты так и не загрузились? Может быть это связано с тем, что появился новый код для modern browsers, а я использовал как у вас - legacy support?
Подскажите пожалуйста, установила плагин SVG, иконка не появляется (в виде солнца) и не работает эммет. Что в настройках поправить нужно?
во время верстки столкнулся с проблемой, что шрифт почему-то по способу из видоса не импортирует русскую раскладку. Я не понял, где ошибся, но методика через линк в хеддер из google fonts решило проблему. Но я так и не смог понять, почему русская раскладка не отображалась, хотя с английской всё было окей.
А как правильнее верстать от мобилки или десктопа?
Подскажите пожалуста как можно экспортировать картинку с бургером целиком, не могу объединить в группу слоёв, чтобы экспортировать. Работаю на Линукс, может поэтому у меня комбинация кнопок другая?
просто у него только доступ к редактированию макета, я на маке тоже не смог
1:00:00 не хочет все равно добавлять кружек-картинку, что делать?
пишет ошибка "недопустимое значение свойства"
там где длинное значение с картинкой
Спасибо большое )))
И вам спасибо!
Не могу разобраться не работает свойство html{ --container:300px; --padding-container:10px} ;
Свойство контейнера не меняется, его размер, забавно что падинг срабатывает .
По этому примеру можно верстать любой сайт?)
почему как только меняешь svg на symbol слетает картинка
Подскажите, а что за плагин Вы использовали?
Не совсем понял вопрос, плагин для чего? Может минуту в видео?
@@my.methed плагин в vs code, где у вас показывалось гамбургеры 🍔 слева и вы говорили, что плагин правильно отработал.
???
Вот ссылка на плагин marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview
А почему ты не использовал онлайн сервис шрифтов от гугл? Просто код подключаешь в html сыллкой (1 строчка) и все, можешь его в ксс использовать.
Меньше сторонних зависимостей, стабильнее работа. Если шрифты подключать через preload локально, то можно почти полностью избавиться от мелькания. Почитайте про FOIT, FOFT, FOUT.
@@my.methedДа. Но я подключил онлайн шрифты и вообще не мелькает
@@ershovdesign8310 у тебя не мелькает, а у других людей инетрнет слабый и будет мелькать
mobile-first bg в png отрабатывает по всем @media . а вконсоль кто то заглядывал ?
А что у вас в консоли?
Спасибо за понятные видеоуроки!
у меня проблема с иконками, сначала всё было орошо, но позже иконкии вообще не высвечивалсиь
у кого-нибудь было такое?
лучший бро
а почему в одном блоке задавать 2 класса? все запутанно
йо! :)
спасибо❤❤
Вы за одно Сделайте по android iOS??
Привет всем! Подскажите, в чем суть копирования шаблонов с Figma в Html ? Заранее спасибо.
Фигма - это просто картинка, графика. Чтобы графика стала сайтом, ее нужно сверстать, то есть "скопировать" в html.
Спасибо за такое доступное объяснение! кто-то подскажет, почему rgb цвет (FFAB08) может не сработать, круг покрасился только при введении значения "orange" :(
решотку не прставил
не работает svg через Use(((( убилась уже с ним.
+
Тоже самое
Вопрос, как решили в пол второго ночи - думаю нормально)
@@marinatimoshenko4799
Ребята, которые рекламируют свои школы и курсы по обучени., да выкладывайте коды готовые помимо макетов, а то, что делаете вы и если сделает по аналогии другой не всегда выйдет даже по предельно внятному рассказу, что бывает очень редко. Очень много нюансов почему нет и не надо говорить, вот если будете писать как на экране то выйдет... Почему нельзя сделать бесплатный урок - с эффектом вау, чтобы вызвало реакцию - из серии ну раз тут такое все доступное и у меня получилось, то что будет когда я куплю курсы..
если шрифты прелоадом подключили зачем нам их теперь в font-face оставлять?
Если их не прописать в font-face они не загрузятся, мы же задаем там правила
села в надежде на версту декстопа....из-за лого перешли сразу на мобил((((
Десктоп тоже будет ) после нескольких проб сверстать мобайлфёрст вы увидите, что этот способ намного удобнее. Особенно если учитывать, что почти 70% контента потребляется именно с телефона.
доброго дня, а почему фавикон в png а не в ico формате?)
Современные браузеры поддерживают png и svg форматы
@@my.methed но наверное есть вес картинки и масштаб её,просто думал что свг лучше.)
36:20 просто переименуй папку, вырежи и вставь уже где нужно
Да возможно так быстрее
Сколько заплатил клиент за этот проект
много, ну мог по легче сделать
ЛЯяя как много времени с этим спрайтом... с самого начала у меня не работал сука((
Разобралась?
тоже самое зачем нужно было так заморачиваться, тем более для новичков легче просто вставить через img src
цыркл... 🤦♂
Я UX UI Designer и я в шоке от такой работы в том плане что, дизайнер наверное только после курсов вышел.
Можно было и по лучше сделать дизайн) За то работодатели многого просят, а в итоге получают вот это и всех всё устраивает!
Братан, верстак может ты и неплохой, но учитель - никудышный
Спасибо, а можно аргументировать?
@@my.methed не могу критиковать как то чел сверху, но как не знающий человек подмечу, что ты когда выделял объекты 9:20, то не уточнил: как выделить все объекты и у меня к примеру не работает комбинация клавиш ctrl+G может есть альтернатива какая то?🤔
@@my.methed не слушай, мне нравится твоя подача. Что не понятно- дополнительно гуглю, много нового узнаю. А чел просто хотел за спасибо посмотреть ролик и сразу стать крутым фронтендером. Продолжай обучать!
Не, братюля, просто ты ученик так себе