Верстка из Figma. Два часа практики от Александра Сокирки

[@bedeveloper]

*Понравилось видео? Поддержки автора на **boosty.to/bedev** и получи уникальные закрытые курсы с практикой и поддержкой автора. (Описание ништяков для подписчиков в этом видео - **kzbin.info/www/bejne/p33VfGtjg9eEb6c** )*

[@vladislavromanov7010]

*_Если кому-то пригодится, то линейка в Фигме вызывается сочетанием Shift+R._*

[@АлександрФримен-п7ж]

Александр, спасибо вам огромное! не обращайте внимание на диванных критиков, ваша высокая квалификация очевидна и не нуждается в дополнительных доказательствах. Продолжайте делиться опытом - я и другие подписчики очень благодарны за ваши труды!)

[@igorpi25]

Я программирую с 2006 года, на C++, Unity, Android, Flutter, php, мэнеджемент, стартап, бизнес и т.д. Вот решил, что без web не жить никак современному it-профи) А сегодня в вебе столько всего нужно изучить и пройти, вот и проходим. Молча, когда никто не видит) Я считаю, что просмотр таких мастер классов очень эффективно для быстрого входа в смежную специализацию, особенно для профи. Спасибо, вам. Удачи в курсах!

[@yaroslavadesigner3488]

Спасибо большое что показали раздельное меню!!! У меня какарас такой макет.

[@aliciajc4985]

Может я просмотрела, где можно скачать данный макет?

[@dreamtv3502]

Минут 20 искал как вернуть вью для просмотра расстояний между объектами, а потом наткнулся на это видео и 17 минута помогла)) Спасибо, добрый человек)))

[@user-race-Vulcan]

Как всегда отличный материал, Александр!! :)

[@bedeveloper]

😉

[@farruh.mahkamov]

u should add class to after that u can add style only for this class and itll be work in both)

[@Нонэйм-м1р]

Именно то, что мне нужно для домашнего проекта

[@alexandrshepelev2517]

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

[@IhorVasilchenko]

возник вопрос по размерам svg файлов если с высотами понятно то с параметрами width немного не понятно, в файле четко вижу 1820 даже меньше, чем стандарт разрешений мониторов (1920 на 1080) у меня эти изображения не доходят до левого и правого полей экрана а что будет на мониторе 4K или 2560 ? и я проверял картинки не растягиваются от края к краю блока

[@your-usa-buyer]

Здравствуйте, спасибо за урок!) подскажите новичку, как называется программа в которой вы верстаете сайт?

[@yassineelalj5522]

VS Code или можно сказать visuel studio code

[@texno5440]

Простите но у вас контейнер центрирующий по макету должен иметь 1180px, + по бокам padding где то по сторонам 20px, и того 20+20 = 40, wrapper 1180 - 40 = 1140px, значит ширину контейнеру wrapper нужно изначально задавать 1220px как бы все элементарно и по макету)

[@ГалинаКурятчева-н3в]

Отличный урок! Спасибо Александр!!

[@bedeveloper]

😉

[@ГригорийИваненко-в6х]

Html код на русском, теперь я видел все

[@АннаСергеева-й4у]

Здравствуйте. Оч хорошая практика. Но где можно скачать макет?

[@КурашовЕвгений-н3ю]

а где продолжение?

[@Sota2d]

не могу понять почему, но цвета на макете в фигме ( что пнг что даже заливка розовая #FEA3AC) выглядят гораздо сочнее чем те что в итоге показывают браузеры(проверил и в сафари и в хроме) с чем это может быть связано? Спасибо.

[@yanastolbikova5227]

Что будет, если не делать reset, а просто прописывать стили?

[@michaelmichael2897]

каждый браузер имеет свои стили,если их не ресетнуть то к ним прибавятся стили,написанные тобой

[@hammaren2678]

Огонь урок, только не пойму зачем такие длинные селекторы? Сложно ведь потом поддерживать код, не? И за Аву Аддамс респект) Моя любимая актриса)

[@bedeveloper]

кто такая Ава Адамс? первый раз слышу) по селекторам есть свои причины, в дальнейших уроках рассказывается) только вот они доступны участникам машины только.

[@oleksandrvorzhev5026]

@@bedeveloper axaxa

[@stroy-art]

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

[@АлександрНикольский-б4е]

У меня проблема с кнопками меню, у них нету отступа от верхнего края, в чем проблема не могу понять, помогите)

[@ПятыйЭлемент-й1ф]

Вопрос. Если в section Нет заголовка, то зачем писать section, когда можно просто div-ом обойтись?

[@igr3943]

