Комментарий с целью продвижения данного ютуб канала. Больше начинающих ребят должны начинать изучение HTML и CSS именно у этого человека. Спасибо вам Дмитрий!
@firdavsdadakhanov50873 жыл бұрын
бро я очень уважаю тебя, учился верстать в основе твоих видео роликов) давай больше видео с новейшими технологиями. A я поддержу с лайками)
@temir99453 жыл бұрын
Салам научился????
@СтаниславГорячев-г1ъ3 жыл бұрын
Поддерживаю
@manik77772 жыл бұрын
Дмитрий, очень мощный контент👍
@cy66a3 жыл бұрын
Ребята, если у вас на 7:00 не сработал placehold.it/100, то теперь нужно писать в другом формате via.placeholder.com/100 Поддержите лайками, чтобы комментарий был выше
@Workandu Жыл бұрын
а зачем? не проще аву так добавить ?
@cy66a Жыл бұрын
@@Workandu иногда нечего ставить. А placeholder нужен в качестве "затычки". Он так и называется из-за этого - place holder. Это всё равно что вместо использования Lorem Ipsum сказать, а не проще ли самому сочинить содержимое параграфа. Примерно такая аналогия, думаю.
@Max-ed4yd2 жыл бұрын
Специально поставил на паузу, чтобы посмеяться над С-ВИ-ДЖИ)))) Хватаем же ума у людей ...)) Контент супер, Спасибо, Дима!
@andriysocolov41353 жыл бұрын
Как всегда отличный урок!)
@tolirum3 жыл бұрын
Вторая часть, - полёт отличный 👍 Второй месяц изучаю frontend - наткнулся на твой канал - очень полезные уроки для меня. Правда в btn.scss (transition: background-color .2s linear;) - sass отказался компилировать - изменил на (transition: background .2s linear;) и все пошло. Мне нравится твой подход к работе - все четко по блокам - без месива)) Хорошо, когда есть возможность сразу учиться у нормальных людей, нормальной верстке, нормальному коду. 💪 Дмитрий, Спасибо!
@WhiteBear1419813 жыл бұрын
Супер! Очень профессионально. Gulp для меня в новинку, поэтому узнаю много нового. Спасибо!
@Legat743 жыл бұрын
Удачи Дмитрий! Спасибо за обучение, до сих пор помню твои курсы!
@sergsergey42513 жыл бұрын
Отличное видео по вёрстке. Спасибо! Верстка сайта HTML, GULP, SASS.
@satanist703 жыл бұрын
Дима, спасибо огромное!! Пока Activebox прохожу, очень интересно и понятно, а твой справочник это чудо по html, css, спасибо. Обязательно доберусь и сюда, впереди ещё Mogo и портфолио )
@gravitation-ether2423 жыл бұрын
Офигенный контент четко без воды
@НискемкромеСовести3 жыл бұрын
Давно ждал. Ура. пока не смотрел. сегодня начну.
@ChizhikovSergey3 жыл бұрын
Та самая заставка. Слушал тебя год назад и думал как это все осилить... Я уже немного лучше ). Знаю немного JS, PHP, написал пару проектов на React. Дмитрий, я благодарен.
@Linarmzt2 жыл бұрын
Сергей,скажи с чего начинал? просто с ютуба уроков или покупал платные курсы? напиши небольшую историю плиз .очень интересно,тоже хочу дойти до JS , а пока что штмл и ксс
@ChizhikovSergey2 жыл бұрын
@@Linarmzt Я скажу, что нельзя останавливаться если ты начал учиться в IT. Неважно в какой сфере. Даже если ты просто пришел и осваиваешь CSS, JS. Инстукция. П1 - Пилишь каждый день по 18-24 часа теорию и решаешь задачи. Простые задачи. П2 - Потом решаешь практические задачи на фрилансе или в компании. П3 - Не забываешь про П1 П4 - Дмитрий, спасибо! )) Тут должна быть реклама меня....
@Anopeng2 жыл бұрын
Я раньше верстал сайты на чистом HTML/CSS/JS. Недавно выучил основы jQuery, SASS, БЭМ и Gulp. Решил поискать хороший пример их использования и наткнулся на этот курс/плейлист или как это называется... В общем, все понятно и интересно)
@СтаниславГорячев-г1ъ3 жыл бұрын
Спасибо, Вам за ваши труды, очень приятно Вас слушать, как для новичка в этой стезе. P.s.было бы здорово увидеть от Вас серию видео по практике в js
@skibasyg15573 жыл бұрын
Здравствуйте, Дмитрий, вас очень приятно смотреть, интересно узнавать особенности профессиональной вёрстки, многое для меня новое, но очень интересное, спасибо)
@OrlonGaming3 жыл бұрын
Стоит кое-что взять на заметку, спасибо за видео!)
@Dimasiki1683 жыл бұрын
Очень круто. Самое главное что не нудно.
@FaYrUsinc3 жыл бұрын
очень понравилось объяснение, буду ждать продолжение.
@ВладимирКричковский-з3и3 жыл бұрын
Все супер как всегда! Осталось разобраться с интернет магазинами))) Жду видео)))
@N1k0lay3 жыл бұрын
Круто, если потом к этой верстке сделать WordPress
@grigodoes3 жыл бұрын
Как по мне, интереснее вариант с ModX
@N1k0lay3 жыл бұрын
@@grigodoes WordPress самая популярная CMS. Это бы принесло каналу много новых подписчиков. Все хотят умеет верстать современные сайты и садить их на WP. Да и лично мне больше нравится WordPress в качестве CMS для блога/инфосайта.
@spyrav3 жыл бұрын
лучшее видео, спасибо) будет чем заняться сегодня вечером
@VasiliyS-r5d3 жыл бұрын
50000 человек из первой части похоже сказали: "ну его нахер"
@ant34137 ай бұрын
Ну дааа сложно верстать, вроде верстаешь и думаешь а вдруг я не так сделал блок и прописал стили и т.д неувереность у меня.
@Jane-ge7ho3 жыл бұрын
Спасибо за труд! Ты как всегда на высоте:)
@timzeynalov35373 жыл бұрын
главное что получается чувствовать себя как дома в галпе ) это махина для разработки . очень редко можно найти подобные курсы где все как надо и есть материалы к уроку. был бы рад если будет еще тема в галпе . создадим какой нибудт интернет магазин
@AntonioBenderas2 жыл бұрын
0:07 175K subscribers. Мы свою задачу выполнили) Ждём контент)
@dim31433 жыл бұрын
Крутой урок) иконки social__item кстати можно позиционировать через .social {... &:not(:last-child) { margin-right: 15px; } ...} думаю, так будет более правильно)
@millenial1584Ай бұрын
Гораздо правильнее через flex gap
@shifrl7713 жыл бұрын
Просто супер CMS ваще лайк
@DerAleksey3 жыл бұрын
да, самое главное в верстке, это понять как контент правильно разделить на части.
@Dan-p7f3 жыл бұрын
Отличный урок )
@ФеликсШинский3 жыл бұрын
Ударение в слове «красивее» - «красИвее»
@grave31013 жыл бұрын
Спасибо большое за видео! Очень вовремя вас нашел! Я попытался вставить вместо картинки-заглушки аватарку из фигмы, и получилось так, что она заполняет только половину. Думаю, в следующем выпуске вы проблему эту сможете решить!)
@grave31013 жыл бұрын
Проблема в самой картинке, которая в фигме, там почему-то экспортится ещё пустое пространство, проверьте, пожалуйста, что там не так
@shps.online98303 жыл бұрын
все, коммент зарядил)) погнал смотреть ))
@РинатВерховный3 жыл бұрын
Хороший урок, сенсей 🙏
@djonikbb55723 жыл бұрын
Как относишься к каналу фрилансер по жизни??? Вы оба четко ,без воды приподаете материал
@АлексейЛитвинов-й5в3 жыл бұрын
в фигме справа вверху есть вкладка inspect, там отображаются scc стили для выбранного элемента. стили оформления, на мой взгляд удобней брать там, например box-shadow и д.р
@maleliuk3 жыл бұрын
Восторженные аплодисменты, лайки, подписки и добра!
@denvudd44923 жыл бұрын
Вау, новая верстка, круто
@elizarovga3 жыл бұрын
Огромное спасибо за такой большой и думаю актуальный проект! Подскажите как часто будет выходить видео по данному проекту?
@tilegenbakitov92433 жыл бұрын
Спасибо тебе очень понятно создам несколько аккаунтов и подпишусь на тебя чтобы набрал 100тыс по быстрее )
@ibxmusic80523 жыл бұрын
Привет из Узбекистана
@vladkutuzov12853 жыл бұрын
Класс)
@ihorkondratov21893 жыл бұрын
Годный контент!!!!
@ЕвгенийКавецкий-ц6м3 жыл бұрын
Супер!!!
@aidamur3 жыл бұрын
просто спасибо, друг
@itmoroz3 жыл бұрын
агонь, спасибо за труд! Хочу уточнить в исходниках должен быть макет формата фигмы?
@DmitriyKlyukvin3 жыл бұрын
Смотрю только сейчас, возможно дальше исправлено. Но как я вижу по макету кнопки одинакового размера w120. Тут же они вышли разные в зависимости от контента. Да мы делаем не строго по макету, учитывая что макет был нарисован автором. Но всё же по мне, одинакового размера красивее)
@nikomunikabelen85403 жыл бұрын
Спасибо!
@workbis23163 жыл бұрын
супер, спасибо большое)
@elitdie3 жыл бұрын
Картинка в сайдбаре же не контентная, а элемент дизайна. Лучше на мой взгляд в бэкграунд прописать. Дополнение про замену картинки в cms конечно важное, но тогда картинка становится контентной)
@elenaga45853 жыл бұрын
Насыпай больше ! Плюсую
@сашаклимко-м2р3 жыл бұрын
Здравствуйте Дмитрий. А что делать если высота окна меньше чем sidebar? У меня например до сдвига контента кнопок не было видно.
@PiterProduction Жыл бұрын
Спасибо
@khrustalev_creative3 жыл бұрын
Cтили можно копировать из figma, вкладка inspect
@DOLBOEBIZM-fx5ol3 жыл бұрын
не советуется это делать никому, потому-что там коды по 10 строчек кода а то и больше. По типу position и т.д
@khrustalev_creative3 жыл бұрын
@@DOLBOEBIZM-fx5olкопировать не все, только заковыристые. Например бокс-шадоу. Для скорости
@abylaym41573 жыл бұрын
Уже не терпится посмотреть следующий урок :)
@shittywizzard57273 жыл бұрын
Заставочка из Масс Эффекта :3
@СлаваБогузавсё-щ6д3 жыл бұрын
правильнее красивше))
@ИльяИваник-ф8ф2 жыл бұрын
2:20 а вот КАК правильно задать класс такой картинке по БЭМ в этом случае? sidebar__header__img - так нельзя, и как быть?
@steff88263 жыл бұрын
У меня, почему-то к иконкам social__item не применяется margin. И они изначально встали не в столбик, а в строку. И между ними какая-то синяя горизонтальная полосочка.
@splash87013 жыл бұрын
Та ну! Давай №3 видео это слишком легко
@СергейРозум-н5ф3 жыл бұрын
красИвее
@jackdoe13123 жыл бұрын
Решил поменять иконку одну (качал с Flaticon), в итоге не понял где выставлять width, height внутри svg документа. Но потом нашел Social icons для Figma и там (перед скачиванием) задал размеры (кстати, внутри этой иконки width, height указаны).
@AntonioBenderas2 жыл бұрын
3:10 если мы пишем scss то 13 строчку можно перенести внутрь .sidebar { &__header{} }
@andreich19803 жыл бұрын
Почему бы картинку в сайдбаре не загрузить как фон?
@jinke59353 жыл бұрын
А будет ли проверка на валидацию кода?
@shilizor3 жыл бұрын
Когда 3 урок?
@kawaikaino52773 жыл бұрын
Почему flex не используешь?
@rosephf_a2 жыл бұрын
У меня почему-то иконки svg не показывает((( КАк исправить?
@АльбертГамидов3 жыл бұрын
Какую прогу используешь для создания дизайна сайта?
@РинатВерховный3 жыл бұрын
А почему, если написать relative для profile__avatar, то баг с border пропадает?
@СергейЛуняк-д5е3 жыл бұрын
snipet коментария в html c. почему не копировать тень из фигмы раздел inspect?. думаю вы знаете.
@HD-qp3fw3 жыл бұрын
Картинки, svg не отображаются, закомментил в gulpfile отдельные строки, полностью task, не работает
@АманБакытов-к6д3 жыл бұрын
Урок отличный, но теперь понял что много чего не знаю((( где селекторы внутри других селекторов это что?? gulp or sass??
@BrainsCloud3 жыл бұрын
sass
@valerypobelenskiy10013 жыл бұрын
картинки не видит данный ниже плагин gulp-imagemin: Couldn't load default plugin "optipng" не отрабатывает
@warface-nik44103 жыл бұрын
Сколько частей будет ?
@BrainsCloud3 жыл бұрын
не знаю
@alizhilov13915 ай бұрын
Народ подскажите в brackets ошибки не выдает а vsc постоянно ошибки точку поставишь красное уведомление scss error и кричит дынь дынь дынь по мозгам не возможно верстать!!!
@kkulebaev3 жыл бұрын
Дмитрий, подскажите, будете ли Вы выносить SVG в отдельный файл и вставлять с помощью тега use? Потому что у меня в проекте возникла проблема с отображением градиента для SVG иконок. Я прочитал, что это из-за свойства display: none, изменил это свойство на нулевую высоту и ширину, но градиент все равно не показывается. Хотелось бы увидеть решение проблемы. На данный момент я теги иконок symbol добавил в index.html, так градиент работает, но хочу вынести в отдельный файл, чтобы не захламлять верстку.
@BrainsCloud3 жыл бұрын
посмотрим, но я обычно svg спрайты делаю в html, не выношу в отдельный файл
@1vekod4563 жыл бұрын
друзья, подскажите что это за ошибка (less-autocompile превысил время ожидания 10000 мс)?
@godfrey19473 жыл бұрын
Я новичек. Есть пару вопросов. 1. Почему все размеры в ремах? 2. Зачем под чуть ли не каждый блок свой css файл? а не один общий файл css.
@yuryrudny22073 жыл бұрын
Сверстаешь десяток макетов, поймёшь
@godfrey19473 жыл бұрын
@@yuryrudny2207 уже сверстал. Не сложно же конкретно ответить да? Или будем вы*быватся какие мы тут все опытные?
@imilkyway6283 жыл бұрын
@@godfrey1947 советую все-же сверстать с десяток корпоративных сайтов, порталов или просто многостраничек чтобы понять.
@godfrey19473 жыл бұрын
@@imilkyway628 мда вот это комьюнити у канала...
@godfrey19473 жыл бұрын
@@imilkyway628 ну сверстал я 10 многостраничек. использовал пиксели как единицу величины везде. Везде использовал единый файл стилей на весь сайт. Всё нормально с вёрсткой. Вопрос повторить?
@Kempriol3 жыл бұрын
Странно, что смещение было применено к блоку, а не аватарке, потому как если убираем аватарку из дизайна - сместится текст с именем и прочее..
@peterparker37943 жыл бұрын
УРРА!
@yehorich19753 жыл бұрын
При старте gulp терминал выдает ошибку TypeError in plugin "gulp-imagemin" Message: fn is not a function Details: fileName: D:\OpenServer\domains\personal-blog\src\assets\images\sidebar-header.jpg domainEmitter: [object Object] domain: [object Object] domainThrown: false что делать - ума не приложу. Подскажите, пожалуйста.
В названии написано SASS, а в видео используется SCSS
@addlokkesself42393 жыл бұрын
Сильная претензия, но удаваться в подробности не буду ) Могу подсказку только написать - SASS (SCSS)
@villgard3 жыл бұрын
Здравствуйте, прошу помощи. В сборке при верстке появилась проблема отображения картинок. Выдает в консоли 404. Может, кто подскажет, как ее решить?
@valerypobelenskiy10013 жыл бұрын
Добрый вечер Дмитрий проблема в сборке Gulp gulp-imagemin: Couldn't load default plugin "optipng" как можно решить данную проблему ?? переустанавливал плагин и даже версии Node под свою опреационку правда у меня старая 7 ка 32 битка
@BrainsCloud3 жыл бұрын
Сложно сказать, у меня такой проблемы нет. На крайний случай можете просто убрать данный pipe из таска и просто переносить картинки
@ЧарлиУизли-в7л3 жыл бұрын
смысл бить стили по мелким файлам? даже для 5 разных шаблонов это будет условно, 20-30 файлов. даже если стили будут разбиты по папкам с названием шаблона, уже через месяц забудете какой файл за что отвечает, какое бы говорящее название не было у файла. на мой взгляд map-файлы решают эту задачу, в девтулзах указывая строчку, где какой элемент стилизован. Далее в sublime Ctrl+G прыгаем на эту строчку и редактируем что нам нужно
@BrainsCloud3 жыл бұрын
делайте как хотите, я же не настаиваю
@ЧарлиУизли-в7л3 жыл бұрын
@@BrainsCloud хм.. я ожидал более конструктивного ответа, ну ок)
@АлексейЛитвинов-й5в3 жыл бұрын
поддерживаю вопрос, какой смысл выносить каждый элемент в отдельный css блок?
@ulbolsynzh3 жыл бұрын
Как найти первый заказ?
@ЧарлиУизли-в7л3 жыл бұрын
смысл использовать БЭМ-подобные именования для классов и не почти не использовать вложенность sass? на 5:26. но если использовать вложенность, зачем писать сравнительно длинные именования классов в html? .sidebar → .header → img типа название класса более говорящее и лучше описывает сущность? так вложенность и этот вопрос снимает. а более короткий html-код приятнее переносить на движок. попробуйте сто раз скопировать и (пример выдуман)
@ideagame36333 жыл бұрын
каждый пишет по разному , методов много, как ему удобно, слово - зачем? ваше не имеет смысла.
@strikerworld78963 жыл бұрын
Я первое видео ещё не успел досмотреть😅 (доделать)
@ЛюбаФедоренко3 жыл бұрын
Кука «io» вскоре будет отклоняться, поскольку её атрибут «SameSite» установлен в значение «None» или в недопустимое значение, и в ней отсутствует атрибут «secure».
@ЛюбаФедоренко3 жыл бұрын
Разобралась 😊 Глуповата я для этих дел, но жутко интересно. Буду мучаться
@АлександрЕгоров-ю2щ3 жыл бұрын
У меня почему-то не открывается дизайн сайта через фигму. У кого то была такая проблема?
@elenaabramova65893 жыл бұрын
У меня такая же ситуация. Figma предлагает свой учебный макет. Разобрались в ситуации или ещё нет?
@АлександрЕгоров-ю2щ3 жыл бұрын
@@elenaabramova6589 Да, в самой Figme в правой части экрана имеется возможность открыть проект. Вот через эту функцию у меня все заработало.
@max-km5oz3 жыл бұрын
почему я один замечаю что везде говорит что на SASS верстает, а на самомо деле на SCSS?
@maximskliarenko70473 жыл бұрын
а как открыть проект в браузере второй раз?????
@addlokkesself42393 жыл бұрын
По схеме как в первом видео, заходишь в директорию своего проекта через Git Bash, и прописываешь gulp. Правда у меня почему-то долго подгружаются файлы