Верстка целого сайта в одном видео + Адаптив
ฝัง
- เผยแพร่เมื่อ 8 ก.ค. 2022
- Друзья, запилил для вас большую верстку сайта. В данном макете много интересных моментов, которые часто могут ставить в ступор не только начинающих разработчиков. Запаситесь кофе, изучайте верстку и кайфуйте =)
Архив со всем добром для работы - drive.google.com/file/d/1uv-r...
Сайт курса по верстке - from0to1.com.ua/
Готовая верстка на patreon - / from0to1
Видос по svg - • SVG, большой гайд
Большой гайд по гридам - • CSS GRID Большое руков...
О box-sizing - • box sizing border box ...
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Архив со всем добром для работы - drive.google.com/file/d/1uv-rXd0jRFOF8XEHo_ltUTlk4bnVr2ck/view?usp=sharing
Сайт курса по верстке - from0to1.com.ua/
Готовая верстка на patreon - www.patreon.com/from0to1
Здравствуйте, пожалуйста снимите видео вёрстка с 0 на HTML CSS php просто я посмотрел видео про основ php и mysql и не знаю как верстать сайты на php надеюсь сделаете видео заранее спасибо
Ты красавчик лайк
@@viperviper370 на PHP пишут не сайты, а серверную часть к ним)
дайте ссылку на макет пожалуйста)
Вадим, спасибо тебе за классные уроки, которые ты делаешь для нас!
Скажи, почему нельзя объединить три верхних декора по слоям в одну картинку и вставить ее, а не три разных?
Вадим, первое что сразу хочется тебе сказать это Слава Богу, что ты в порядке. И надеюсь что и твои близкие в безопасности. Спасибо тебе огромное за то что находишь время и силы на такие классные и очень нам нужные занятия. Как всегда лайк!!!
спасибо
Сидишь такой грустный и понимаешь, что жизнь проходит зря. Но тут врывается Вадим со своим новым видосом и жизнь начинает играть новыми красками и ты уходишь в отрыв!
а где ссылка на макет ?
@@Naebuka в описании ссылка на гугл драйв, там все файлы
Новый макет это хорошо! Но главное, это узнать, что с тобой все в порядке. Как всегда ЖИРНЫЙ ЛАЙК!
Еее это огонь просто 🔥 Большое спасибо, Вадим за такие ролики!
Уиииииии) радости моей нет предела! Спасибо, Вадим!
Какая интересная подача информации, и что интересно, что так лучше усваивается) Спасибо
Вадим, большое вам спасибо за то,что вы делаете, даже в такое время. Очень приятные видео,вы красавчик, уроки топовые.
Спасибо
Я умею верстать, но твою работу просто приятно посмотреть, Вадим) Ну и попадаются интересные моменты для меня в верстке) Здоровья и мирного неба над головой! Спасибо, что ты относишбся к нам с пониманием...
Особенно нравится то, как Вадим точно подбирает слова. Ссыкотно - это точное описание того, что я чувствую, когда первый раз смотрю на макет....
Круто! Вадим, спасибо за ролик, за труд! Очень было полезно! Все с объяснением, все подробно. То, что нужно👍
спасибо тебе огромное, за то что ты делаешь, всех благ тебе и твоей семье!!!!!
Урааа, новый видос! Вадим, спасибо за очередной шедевр!!!
спасибо
Ты крут, давно я ждал 5 часовой вечерины))) завтра вместе с тобой устрою эту вечеринку)))) Сам понимаю, что будет проблема в адаптации, сего чуда)
Огромный респект такому человеку, который даёт возможность развиваться! Спасибо !!
Спасибо за видео, спасибо что делаешь контент даже в такое тяжёлое время, надеюсь с тобой и семьёй всё хорошо. Хотелось бы слышать больше рассказов из личной жизни так как они очень мотивируют, как ты, какие планы и также всегда хочется слышать от тебя советов))) Помимо вёрстки, ты также очень сильно мотивируешь просто даже своими историями из жизни, тебя всегда интересно послушать. Из контента хотелось бы уже JS и что-то посложнее, мб какой-то интернет магаз с большой структурой файлов и тд. Еще раз говорю спасибо за контент и настрой в тонусе)) Переможемо))
спасибо, 100%, больше о себе делюсь на патреон
Спасибо Варваре за красивый дизайн ))). а Вадиму - за урок!!! круто!
Вадим, от спасибо тебе. Лучше давай такие видео. Они нам больше нужны.
Теперь то я знаю, чем завтра буду занят! Спасибо, дружище, ты лучший. Мира тебе и близким
спасибо
Классные видосы, побольше таких. Очень помогают новичку. Ну и подача просто супер)
Благодарю
Вадим , ты супер учитель, твои уроки можно смотреть вечно )))
Класс.
Спасибо огромное
спасибо
Дякую!
Твои видео супер, особенно как ты прикалываешься и объясняешь.
Успехов тебе, респект за труд!
Ох... досмотрел наконец до конца, это было круто, спасибо за бесценный опыт !
красава
Какой кайф, макет пушка, я уже предвкушаю процесс!
спасибо
Спасибо за верстку и макет. Удачи тебе и твоей семье!!!
Благодарю
А есть ссылка на макет?
Спасибо за урок. Мирного неба и здоровья с Одессы!
Спасибо и вам мирного неба!
Спасибо вам за огромный труд 👍🔥
Это уже не вечеринка, а целый фестиваль!) Очень рад тебя видеть, Вадим!👍
взаимно
очень классный канал, сижу здесь потому что не особо умею делать адаптив, спасибо за понятное обьяснение и юмор)
Спасибо Вадим) Стали понятными очень многие вещи когда увидел как это делается на практике)
класс
Огромное спасибо, шаг за шагом и получился классный сайт, никогда не думал что верстка так затягивает! Еще раз спасибо за классный урок, Вам самые лучшие творческие пожелания и удачи во всем
Да,Вадим объясняет очень доходчиво.Прохожу его курс сейчас,я наконец-то начала понимать структурированно. А менторам отдельное спасибо,очень терпеливые с нами)))))Рекомендую
Благодарю
большое вам спасибо за то что нас учите!!!
Что еще нужно для новичка, чтобы научится. Спасибо Вадим, побольше таких видео. Манера подачи материала шикарная. Удачи тебе, береги себя.
спасибо
Вадим, спасибо огромное! Классные задачи разбираем.
круто
Спасибо большое за Ваши крутые выпуски по верстке) Хотелось бы рассказать небольшой лайфхак, который облегчит, я думаю Вам жизнь. Чтобы быстро скопировать и вставить несколько строк текста/списка можно скопировать полностью весь текст или список, размножить курсор по тегам и оно вставится каждый в свой тег) Надеюсь помогла
Это шедевр! Бьютифульно!
Дякую за відео, твоє ведення уроку просто СУПЕР!!!
дякую
Лучший! Спасибо за контент!
Огромное спасибо, все по полочкам и без душнилова))
Крутой ты тип, конечно. Наткнуться на твой канал - это в топе лучшего за 2022 для меня)
Благодарю)
Вадим, ну совсем никто не ожидал такого сюрприза, спасибо за положительные эмоции и за проделанную работу.
Спасибо)
подскажи где ссылка на макет
@@Naebuka в описании
Вадим, спасибо тебе большое!!!)))
Вадим как обычно мочит, хоть сам умею верстать но с удовольствием погляжу=)
Ты Супермен! Спасибо огромное, Вадим!
спасибо
Огромное спасибо, отличное видео!)
Это с ума сойти можно какая вечеринка! Я доделала! Спасибо
У Вадима самые потрясающие видео по верстке.
спасибо
Вау, Вадим хорош!) спасибо)
Добрый день! Большое спасибо за интересную поддачу обучения и не обычную страничку по дизайну! Мне очень понравилось!
а ссылка есть на макет?
@@user-iq7qk3kz6y в описании же....архив со всем добром
Вадим привет! Жизнь продолжается 😊
Ура!!! Огромнейшее спасибо!
Спасибо за видео! На моей совести уже больше десятка сверстанных сайтов, но все равно из Ваших видео я узнаю что-то новое для себя.
круто!
Суперская подача!!! =)
спасибо)
Благодарю!!!!
Очень полезно! Спасибище!!!!!
Спасибо за отличный видос, попробую сверстать с тобой! Лайк )
Красавчик!!! Спасибо большое!!!!
О да, снова проведу вечер в приятной компании :D
Дякую за відео, сподобалося, додивився і заверстав. Приємно дивитися такі відео.
Круть, супер
Буенос Диас. 5 часов.
Вадосик is back. Красавчик!
Буенос Диас) как я рад это читать=)
Вадим красава, всегда на высоте.
спасибо)
Шикарный лендинг. рад что с тобой всё пучком. как и твои волосы)
легенда, спасибо за видио!
Щиро дякую за контент! Моя 5-тигодинна вечырка пройшла незабутньо ))
Спасибо, на благо города и всех харьковчан!
Точняк!)
Ооууууу! Опять ВЕЧЕРИНКА!
ПОГНАЛИ....
Привет Вадим! Дай Бог тебе и твоей семье благополучия!
Благодарю
Спасибо за такое видео!
Спасибо за видео. Очень полезный формат для обучения. Большая просьба - очень хотелось бы видео з натяжкой на вордпресс но уже посложнее макет чем лендинг с авто. Для немного опытных подписчиков. Как бы не с 0 до 1 а с 0,5 до 1)) . Еще раз спасибо. Ждем следующих видео
с 0,5 до 1 =))
@@vadymprokopchuk литра пива)
С 0,7 до полторашки
ооо, наконец макет не совсем для новичков!)
ставлю лайк, потом смотрю)
Спасибо бро, пишу коммент для продвижения видео.
замечательное свойство flex-direction: column; flex-direction: column-reverse; решает многие задачи адаптива
Спасибо за контент!
Прекрасное видео)
Думаешь все обыденно, но нет, все удивительно. И оно рядом:D
13:34 "Добрий день Everybody" ©
Прикольный лендинг доделаю велики и приду сюда)
Урааааааа Вадос вышел!))
Спасибо тебе большое, мил добр человек!) Вадим, ты ЧЕЛОВЕЧИЩЕ!) Это ты СИЕ ЧУДО!) Огромный тебе респект!) Просто от души!) 😋
Ухуху, вот это вечериночка намечается
Просто зашел сказать тебе спасибо. С тебя ровно год назад начался мой путь. Сейчас учу реакт))
Надеюсь что после нашей победы трудоустроюсь
красава
не человек, а ЧЕЛОВЕЧИЩЕ!
Это очень круто, но если бы понимать еще что делаешь и знать самому куда что применять вообще было бы супер)))))
А так просто переписывать за тобой ничего не понимая)))
понимать это уже будет следующий уровень)
Лучший, просто лучший))
спасибо)
@@vadymprokopchuk Скажи пожалуйста какой у тебя шрифт в vscode?
SanFrancisco?
Чел ты лучший
спасибо
Спасибо большое!!!!
Как же его прёт!)
Гарне заняття , дуже дякую . Мій коментар вам та вподобайка в підтримку каналу
дякую!
Вадим, есть плагин в фигме Font Fascia, который показывает список шрифтов на макете. Очень удобно использовать, чтобы не лазить по макету. Рад, если помог!)
Мне кажется Вадим знает о нем, но привык пользоваться своим методом)
Спасибо! Очень помог))))
норм тема, лайк от СЕООНЛИ
Ооо, Вадим уже на Маке)))
3 года как уже )
@@vadymprokopchuk А я по твоим марафонам что на Винде были, скилы прокачивал, последнее время не заходил, за это время установил себе хакинтош (сиеррра-монтерей на 3 ПК), а тут опа и темный интерфейс с крестиком слева))
у меня 12 часов ночи, занимаюсь твоим макетом с 12-ти дня) Дошел до твоего важного заявления, Вадим поймет о чем я) на какой минуте важное заявление, я не скажу. После окончания теха спустя год, я продолжаю само развиваться.
красава!
@@vadymprokopchuk ты тоже красавца) прям мужик ваще))
Хух, о це кайф був! Верстав паралельно. Дещо зробив по-своєму, але, загалом, дякую тобі за подачу і майстерність!
супер, дякую
Вадим,приветствую! Благодарю Вас за контент,скажите,пожалуйста, будут ли проекты на вашем канале, где будет использоваться Js ,то есть для Frontend junior?
Супер человек
спасибо
Круто ❤
Как делается большая часть сайта понятно, но некоторые элементы всё же гляну как верстается, в будущем сэкономлю кучу времени
Спасибо большое за ролик! Можете объяснить, почему при использовании before, after в header для ёлок такое чувство будто нету разницы между данными псевдоэлементами? Оба svg у нас после(вконце) header, но при этом before так же используется...
Здравсвтуйте, спасибо большое за видео
Подскажите, пожалуйста, каким образом нужно считать размеры в vh?