Верстка целого сайта в одном видео + Адаптив

Верстка целого сайта в одном видео + Адаптив

От 0 до 1

2 года назад

96,701 Просмотров

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


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

Savelii Kosevich
Savelii Kosevich - 03.10.2023 19:54

легенда, спасибо за видио!

Ответить
Сергей Крюков
Сергей Крюков - 25.09.2023 22:06

Столкнулся с такой проблемой, разрешение моего дисплея 1920 на 1080 и, поэтому, когда вставляю картинки, надписи и т.п, то они у меня занимают максимальную ширину экрана, конкретно на этом уроке, елки и мужик на сабе в такой пляс пустились, я чуть с ума не сошёл. Что я только не пытался делать, даже менял разрешение экрана, но плясать они не переставали. Как мне в будущем с моим ноутбуком работать, если у него вот такие приколы(

Ответить
Алена Шаркова
Алена Шаркова - 16.09.2023 10:31

Добрый день, макет не открывается( Нет никакой ошибки, просто комп не видит файл, как думаете в чем проблема может быть? На винде и на маке одно и тоже

Ответить
AntiFliKk
AntiFliKk - 08.08.2023 10:55

Прекрасное видео)

Ответить
Sigma69
Sigma69 - 25.07.2023 10:34

Почему файл не импортируется в figma

Ответить
cat com
cat com - 25.07.2023 05:47

У меня одного первый фон ниже по размеру чем на видео?

Ответить
Pacificname
Pacificname - 13.07.2023 22:44

Особенно нравится то, как Вадим точно подбирает слова. Ссыкотно - это точное описание того, что я чувствую, когда первый раз смотрю на макет....

Ответить
Вадим Зарицкий
Вадим Зарицкий - 11.07.2023 08:24

Огромный респект такому человеку, который даёт возможность развиваться! Спасибо !!

Ответить
King Solomon
King Solomon - 15.06.2023 17:35

Там, между ëлочек, не встаёт куска, который дырку слева закрывает

Ответить
VIKI
VIKI - 29.05.2023 16:55

Вадим,спасибо за ваш труд!
Могли бы вы объяснить разницу между сайтом на html и на конструкторах. А то некоторые говорят зачем играться с html css,js если за час можно на конструкторе сделать сайт.
Спасибо

Ответить
Stalker.B.S
Stalker.B.S - 19.05.2023 15:11

Пожалуйста скажите как сайт называется figma

Ответить
Джон Голд
Джон Голд - 18.05.2023 14:38

Вадим у меня такое решение
.info {
background-image: url(../images/sectionInfo-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;


position: relative;
}

.info::before {
content: "";
position: absolute;
background-image: url(../images/infoLine.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
top: 0;
left: 0;
right: 0;
height: 11.25rem;

transform: translateY(-1.625rem);
z-index: 1;
}

Ответить
Ac!D MILK
Ac!D MILK - 11.05.2023 21:04

Это с ума сойти можно какая вечеринка! Я доделала! Спасибо

Ответить
Твой Советчик
Твой Советчик - 27.04.2023 17:26

Объясните, пожалуйста, почему нужно писать каждой секции отдельные контейнеры? Можно ли написать один контейнер для main?

Ответить
Xatuky
Xatuky - 25.04.2023 14:10

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

Ответить
Артем Черкашин
Артем Черкашин - 04.04.2023 10:32

Огромное спасибо, шаг за шагом и получился классный сайт, никогда не думал что верстка так затягивает! Еще раз спасибо за классный урок, Вам самые лучшие творческие пожелания и удачи во всем

Ответить
алена ракович
алена ракович - 26.03.2023 18:06

цитата великих "Я не знаю как печатать на клавиатуре евро, зато я умею копировать!"😆🤣🤣🤣

Ответить
Виталий Александрович
Виталий Александрович - 17.02.2023 00:08

Дякую!
Твои видео супер, особенно как ты прикалываешься и объясняешь.
Успехов тебе, респект за труд!

Ответить
K3nX
K3nX - 16.02.2023 12:58

Коли робити кнопку через тег "a", а коли через тег button?

Ответить
Владимир Епифанцев
Владимир Епифанцев - 06.02.2023 20:52

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

Ответить
МАРИЯ M
МАРИЯ M - 04.02.2023 13:54

Спасибо Варваре за красивый дизайн ))). а Вадиму - за урок!!! круто!

