Адаптивная HTML-верстка макета из Figma с подробным объяснением. Советы от профи. HTML SCSS GULP.

Адаптивная HTML-верстка макета из Figma с подробным объяснением. Советы от профи. HTML SCSS GULP.

386,861 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Dmitriy Hardi
Dmitriy Hardi - 05.07.2023 16:12

Я так и не понял, почему на странице works у тебя изменилось отображение карточек works__item, а на главной осталось как изначально с боков.свайпом?
Если меняю на одной то меняется и на другой. Как єто исправить, подскажи, пожалуйста?

Ответить
Анастасия Воловик
Анастасия Воловик - 17.06.2023 22:10

Женя, в первую очередь - огромное спасибо за уроки! Столько пользы для нас! У меня вот вопрос...возможно, глупый, но всё же). Когда мы переносим из html в css все классы, бывает, что не для всех есть нужда прописывать свойства и они остаются пустые. Что с ними делать? Удалять только из css? Удалять из css и html?

Ответить
ТОЛЬКО ПО БЕЗДОРОЖЬЮ
ТОЛЬКО ПО БЕЗДОРОЖЬЮ - 25.05.2023 13:11

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

Ответить
Гари Шульц
Гари Шульц - 18.05.2023 13:19

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

Ответить
Гари Шульц
Гари Шульц - 16.05.2023 13:08

блиин, аналогия с сотами это просто шикарно и понятно!!

Ответить
117 m
117 m - 03.05.2023 12:43

Добрый день, есть такой вопрос, а почему Вы не пишите сайты к примеру на react? Буду благодарен за исчерпывающий ответ.

Ответить
Anton Savchenko
Anton Savchenko - 14.04.2023 16:10

Добрый день!
Заметил что у меня не срарабатывает переменная "link" в контексте @@if(link==2){_active}, в панэле разработчика отмечено - <a href="" class="menu__link undefined(link==2){_active}">Blog</a> . Получается что "@@if" не срабатывает. это проблема в JS или что то другое.
Может кто то сталкивался с такой проблемкой?
ПС. пишу через стартовый шаблон 3.0.0 от Жени

Ответить
Steve2
Steve2 - 25.03.2023 16:19

Верстка на дівах, клас, навіть тегу параграфу p нема для тексту, я вже мовчу про список елементів ul>li

Ответить
Стас Стас
Стас Стас - 03.03.2023 13:29

як скачувати макет?

Ответить
Андрій Романенко
Андрій Романенко - 08.02.2023 22:29

Ну нарешті, я добрася до figmИ, погнали

Ответить
Хз, кто это?
Хз, кто это? - 05.02.2023 18:09

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

Ответить
Franzzz
Franzzz - 31.01.2023 17:49

А как автоматически добавлять в scss классы, которые написаны в html? Есть гайд на это?

Ответить
Ihor Kacher
Ihor Kacher - 18.01.2023 01:50

Шкода, що виконуючи свій перший степ проджект я «лохматив бабушку», а не подивився спочатку це відео👹

Ответить
Ihor Kacher
Ihor Kacher - 18.01.2023 01:16

Дивлюсь уже 58 хвилину і просто у захваті) ти дуже кльово усе робиш, просто про)

Ответить
ТОЛЬКО ПО БЕЗДОРОЖЬЮ
ТОЛЬКО ПО БЕЗДОРОЖЬЮ - 16.12.2022 21:54

Уроки супер, смотрю 👍👍👍😁💯

Ответить
orange coder
orange coder - 15.12.2022 06:44

Жека, Вам надо пора сделать урок о том в какой послдовательности смотреть уроки - а то сижу уже 3 дня не могу найти начало и конец! Спс

Ответить
Даниил Волков
Даниил Волков - 05.12.2022 14:39

Ребята,кто увидит или сможет помогите, прописываю для адаптивно @media(max-width: $md1+px) и плюсик подчеркивается в консоли пишет ошибку,смотрел другое видео решил убрать + и рх,но тогда не работает адаптив,а если оставлять так при запуске галпа сбрасываются вообще все параметры верстки,подскажите что делать🤕

Ответить
Olga Onofrei
Olga Onofrei - 04.12.2022 23:06

Это было очень круто! ❤

