Посмотрел предыдущий макет и зашел сюда. Голос отличный - дикторский. Отличные уроки, отличная подача информации. Спасибо за работу и помощь новичкам!
@turalperfectworld1065
5 жыл бұрын
То чувство когда ждёшь видео от BrainsCloud сильнее чем отпуск.
@justspartak
5 жыл бұрын
Аминь!
@BrainsCloud
5 жыл бұрын
Привет! Меня долго не было, но я никуда не пропал ) Кто соскучился ставит лайк на видео ;)
@karambinos
5 жыл бұрын
Горизонтальная линия, которая отвалилась - это подчеркивание слова "work" (но всё съехало, ибо слово contacts тоже съехало). Так показан активный или наведенный пункт меню по задумке автора. Надпись "hire me" - это кнопка, которая не является пунктом меню, поэтому выделена рамкой с закругленными краями.
@BrainsCloud
5 жыл бұрын
@@karambinos спасибо за комментарий, я об этом позже подумал, но ничего страшного
@Mykhailo_Vdovychenko
5 жыл бұрын
С возвращением =)
@tasha6079
5 жыл бұрын
Не могу найти в psd макете модальные окна, их там нет?
@BrainsCloud
5 жыл бұрын
Tasha видимо нет :(
@noviceprogrammer8625
5 жыл бұрын
Не поверишь но я понимаю в одном твоем видео больше чем в других 1000 урок. Желаю удачи братан. Я с тобой 15000 подписчиков.
@beria_
4 жыл бұрын
не ври
@kirillshevchenko7677
5 жыл бұрын
Ура, новые видео по верске, долго их ждал.
@НискемкромеСовести
4 жыл бұрын
Дима здоров будь. Начинаю третий учебный сайт с тобой. Давай пожалуйста не будем останавливаться на трех. Запиши еще одну многостраничную обучалку. Тебе респект.
@akhmad_goytinski
6 ай бұрын
Спасибо Дмитрий! Отличные подробные уроки!
@Mr-in8km
5 жыл бұрын
Как же вовремя, только только начал рисовать себе портфолио, по веб дизайну. Спасибо огромное)
@RosarioPorello
5 жыл бұрын
Хотелось бы так же увидеть курсы по JS . За оплату конечно , что бы ваш труд не был в пустую
@farhadsamadov3598
4 жыл бұрын
Согласен!
@MaximLisyanskiy
4 жыл бұрын
Reserious учи основы, чтобы прям от зубок знания были. Потому что js, как верстку не достаточно посмотреть и повторить.
@ant3413
3 жыл бұрын
@@zMxxxxxxxxxx просто повторяй из видео по JS на собедеседование потом покажешь что сделал,и тогда возьмут на работу JS разработчиком
@andrey_ryzhko
5 жыл бұрын
Для удобства работы с ремами можно начальный размер шрифта задавать не 15 а 10 пикселей. Тогда легко переводить с пикселей в ремы, достаточно поделить на 10. К примеру 16px = 1,6rem. Не нужно постоянно калькулятор дергать
@BrainsCloud
5 жыл бұрын
Кстати да
@ikadill5921
4 жыл бұрын
Спасибо за подсказку) Имею странную привычку, читать комменты, а только потом приступать к уроку. Сразу сделала по Вашему совету.
@nikomunikabelen8540
2 жыл бұрын
полезно, как раз для таких тупых как я)))никак не мог к этим ремам принаровиться, вы помогли))
@jorgenUA
5 жыл бұрын
менюшка тегом не только для многоуровневости используется. Ещё для 1. скринридер будет добрее) 2. для натяжки на WP гораздо удобнее , кто-то не убъётся при "натяжке")
@Spencerrrr
5 жыл бұрын
Красава, все подробно и доступно. Ты лучший на данный момент!!!
@andreev.frontend
5 жыл бұрын
Дим, привет! Спасибо за твой контент!) бальзам для ушей и глаз!) По поводу nav ты, по-моему, немного ошибся. Очень похоже, что полоска это эффект hover, а hire me, это кнопка с выводом на форму) тогда и contacts оказывается не лишним) А в подтверждение моих слов - презентация макета на behance)
@BrainsCloud
5 жыл бұрын
Хелоу. Да я уже понял ) исправим.
@ЮраЧерменев-з6о
Жыл бұрын
@@BrainsCloud Привет Дима хочу научиться программировать Вёрстку сайта с Нуля мне нужен программист для учёбы в программирование я новичок
@PieceOfInternet
3 жыл бұрын
Отличный урок!) спасибо. Единственное, не очень понимаю, зачем ты использовал значение 1Rem = 15px, и потом тратил время с калькулятором при переводе px в rem. Можно вполне было задать 1rem = 10px и это было бы в разы понятнее и быстрее в переводе значений)
@KuKu_RuKu88
4 жыл бұрын
слов нет, одни эмоции.... Спссибо за подробные уроки ;))
@andreaswss
4 жыл бұрын
Бро, Спасибо огромное за твои видео Твой канал сделал мою самоизоляцию очень продуктивной)))
@peterparker3794
4 жыл бұрын
same XD
@7lipa7
4 жыл бұрын
Полоска слева - это активное меню "work", а "contacts" съехали вниз. Hire me - это кнопка - призыв к действию.
@Dean-nh3ms
5 жыл бұрын
Наконец-то!!!) пасыба, жду продолжения! You are the best.
@Mykhailo_Vdovychenko
5 жыл бұрын
Крутая верстка! СПАСИБО! 40 мин урока пролетело незаметно! =)
@Artem-bt1cx
5 жыл бұрын
Хороший материал, в каждых последующих плейлистах по вёрстке есть новые инструменты по мере нарастания. Успехов в развитии канала!
@urseke
5 жыл бұрын
отличные уроки, каждый раз узнаю что-то новое для себя.Спасибо
@BrainsCloud
4 жыл бұрын
*Верстка сайта транспортной компании:* brainscloud.ru/landing/logistic-html *Хостинг Timeweb* - bit.ly/2Kms8Lf *Бонусы* доступны после оплаты тарифа Optimo+ на год. Для активации нужно открыть раздел "Бонусы и промокоды" в Панели управления и ввести промокод. *brainscloud* - плюс 1 месяц бесплатного хостинга *brainscoud2* - услуга "Ускоритель сайтов"
@Drake67666467464564
4 жыл бұрын
42:17 это не декоративная линия, а подчеркивание при наведении на элемент меню, последний элемент меню это кнопка
@khamzagal7928
4 жыл бұрын
пиздец он нахуевертил
@ohwooow1223
4 жыл бұрын
это домашка была))
@progerlife6690
5 жыл бұрын
Офигеть Димон спасибо!!! как раз практика Less! Thank you very much!! Лайк!
@НискемкромеСовести
3 жыл бұрын
Этот курс по верстке самый интересный. Давай в том же духе.
@thekamol
5 жыл бұрын
Круто! Продолжайте пожалуйста
@GavoshA
5 жыл бұрын
я даже не заметил эти 45 минут. жду продолжения
@Greencraftstudio
5 жыл бұрын
Воу! Только закончил предыдущий. Просто супер
@elitech3339
5 жыл бұрын
Ток посмотрел твой урок, как всегда с чувством с толком с растоновкой
@СофияАлександрова-ы1ь
2 жыл бұрын
Всегда крутые видео, спасибо большое!
@alexeyn2793
5 жыл бұрын
Спасибо! Очень круто! Вот бы еще видос с формами.
@muborizDev
4 жыл бұрын
Спасибо за видео , разобрался в некоторых тонкостях верстки.
@time4769
5 жыл бұрын
отличная тема, скоро пришлю что получилось, продолжай дальше верстать пожалуйста! буду через тебя учиться верстать сайты.
@den3381
4 жыл бұрын
Ты лучший в объяснении уроков)))
@igorgerald8294
5 жыл бұрын
Спасибо бротан, очень помог😊😊😊
@DerAleksey
4 жыл бұрын
Прикольно что чем больше углубляюсь, тем больше преимущество лайков к дизлайкам =) Вроде ничего особого не сделали, но урок показался более, чем насыщенным.
@helworldd
3 жыл бұрын
Я не смотрел урок по less, но меня одного смущает то, что он ведь прямая копия css, только с переменами, в sass, там вообще удобней кодить и он многом отличается от css.
@Сергей22-э4н
3 жыл бұрын
Дмитрий, спасибо за урок!
@vitalytochenyy481
3 жыл бұрын
Ты просто нереально крут!!!!
@tmfouz
5 жыл бұрын
Хороший урок, много полезного
@bearbullc
5 жыл бұрын
Да кстате курсы по JS от тебя были бы вообще топ
@BahtiyarBasharov
5 жыл бұрын
Я тоже верстаю 2й твой макет, но без Js. Почему мы сразу стартуем с Js? Мы же типа HTML изучаем, или мы должны уже знать Js?
@mikeempire
4 жыл бұрын
@@BahtiyarBasharov да, должны
@nikomunikabelen8540
2 жыл бұрын
Спасибо. Только не понимаю, зачем разбивать верстку на столько less блоков. Помоему есть условный блок хедер - для него один лесс файл и так далее) А в самом файле можно комменты оставлять, типа от сюда идут для этого блока стили)
@optimist6598
5 жыл бұрын
О отлино еще проект.Отлично))Лайк!!!
@АлексейСтупников-д4у
3 жыл бұрын
Здравствуйте! Благодарю за видео!
@ЕвгенийМедонин
4 жыл бұрын
Привет. Ты вроде всё круто быстро верстаешь, но вот в ручную считаешь перевод пикселей в rem. Может проще написать один миксин который будет конвертировать px в rem? Тогда 16px по стандарту можно будет оставить и время не тратить на расчёты.
@yurisamarin8200
5 жыл бұрын
Аффтар канешн красавчег... но я пока поверстаю на html css без js j-query и других еще мне не понятных вещей...Через месяц может дорасту до этого макета))но лайк сразу!
@ВладимирВладимир-ы8е
3 жыл бұрын
Как успехи спустя год?
@yurisamarin8200
3 жыл бұрын
@@ВладимирВладимир-ы8е немного получил вёрстку... Из jQuery слайдер. С джаваскрипта клацанье на кнопку чтобы Гамбургер меню открыть. А так в основном работал в конторе рекламной делал сошейл. На Афтар еффектс. И сайты на елементоре.. а у тебя?
@yurisamarin8200
3 жыл бұрын
@@ВладимирВладимир-ы8е мой канал number one creative там мой рост можно наблюдать
@dunhill302
4 жыл бұрын
Привет, а подскажите, зачем контейнеру давать width 100%? Ведь max-width предотвращает использование width. А урок клевый! Голос пушка!)
@МихаилЕрмолаев-ч3н
4 жыл бұрын
Где же видео с моментами из жизни? Так интересно было посмотреть, как ты живешь, но всего одно видео
@natanrock4358
5 жыл бұрын
еееее!!!!Здорово!!!
@qwens3r
4 жыл бұрын
чтобы успевать за диктором решил поставить скорость 0.5 :D ученик спал, а руки печатали)
@MrWins-ik6ur
5 жыл бұрын
Видно, что хоть урок записывал на less, sass для тебя в большем приоритете)))
@BrainsCloud
5 жыл бұрын
))
@romaroman8204
5 жыл бұрын
Мне кажется елементам меню при ховере просто полоска снизу добавлялась, у вас просто макет слегка не правильно отобразился
@ДмитрийТимофеев-ц1э
Жыл бұрын
Super! 👍
@НикитаНиколаев-ь4д
5 жыл бұрын
Наконец новое видео)
@askhat9232
4 жыл бұрын
42:15 у вас макет неправильно загрузился. У ссылок при ховере должен появляться эти линии. А бордер по умолчанию должен быть только у хайр ми
@dunhill302
4 жыл бұрын
ага
@АлексейФокин-г8м
4 жыл бұрын
Привет Дмитрий, спасибо за уроки. Я занимаюсь вёрсткой, и мы сначала создаём общий контейнер а потом делим его на блоки. У тебя я заметил другой подход, ты берешь блок и внутри него создаёшь контейнер. Объясни пожалуйста в чем смысл такого подхода и насколько такое решение лучше ?
@alexlisouski4069
5 жыл бұрын
Отлично! Есть чем заняться
@ДарьяГришина-ц4в
5 жыл бұрын
Дмитрий, объясни пожалуйста rem и em
@deniskyoto4515
5 жыл бұрын
Спасибо за уроки
@iDobroslavin
4 жыл бұрын
Можешь добавить в окончания видео ссылки на "предыдущий" - "следующий" урок?
@Ученик-в6е
4 жыл бұрын
Отлично!
@elitech3339
5 жыл бұрын
Даааааа, только думал об этом и вот !! ( я про LESS)
@fromvytvytska
5 жыл бұрын
Классссс, супер, пупер
@Alex-nu5pw
5 жыл бұрын
Супер!!!!!!!!!!!!!!
@marynakosiv3750
4 жыл бұрын
Привет, Дима!) В тестовых заданиях написано одно из требований - Retina Support. У тебя есть на канале что-то про такие картинки? И что вообще надо делать и как правильно делать, если такие требования для макета?=)) не очень понятный момент( спасибо за ответ! пс - верстать уже умею более-менее, но все равно видео твои лучшие!!!
@BrainsCloud
4 жыл бұрын
Привет! Надо растровую графику подготовить х2 размера, чтобы на ретине она не была мыльной и где есть возможность использовать векторные изображения вместо растровых. Насколько помню видео на эту тему я не записывал, возможно какой-то момент был в видео по тегу picture.
@marynakosiv3750
4 жыл бұрын
@@BrainsCloud спасибо!
@ЮраЧерменев-з6о
Жыл бұрын
@@marynakosiv3750 привет Марина можешь меня научить программировать Вёрстку Сайта с нуля пожалуйста я новичок хочу программировать научиться
@NeedForHeavyMetal
3 жыл бұрын
Лайк неглядя)
@brokuka
3 жыл бұрын
Дмитрий, можете ли вы скинуть ссылку да и вставить шрифт FontAwesome в описании. После установки с офф. сайта, шрифты всё равно не подгружают в макете( Adobe XD ).
@tanyamarushka7251
2 жыл бұрын
Спасибо!
@АлександрПетров-б8ь5п
4 жыл бұрын
спасибо за видео
@alexanderfilippovich4757
4 жыл бұрын
здравствуйте. Не подскажите, выключил файл, включил заново и файл less не компилируется теперь в css
@inspirostudio
4 жыл бұрын
Спасибо большое за канал! Узнаю много полезных деталей здесь! Почему-то импортируемые less файлы компилируются только после сохранения style.less. Т е каждый раз изменив что-н в подключаемом файле, надо сохранить style.less. В чем может быть причина?
@inspirostudio
4 жыл бұрын
Если кому пригодится, проблема решилась изменением настройки less2css: "main_file": "style.less"
@katerynaburakowa4709
4 жыл бұрын
@@inspirostudio Большое спасибо! Та же проблема была в Sublime text 3.
@nurik9787
5 жыл бұрын
39:55 border-radius: 1.33rem вместо 20px)
@ПавелРендаренко
5 жыл бұрын
Наконец то новое завезли =) Может мне кто нить объяснить, почему, что то делается в rem, а что то в px. Переменная с цветом удобно получается, но вот с rem вообще не понял прикола. Всё время, что то считать на калькуляторе =) В чём преимущество? И ещё, может рекламу лучше вставлять в начале видео? И народу больше посмотрит, не все наверное смотрят видео полностью, могут проскочить, а для тех кто смотрит она не будет неожиданностью =) Спасибо за видос =)
@alexlisouski4069
5 жыл бұрын
rem нужны для адаптива. чтобы понять их удобство попробуй сверстай две одинаковые секции с текстом картинкой и кнопкой на пикселях и rem'ах.
@sevakvart1111
4 жыл бұрын
Отличные уроки, по JS что-нибудь намечается?
@nurik9787
5 жыл бұрын
35:15 там должно быть .2rem вместо 3px)
@leoibra6296
4 жыл бұрын
сделай пожалуйста видео реального заказа от нуля до сдачи. желательно лендинга) буду очень благодарен
@2189108
4 жыл бұрын
Пушка
@ВаняИванов-с4с1я
5 жыл бұрын
Дмитрий спасибо за Ваш труд, уроки очень полезные. У кого получилось скачать макет подскажите как?
@MaximLisyanskiy
4 жыл бұрын
Короче, у кого проблемы с размерами фотографии (например, вы вставили свое фото 600 на 600 пикселей и оно не уменьшается), пишем такой код: .user display: flex &__avatar width: 57px height: 57px img width: 100% p.s. написал через sass, но суть и вложенность должны уловить :)
@skymonn
5 жыл бұрын
Хорошо
@ShadowBRN
5 жыл бұрын
Дим, привет. Спасибо за хороший контент. Но подскажи пожалуйста, ты используешь параметр justify-content, он не поддерживается браузером ie вообще любой версии да и не только им. Подскажи чем его можно заменить
@BrainsCloud
5 жыл бұрын
Привет. Вот ответ: stackoverflow.com/questions/17695865/why-does-display-ms-flex-ms-justify-content-center-not-work-in-ie10
@ShadowBRN
5 жыл бұрын
Дима, большое спасибо!
@martinpokrovski9212
5 жыл бұрын
спасибо
@youtuberelaxvideo
5 жыл бұрын
ОГОНЬ
@МаксимКадушкин-п6в
5 жыл бұрын
Спасибо большое за подробные объяснения. Но у меня возникло несколько трудностей с добавлением фона (и картинки и заливки). Не работает и все. Поэтому не знаю есть ли смысл дальше продолжать?
@ОлексійКучер-р3с
3 жыл бұрын
Удаляю файл css, который не нужен, а он востанавливаеться, опять удаляю, и опять востанавливаеться, хотя в less файле прописал главный файл
@andrewmlc
3 жыл бұрын
нажми ctrl+s (для сохранения), у меня сработало
@Mykhailo_Vdovychenko
5 жыл бұрын
Может кому поможет: Установил на Win 10 Adobe XD - при запуске выскакивало белое окно и закрывалось, без каких либо ошибок или сообщений. Помогла просто перезагрузка ПК и Adobe XD начал нормально запускаться.
@СлаваБогузавсё-щ6д
4 жыл бұрын
все классно, но если не использовал раньше препроцессоров, то бесконечное дробление на компоненты выглядит дико … и так выделили header зачем еще мельчешить на user... чтобы написать там 2 строчки кода и снова делать новый блок?)) или это всё опционально и можно дробление делать по-своему усмотрению - более глобальные куски?
@maxim7603
4 жыл бұрын
дробление по своему усмотрению, это не обязательно
@аукакупкукупук
5 жыл бұрын
Лайк неглядя
@DerAleksey
2 жыл бұрын
что забавно, когда подключаешь Less, то в коде читаются комментарии, типа - // compress: true
@dsim2632
4 жыл бұрын
Так же, при открытии макета через фотошоп, нету макетов модльных окон, только шаблон сайта. Они есть только при открытии в Адоб ХД ?
@dmitriyvol8
2 жыл бұрын
Привет, очень нравятся твои уроки, помоги с ошибкой, не могу создать файл.less
@mariasana9
4 жыл бұрын
В psd даже цвета другие. И нет ошибки с подчеркиванием в навигации.
@Frylab_admin
8 ай бұрын
Почему при вводе margin: 0; выбивает ошибку что не могу ставить нулевые значения?
@tarashrunyk9491
5 жыл бұрын
Привіт! Я стажувався в одній невеликій компанії і мені там сказали що встановлювати будь які стилі для body непотрібно.....чи це так ? І ще одне питання: чому в тебе елементи меню розтягнулись на цілу висоту ?
@DerAleksey
3 жыл бұрын
Дмитрий, у меня Brackets пишет что поддержка Adobe закончена, т.е. теперь нужно переходить в VSCODE?
@ВиталийВитаий-в7х
5 жыл бұрын
Макет без картинок качается!!! как скачать нормальный макет!!! спс...
@ВиталийКухарчук-с9я
4 жыл бұрын
Здравствуйте ! А что за &:hover ? Это потому что в less ? А то браузер и VSCode ругаются, мол, нет такого.
@iDobroslavin
4 жыл бұрын
Привет. Почему паддинги не используешь в таком формате: padding: 0 1rem? Не слишком ли много делений на блоки .less? Я вот с ремами так и не подружился, так и остался на px.
@BrainsCloud
4 жыл бұрын
Чтобы с ремами было проще, делайте 1rem = 10px и не придется высчитывать. Когда начал записывать курс об этом не подумал, но спасибо зрителям.
@iDobroslavin
4 жыл бұрын
@@BrainsCloud Не увидел плюсов в переходе на ремы, которые появились так давно, что.. Только что зашёл на сайты Asus, Microsoft, Nvidia - везде пиксели используются.
@ukrainianghost6680
4 жыл бұрын
BrainsCloud привет) у меня проблема с &: hover - & подчеркивается, hover отображается как обычный текст
@Alekseypravda
4 жыл бұрын
У меня не генерируется новый файл .less, когда я пишу тот же style.less, не появляется файл style.css. Причем что сначала появлялся, но когда я начал заново писать то все. Подскажите
@АлексейКудряшов-ъ3ф
4 жыл бұрын
Доброе время суток. К сожалению Файл png не полный. Нет модального окна и полностью отсутствует вторая половина. Использовать Adobe XВ к сожалению пока не могу
Пікірлер: 237