Прикольный экспириенс по вёрстке. Кста, я конечно ничего не имею против красивых имен, но кто понял, то понял о чем я)) для остальных хотел сказать, чтобы попробовал чекнуть имя первой девушки в Dream Team :) вот уж действительно «дримтим» (hehehe)

[@yanutsh]

Спасибо, полезный урок. Только файла reset.css не нашел :(

[@tovjukov]

23:41 можно взять и нарисовать между ними квадра и посмотреть его размеры, а потом его удалить

[@oleksiik4473]

Спасибо за урок!)

[@bedeveloper]

😉

[@pviktor2838]

Здравствуйте. У Вас опечатка в имени. Не знаю важно это или нет.

[@bedeveloper]

Спасибо. поправил)

[@mr.worlder]

Видео очень полезная. Но за курс цена касмическая. 270633 казахский тенге каждый не сможет. Но за урок отдельно спасибо.

[@m-codedesigner5093]

каскад сложный, верстка не модульная. и так вообще стили писать нельзя!

[@АлексейВолков-ц5э]

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

[@bedeveloper]

😉

[@texno5440]

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

[@kamidereneko336]

Крч в фигму нельзя любые макеты добавлять, только которые там есть и все. Просто нигде из обучалок не говорится как туда добавить этот сранный макет...

[@bedeveloper]

В меню есть опция импортировать а так же в верхнем правом углу (главный экран) есть иконка для импорта проекта. В фигму можно импортировать любой проект с расширением .fig то есть любой дизайн сделанный в фигма.

[@peter_sun220]

Как же вас обожаю!

[@bedeveloper]

😊

[@axelc0de956]

Урок на любителя. Кода нет. Попробовал повторить за автором, в конце просто получил путаницу во флексах (team_member), код вроде сверил, все должно работать. Под конец автор вообще перестал что-либо пояснять, просто писал. Продолжения урока нет. Зачем рекламировать курсы такими видео - непонятно, это антиреклама.

[@artemyandruschak9259]

гуууд

[@ihormysak3977]

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

[@bedeveloper]

😉

[@ihormysak3977]

@@bedeveloper будет окончания верстки сайта?

[@bakhrombek1657]

Font ovsem))) мужик неужели тяжело правильно выговаривать)? Верстаешь среднее. Но много классов на Классы пишешь. )

[@user-race-Vulcan]

Никогда не понимал кто дизлайкает..., мне если что-то не нравится то я просто не смотрю. Очень очень редко дизлайкаю когда ну совсем нарываются... просто лол. В моем понимании лайк - значит поддержать автора. Дизлайк - попытка убрать его - это более ответственное решение, все это глупо конечно звучит на первый взгляд, но вот пару десятков тысяч таких решений губят действительно интересных талантливых людей. Не только ютуба это касается, а безответственных решений и суждений по жизни, сейчас какой-нибудь диванный умник сидит и думает, а мне п..х. Дружочек таким как ты и на тебя так же..., а живешь ты в тепле и сыт как раз благодаря отзывчивым ответственным людям... вымрите уже пещерные троли...

[@bedeveloper]

с позиции автора скажу, что очень не приятно видеть дизы в первые же минуты после публикации. видео не просмотренно, сразу диз. 😁

[@user-race-Vulcan]

@@bedeveloper меня просто в шок бросает инфантильность и незрелость таких индивидов. А у Вас, Александр все супер, хороших умных людей на много больше... мы Ваши видео ценим как и Вас. Понятно, что все хотят заработать (это я пессимистам и нытикам адресую), но вот по 1С-Битриксу например хрен найдешь норм информацию, задумайтесь лучше ребята кто читает, не будьте детьми наивными...

[@prana6854]

@@user-race-Vulcan Сейчас в основном решает глубина просмотров и чтоб пользователь не ушел на другое видео по запросу (практика верстки, веб программирование и т.д) А то что там дизлайки, это не так важно.

[@user-race-Vulcan]

@@prana6854 Имел ввиду совсем не дизлайки, а в целом безответственное отношение и к себе и к окружающим. Ясно что своя рубашка ближе и я лицемер как и многие, но хоть какие-то мозги должны быть же? Мы так диградируем до приматов с п..х нынешним. Вот Александру 100 лет надо бесплатно сидеть видео записывать? Сомневаюсь, что потраченное время финансово окупится! То есть в какой-то степени все же он альтруист... А Вы Никита, конечно же правы, но я не о том :)

[@prana6854]

@@user-race-Vulcan согласен с вами)

[@ДмитрийБел-л3ф]

Перестаньте говорить Гуууут. Это очень раздражает.