Тёмный

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

От 0 до 1
Подписаться 84 тыс.
Просмотров 19 тыс.
50% 1

Друзья, в этом видео делаем адаптив многостраничного сайта, адаптируем его полностью.
Полезные ссылки:
______
верстка проекта: • Верстка многостранично...
-----------------------------------
Мой курс по верстке - from0to1.com.ua/
-----------------------------------
Телеграм канал - t.me/from0to1com
Весь готовый проект вы можете найти у меня на патреон
/ from0to1
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ

Опубликовано:

 

14 мар 2023

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 61   
@drawusoon
@drawusoon Год назад
Что может быть лучше чём прийти домой после работы и посидеть на чудесной вечеринке)
@vadymprokopchuk
@vadymprokopchuk Год назад
спасибо)
@user-bm5ge3mr9u
@user-bm5ge3mr9u Год назад
Король вечеринок)) Спасибо что не даешь нам расслабится)) Молодец!!! Как всегда жирный ЛАЙК!!! Запили пожалуйста что-нибудь для старичков!!!
@vadymprokopchuk
@vadymprokopchuk Год назад
спасибо
@user-qi4yl1go2b
@user-qi4yl1go2b Год назад
Благодарю за отличнейший урок. С нетерпением жду следующий
@user-frond-end_dev
@user-frond-end_dev Год назад
прекрасная вечеринка! спасибо огромное за видосик! ждем следующего видоса с заливом сайта на хостинг
@vimvexvimvex8780
@vimvexvimvex8780 Год назад
Здоровья Вам побольше и настроения всегда хорошего. Спасибо за ролик.
@user-dc8yf8rc6d
@user-dc8yf8rc6d Год назад
Вадим, отличный марафончик. Ты как всегда на высоте 👍💯
@user-dc8yf8rc6d
@user-dc8yf8rc6d Год назад
Вадим, хотелось бы вечеринки на которой верстка небольшого Интернет магазина для новичков. Очень бы хотелось что то такое 😊
@shelestnn
@shelestnn Год назад
Ура, продолжение) Как раз вчера закончила первую часть. Спасибо вам!
@Marylovesautumn
@Marylovesautumn Год назад
Я тоже!
@vadymprokopchuk
@vadymprokopchuk Год назад
я знал когда заливать)
@tatigerbst4416
@tatigerbst4416 Год назад
Бесценная информация! Спасибо тебе, Бро!🤝
@felion111
@felion111 Год назад
Большое спасибо за урок! Очень круто!
@user-xd2so1yn4z
@user-xd2so1yn4z Год назад
Спасибо вам большое Вадим вы лучший учитель и король вечеринок!!!
@fobianka2131
@fobianka2131 Год назад
спасибо за труд) столько сделано сайтов, у меня вкладок с видосами открыто много, сижу - выбираю какой смотреть) следующий попытаюсь сама сначала сделать, а потом по видео) вот где будет жарко
@vadymprokopchuk
@vadymprokopchuk Год назад
супер, стратегия
@druideche
@druideche Год назад
Крутое, познавательное видео получилось! Спасибо большое!
@digidon727
@digidon727 Год назад
Все доступно и понятно, но хочется нового контента на вашем канале. Сделайте адаптивную верстку на Bootstrap 5 одностраничного или много страничного сайта, там, где будет присутствовать формы для заполнение данных или что другое. Надуюсь на положительный ответ 🙂
@timofeysmile8543
@timofeysmile8543 Год назад
Спасибо за урок) Если будешь третью часть делать объясни пожалуйста как сделать чтобы у карточек высота одинаковая была, а то если размер экрана крутить они разные выходят иногда И еще вопрос, это принципиально если я буду использовать флексы вместо гридов например в карточках, а на адаптиве количество элементов в строке буду изменять через процент ширины в flex-basis?
@leeeelou
@leeeelou 10 месяцев назад
Вадим, добрый день, мы все ждем третью часть
@nimarchik
@nimarchik 9 месяцев назад
пасибо научил адаптировать)
@ukraine1514
@ukraine1514 5 месяцев назад
С новым 2024 годом! 🎉🎉🎉🎉🎉 В новом году доделал😜👍👍👍
@vadymprokopchuk
@vadymprokopchuk 5 месяцев назад
Красава, с Новым Годом!
@user-nv5ec9ch8q
@user-nv5ec9ch8q Год назад
Вадим, а что вечно контент "для самых маленьких?" мы с тобой уже давно и хотим, чтобы ты поделился опытными фишками)
@checklifehack
@checklifehack Год назад
Плоти шекели
@residentOfScrepostan
@residentOfScrepostan 9 месяцев назад
Здравствуйте! Я повторил код буква в букву. При изменении размера экрана сначала на короткое время появляется чёрное полотно с меню. При нажатии на гамбургер меню появляется как и на видео.
@arhinub9953
@arhinub9953 Год назад
Приветствую. При адаптации, если выбирать горизонтальное ориентирование смартфона, ломается header, в частности "title" и "find a car". Лишки тоже видны, но это просто translate на 150% изменить.
@Marylovesautumn
@Marylovesautumn Год назад
Вчера закончила первую часть, сейчас начну вторую.
@vadymprokopchuk
@vadymprokopchuk Год назад
супер, по красоте )
@slavikkaterinihc5679
@slavikkaterinihc5679 Месяц назад
Привіт, крутий марафон!!
@user-fg2jb1cp7z
@user-fg2jb1cp7z 7 месяцев назад
а почему слайдер с заголовком и кнопкой нельзя было сделать в теге header почему мы делали в теге main
@Kotik55513
@Kotik55513 Год назад
Привет 👋
@vadymprokopchuk
@vadymprokopchuk Год назад
привет)
@user-xs4gx2op3d
@user-xs4gx2op3d Год назад
Шикарный канал! Только благодаря тебе начал понимать основы html и css. Уже 2 сайта сверстал по твоим видео. Когда будет видос по установке сайта на хостинг?
@vadymprokopchuk
@vadymprokopchuk Год назад
спасибо, скоро запишу
@Po_Faktu_
@Po_Faktu_ 11 месяцев назад
Вадим здраствуйте будьте добры скиньте сылку на этот макет.чтоб я его мог открыть на фигме.почемуто нету сылки для того чтоб я мог добавить его в фигму
@vvks9901
@vvks9901 Год назад
Спасибо за адаптив, это такой геморрой лично для меня. Я верстаю блок и сразу делаю адаптив, иначе,если я сверстать всю страницу, то адаптив сделать вообще не реально. Спасибо тебе огромное за твои объяснения.
@vadymprokopchuk
@vadymprokopchuk Год назад
тут кому как удобно, твоя метода отличная
@vvks9901
@vvks9901 Год назад
@@vadymprokopchuk Хорошо бы уметь и так и так, и еще раз спасибо за твои объяснения!!!
@user-qn3zf6gd6g
@user-qn3zf6gd6g Год назад
дава что то про js еще 🤗
@olgareschetilo3253
@olgareschetilo3253 Год назад
Вадим, а может сделаем посадку на WordPress?🙃
@animus9935
@animus9935 Год назад
Вадим вы не работаете с битрикс? было бы круто увидеть как с ним работать, самому сложно понять это все без знания PHP.
@vadymprokopchuk
@vadymprokopchuk Год назад
не работаю с битрикс
@listenandmeditate
@listenandmeditate Год назад
Почему не работает когда я нажимаю на менюшку должно же изменяться на active а оно не меняется,тоесть джава сприкт не работает
@vadymprokopchuk
@vadymprokopchuk Год назад
внимательно все проверь
@Seriouslyx
@Seriouslyx 7 месяцев назад
@@vadymprokopchuk привет а что делать если пишет что проблема с функцией => чем можно заменить или какой плагин добавить ? Надеюсь на ответ и понимание как к новичку
@pavelfedevych5086
@pavelfedevych5086 Год назад
Вадос привет!!!! Молодец! ссылку на макет можно ?
@vadymprokopchuk
@vadymprokopchuk Год назад
в первой части, там где сайт далаю, есть в описании
@SSPBenz
@SSPBenz 10 месяцев назад
10 Вечеринок из 10
@krabik2502
@krabik2502 10 месяцев назад
46:23
@Mirustar
@Mirustar Год назад
а крестик у бургера не сделали)
@user-tf5ip9jn7t
@user-tf5ip9jn7t Год назад
Дякую за цікавий матеріал для самих маленьких. Я новачок. Сайт зробила, адаптив теж,але з адаптивом слайдера у мене не склалося. При зменшені екрану до 860px у мене пропадає слайдер , замість нього чорний екран з меню.
@vadymprokopchuk
@vadymprokopchuk Год назад
Будь ласка, потрібно дивитись код, в чому там річ
@user-tf5ip9jn7t
@user-tf5ip9jn7t Год назад
@@vadymprokopchuk Все зробила . Банальна неуважність.Дякую.
@romatokar3516
@romatokar3516 Год назад
Когда 4 года назад начинал учить верстку почерпнул у вас достаточно информации и до сих пор подписан. И вот решил глянуть это видео ведь у меня часто спрашивают что читать кого смотреть и надо кого-то советовать. Так вот смотря на то что вы делаете я могу сказать что вас не посоветовал бы. Подход адаптива через max-width, почему? Куча дектопныз стилей грузятся на мобилке и их приходится перебивать вашим медиа запросом, на моменте когда карточки в гриде надо было сделать по одной в строке и вы гридой это сделали показывает минус этого подхода. Был бы адаптив от min-width у вас бы на мобилке не было ни какх гридов и темплейтов, был бы дефолтный display: block который даже прописывать не надо и все, а уже по мере увеличения разрешения накинули бы гриду. Непонятные медиазапросы 440, 540, 650, 860, 1040, 1180, это что за устройства? Одно попадание в 1180 это айпд еир повернутый и 1040 близко к 1024, а остальные просто подгон под вылезшие елементы. Есть же самые распостраненные размеры под них и надо верстать, а все что между ними должно быть резиново так получится озватить найбольшее количствое разрешений. А с таким подходом что, каждые 100пикселей делать запрос? А так вы по сути так и делаете, а как это адекватно поддерживать если страниц будет больше 20, а если блоки будут сложнее каждые 50 пикселей запрос? До сих пор показываете примеры в css а не в препроцессорах, в которых было бы все нагляднее как оно в работе а не в вакууме. Как человек который умеет объяснять и держать аудиторию вы конечно молодец, но качество информации осталось в 2018 к сожалению
@saluteismyname
@saluteismyname Год назад
А кого посоветуете смотреть?
@romatokar3516
@romatokar3516 Год назад
@@saluteismyname , честно тяжело сказать, я уже давно не слежу за каналами где упор на верстку в подписках был только этот. Зависит от того что вы ищете, если знать больше может и дам советы какие
@thegoodchannel7825
@thegoodchannel7825 Год назад
Вадим, какой смысл рекламировать курс на русскоязычную аудиторию, сделать сайт курса, а потом маленьким грустным шрифтом писать, что русским недоступно? Не совсем понимаю эту сноску на момент уже 2023 года. Получается надпись висит уже больше года 0_0
@alinan674
@alinan674 3 месяца назад
А кореня проблеми ви не бачите? Причинно-наслідкові зв'язки вийшли з чату.
@olesiklesha
@olesiklesha Год назад
@vadymprokopchuk, привет! Как тебе предложение посадить этот многостраничник на ВП?
Далее
Sprinting with More and More Money
00:29
Просмотров 27 млн
▼ОНИ ЩУПАЛИ МЕНЯ 👽🥴
32:00
Просмотров 542 тыс.
Sprinting with More and More Money
00:29
Просмотров 27 млн