Ответить
Talaev Leonid
Talaev Leonid - 02.12.2022 16:15

Видео с названием *с подробным объяснением*, а по итогу тупо что-то делает рассказывая совершенно о другом

Ответить
orange coder
orange coder - 01.12.2022 18:24

Чтобы смотреть этот урок нужно предыдущие его уроки нужно смотреть а то не поймёте

Ответить
John Doe
John Doe - 01.12.2022 16:19

Приветствую! Какой же молодец! Так держать!

Ответить
Talaev Leonid
Talaev Leonid - 01.12.2022 16:09

По ссылке в описание НИЧЕГО НЕТ...

Ответить
Влад
Влад - 30.11.2022 15:28

какой плагин добавляет классы в препроцессоры ?

Ответить
belikvlad :D
belikvlad :D - 27.11.2022 17:49

скиньте ссылку на этот шаблон на фигму

Ответить
Арсен
Арсен - 13.11.2022 16:04

Скиньте ПОЖАЛУЙСТА ссылку на макет её скачать не получается

Ответить
Aleksey Felk
Aleksey Felk - 02.11.2022 14:10

Ссылка на макет открывается

Ответить
Andrei Chemeris
Andrei Chemeris - 10.10.2022 00:20

ну наконце-то, настал тот замечательный день !

Ответить
І П
І П - 24.09.2022 15:37

Добрий день, я бачу, що у вас медіа-запити прописані в кожному правилі окремо, а не в кінці файлу css. Чому так? Ніби ж рекомендується писати медіа в кінці файлу?

Ответить
Sergey Kim
Sergey Kim - 19.09.2022 15:01

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

Ответить
Александра Дубровная
Александра Дубровная - 06.09.2022 20:42

А где гайд по visual studio

Ответить
сигма
сигма - 20.08.2022 11:01

почему у меня картинка в hello на меньших экранах картинка не центрируется ?((

Ответить
Іван Кошикар
Іван Кошикар - 18.08.2022 03:01

Вподобайка за відео

Ответить
Я такой бегу, а волосы назад
Я такой бегу, а волосы назад - 16.08.2022 20:22

Для измерения расстояния нужно выделить объект и нажать alt. Спасибо за уроки. Топ контент

Ответить
L1s
L1s - 16.08.2022 12:37

Дааа .. такого видео по вёрстке я ещё не видел ... Да тут просто море полезного контента и не паханного поля !!!

Ответить
Joseemaru
Joseemaru - 11.08.2022 22:01

Топ чел

Ответить
Вероника Мезенцева
Вероника Мезенцева - 05.08.2022 02:49

Чтобы быстро мерить расстояние между элементами в фигме нужно выделить элемент, нажать alt и мышью наводить на элементы, до которых надо померить расстояние. Очень удобно.

Ответить
TeddY Standoff 2
TeddY Standoff 2 - 09.07.2022 20:59

я кайфонул от видио, и 90-95% я делал сам сомастоятельно потомучто ты не обесняеш все досконально, у тебя своя схема верстки пожалуйста верстай на обшем языке

Ответить
Олена Сидоренко
Олена Сидоренко - 28.06.2022 09:26

wow!

Ответить
Юлия Яковлева
Юлия Яковлева - 07.06.2022 23:03

как сделать ссылку на сайт?

Ответить
добряк
добряк - 05.06.2022 14:39

Ви - професіонал! Дякую!

Ответить
Артём Львович
Артём Львович - 18.05.2022 06:45

Шикарный контент. Спасибо огромное. Получается, что один человек может и дизайн делать и верстать? Я просто новичок в этом деле

Ответить
Arrival
Arrival - 17.05.2022 18:01

А верхняя линейка в Figma в пикселях все горизонтальные расстояния показывает от левого края холста. Можно пользоваться ею вместо прямоугольников.

Ответить
Ahror Kurban
Ahror Kurban - 17.05.2022 02:45

Привет и спасибо большое за видео, очень полезный и видно что вложили всю душу, друзья если вдруг у кого не работает код @@if link ==2 попробуйте @@if link =='2' взять 2 в скобки тогда html начнет видеть переменную link! больше ответа можете получить в самом плагине gulp file include

Ответить