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

  Рет қаралды 19,109

От 0 до 1

От 0 до 1

Жыл бұрын

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

Пікірлер: 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 Жыл бұрын
Вадим, отличный марафончик. Ты как всегда на высоте 👍💯
@fobianka2131
@fobianka2131 Жыл бұрын
спасибо за труд) столько сделано сайтов, у меня вкладок с видосами открыто много, сижу - выбираю какой смотреть) следующий попытаюсь сама сначала сделать, а потом по видео) вот где будет жарко
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
супер, стратегия
@user-xd2so1yn4z
@user-xd2so1yn4z Жыл бұрын
Спасибо вам большое Вадим вы лучший учитель и король вечеринок!!!
@felion111
@felion111 Жыл бұрын
Большое спасибо за урок! Очень круто!
@tatigerbst4416
@tatigerbst4416 Жыл бұрын
Бесценная информация! Спасибо тебе, Бро!🤝
@shelestnn
@shelestnn Жыл бұрын
Ура, продолжение) Как раз вчера закончила первую часть. Спасибо вам!
@Marylovesautumn
@Marylovesautumn Жыл бұрын
Я тоже!
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
я знал когда заливать)
@druideche
@druideche Жыл бұрын
Крутое, познавательное видео получилось! Спасибо большое!
@user-dc8yf8rc6d
@user-dc8yf8rc6d Жыл бұрын
Вадим, хотелось бы вечеринки на которой верстка небольшого Интернет магазина для новичков. Очень бы хотелось что то такое 😊
@timofeysmile8543
@timofeysmile8543 Жыл бұрын
Спасибо за урок) Если будешь третью часть делать объясни пожалуйста как сделать чтобы у карточек высота одинаковая была, а то если размер экрана крутить они разные выходят иногда И еще вопрос, это принципиально если я буду использовать флексы вместо гридов например в карточках, а на адаптиве количество элементов в строке буду изменять через процент ширины в flex-basis?
@digidon727
@digidon727 Жыл бұрын
Все доступно и понятно, но хочется нового контента на вашем канале. Сделайте адаптивную верстку на Bootstrap 5 одностраничного или много страничного сайта, там, где будет присутствовать формы для заполнение данных или что другое. Надуюсь на положительный ответ 🙂
@leeeelou
@leeeelou 11 ай бұрын
Вадим, добрый день, мы все ждем третью часть
@nimarchik
@nimarchik 10 ай бұрын
пасибо научил адаптировать)
@user-nv5ec9ch8q
@user-nv5ec9ch8q Жыл бұрын
Вадим, а что вечно контент "для самых маленьких?" мы с тобой уже давно и хотим, чтобы ты поделился опытными фишками)
@checklifehack
@checklifehack Жыл бұрын
Плоти шекели
@Marylovesautumn
@Marylovesautumn Жыл бұрын
Вчера закончила первую часть, сейчас начну вторую.
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
супер, по красоте )
@ukraine1514
@ukraine1514 5 ай бұрын
С новым 2024 годом! 🎉🎉🎉🎉🎉 В новом году доделал😜👍👍👍
@vadymprokopchuk
@vadymprokopchuk 5 ай бұрын
Красава, с Новым Годом!
@user-xs4gx2op3d
@user-xs4gx2op3d Жыл бұрын
Шикарный канал! Только благодаря тебе начал понимать основы html и css. Уже 2 сайта сверстал по твоим видео. Когда будет видос по установке сайта на хостинг?
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
спасибо, скоро запишу
@arhinub9953
@arhinub9953 Жыл бұрын
Приветствую. При адаптации, если выбирать горизонтальное ориентирование смартфона, ломается header, в частности "title" и "find a car". Лишки тоже видны, но это просто translate на 150% изменить.
@slavikkaterinihc5679
@slavikkaterinihc5679 Ай бұрын
Привіт, крутий марафон!!
@residentOfScrepostan
@residentOfScrepostan 10 ай бұрын
Здравствуйте! Я повторил код буква в букву. При изменении размера экрана сначала на короткое время появляется чёрное полотно с меню. При нажатии на гамбургер меню появляется как и на видео.
@olgareschetilo3253
@olgareschetilo3253 Жыл бұрын
Вадим, а может сделаем посадку на WordPress?🙃
@animus9935
@animus9935 Жыл бұрын
Вадим вы не работаете с битрикс? было бы круто увидеть как с ним работать, самому сложно понять это все без знания PHP.
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
не работаю с битрикс
@pavelfedevych5086
@pavelfedevych5086 Жыл бұрын
Вадос привет!!!! Молодец! ссылку на макет можно ?
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
в первой части, там где сайт далаю, есть в описании
@vvks9901
@vvks9901 Жыл бұрын
Спасибо за адаптив, это такой геморрой лично для меня. Я верстаю блок и сразу делаю адаптив, иначе,если я сверстать всю страницу, то адаптив сделать вообще не реально. Спасибо тебе огромное за твои объяснения.
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
тут кому как удобно, твоя метода отличная
@vvks9901
@vvks9901 Жыл бұрын
@@vadymprokopchuk Хорошо бы уметь и так и так, и еще раз спасибо за твои объяснения!!!
@Kotik55513
@Kotik55513 Жыл бұрын
Привет 👋
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
привет)
@user-qn3zf6gd6g
@user-qn3zf6gd6g Жыл бұрын
дава что то про js еще 🤗
@user-fg2jb1cp7z
@user-fg2jb1cp7z 8 ай бұрын
а почему слайдер с заголовком и кнопкой нельзя было сделать в теге header почему мы делали в теге main
@Po_Faktu_
@Po_Faktu_ 11 ай бұрын
Вадим здраствуйте будьте добры скиньте сылку на этот макет.чтоб я его мог открыть на фигме.почемуто нету сылки для того чтоб я мог добавить его в фигму
@SSPBenz
@SSPBenz 10 ай бұрын
10 Вечеринок из 10
@listenandmeditate
@listenandmeditate Жыл бұрын
Почему не работает когда я нажимаю на менюшку должно же изменяться на active а оно не меняется,тоесть джава сприкт не работает
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
внимательно все проверь
@Seriouslyx
@Seriouslyx 7 ай бұрын
@@vadymprokopchuk привет а что делать если пишет что проблема с функцией => чем можно заменить или какой плагин добавить ? Надеюсь на ответ и понимание как к новичку
@Mirustar
@Mirustar Жыл бұрын
а крестик у бургера не сделали)
@user-tf5ip9jn7t
@user-tf5ip9jn7t Жыл бұрын
Дякую за цікавий матеріал для самих маленьких. Я новачок. Сайт зробила, адаптив теж,але з адаптивом слайдера у мене не склалося. При зменшені екрану до 860px у мене пропадає слайдер , замість нього чорний екран з меню.
@vadymprokopchuk
@vadymprokopchuk Жыл бұрын
Будь ласка, потрібно дивитись код, в чому там річ
@user-tf5ip9jn7t
@user-tf5ip9jn7t Жыл бұрын
@@vadymprokopchuk Все зробила . Банальна неуважність.Дякую.
@krabik2502
@krabik2502 10 ай бұрын
46:23
@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 4 ай бұрын
А кореня проблеми ви не бачите? Причинно-наслідкові зв'язки вийшли з чату.
@olesiklesha
@olesiklesha Жыл бұрын
@vadymprokopchuk, привет! Как тебе предложение посадить этот многостраничник на ВП?
Верстка сайта онлайн. Подробно с объяснениями для новичков. HTML, CSS, JS
3:52:18
Василиса наняла личного массажиста 😂 #shorts
00:22
Денис Кукояка
Рет қаралды 4,4 МЛН
WHY IS A CAR MORE EXPENSIVE THAN A GIRL?
00:37
Levsob
Рет қаралды 21 МЛН
PixelPerfect все что нужно знать
37:58
От 0 до 1
Рет қаралды 16 М.
Вселенная и Специальная теория относительности.
3:51:36
ЗЛОЙ АНАЛИТИК ВСЕЛЕННОЙ.
Рет қаралды 7 МЛН
Передача готового проекта заказчику
26:01
6 css свойств которые от тебя скрывают
34:23
Адаптивная верстка сайта на HTML CSS
2:00:35
ВебКадеми | Юрий Ключевский
Рет қаралды 111 М.