Ответить
Dmitry Yanushkevich
Dmitry Yanushkevich - 01.02.2023 21:55

Крутой ты тип, конечно. Наткнуться на твой канал - это в топе лучшего за 2022 для меня)

Ответить
Столиця
Столиця - 14.01.2023 23:04

Дякую за відео, сподобалося, додивився і заверстав. Приємно дивитися такі відео.

Ответить
Александр Борисович
Александр Борисович - 21.12.2022 12:38

Html полиция )))

Ответить
Игорь Цирителли
Игорь Цирителли - 20.12.2022 17:46

Красавчик!!! Спасибо большое!!!!

Ответить
Артем Цыганков
Артем Цыганков - 16.12.2022 21:19

Зачем ты везде элементам даешь отдельнные классы с номерами. К ним же можно обращаться через :nth-child()

Ответить
Kostiantyn Reut
Kostiantyn Reut - 09.12.2022 11:58

Thank you! You are the best of the best as always!

Ответить
Айбек Сарыгулов
Айбек Сарыгулов - 04.12.2022 12:33

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

Ответить
Максим Брянский
Максим Брянский - 27.11.2022 02:06

Ну ты и крут!

Ответить
Maksim Yakimov
Maksim Yakimov - 24.11.2022 10:48

большое вам спасибо за то что нас учите!!!

Ответить
Евгений Вахоцкий
Евгений Вахоцкий - 06.11.2022 14:39

Это шедевр! Бьютифульно!

Ответить
Sergey Kupriyenko
Sergey Kupriyenko - 05.11.2022 21:42

у меня почему-то отступы от границы контейнера не работают....задаю как в макете от общей границы - все нормально.

Ответить
Техно Обзор
Техно Обзор - 27.10.2022 21:25

Подскажите пожалуйста, если адаптировать в с помощью инспектора кода, там выбирать сразу mobile или desktop ?

Ответить
Сергей Юрьевич
Сергей Юрьевич - 27.10.2022 16:39

неоспоримый мастер верстки!)))))))..........

Ответить
Oleksandr Beley
Oleksandr Beley - 17.10.2022 22:20

Новорічна Елка, кто понял отсылку, лайк)

Ответить
Александр Обухов
Александр Обухов - 02.10.2022 17:36

толи я слепой, толи не могу найти ссылку фигмы на макет

Ответить
Anton Onoprienko
Anton Onoprienko - 24.09.2022 14:07

У меня на ноуте из за высоты экрана в хидере текс находит один на другой. Если уменьшаю размер экрана через Ctrl + " - " , до 70% все отлично ложится. Нужно ли мне переделывать верстку под экраны с более низкой высотой экрана?

Ответить
Руслан Ваньков
Руслан Ваньков - 24.09.2022 11:23

всем привет) как найти ссылку на макет в figma??

Ответить
Санжар Ахметкалиев
Санжар Ахметкалиев - 14.09.2022 10:52

Вадим, добрый день! Не могу найти ссылку на фигму, напишите пожалуйста. Спасибо.

Ответить
Daymos
Daymos - 13.09.2022 13:13

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

Ответить
Cake or Die
Cake or Die - 12.09.2022 17:00

Спасибо за урок, а почему бы шрифты не подключить в css файл, через импорт?

Ответить
Степа Сорокин
Степа Сорокин - 12.09.2022 12:45

Спасибо за урок! Единственное что, в макете (хедер) вместо FREE второй раз DOM

Ответить
International user
International user - 12.09.2022 02:25

Есть плагин для фигма font facia. Он сразу показывает все шрифты и их толщину в макете + сколько используется их

Ответить
Dmytro Kushnir
Dmytro Kushnir - 07.09.2022 16:06

Гарне заняття , дуже дякую . Мій коментар вам та вподобайка в підтримку каналу <3

Ответить