Адаптив многостраничного сайта для самых маленьких
Вставка
- Опубліковано 14 бер 2023
- Друзья, в этом видео делаем адаптив многостраничного сайта, адаптируем его полностью.
Полезные ссылки:
______
верстка проекта: • Верстка многостранично...
-----------------------------------
Мой курс по верстке - from0to1.com.ua/
-----------------------------------
Телеграм канал - t.me/from0to1com
Весь готовый проект вы можете найти у меня на патреон
/ from0to1
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Что может быть лучше чём прийти домой после работы и посидеть на чудесной вечеринке)
спасибо)
Король вечеринок)) Спасибо что не даешь нам расслабится)) Молодец!!! Как всегда жирный ЛАЙК!!! Запили пожалуйста что-нибудь для старичков!!!
спасибо
Благодарю за отличнейший урок. С нетерпением жду следующий
прекрасная вечеринка! спасибо огромное за видосик! ждем следующего видоса с заливом сайта на хостинг
Здоровья Вам побольше и настроения всегда хорошего. Спасибо за ролик.
Бесценная информация! Спасибо тебе, Бро!🤝
Вадим, отличный марафончик. Ты как всегда на высоте 👍💯
Большое спасибо за урок! Очень круто!
Спасибо вам большое Вадим вы лучший учитель и король вечеринок!!!
Крутое, познавательное видео получилось! Спасибо большое!
Ура, продолжение) Как раз вчера закончила первую часть. Спасибо вам!
Я тоже!
я знал когда заливать)
спасибо за труд) столько сделано сайтов, у меня вкладок с видосами открыто много, сижу - выбираю какой смотреть) следующий попытаюсь сама сначала сделать, а потом по видео) вот где будет жарко
супер, стратегия
Вадим, хотелось бы вечеринки на которой верстка небольшого Интернет магазина для новичков. Очень бы хотелось что то такое 😊
Все доступно и понятно, но хочется нового контента на вашем канале. Сделайте адаптивную верстку на Bootstrap 5 одностраничного или много страничного сайта, там, где будет присутствовать формы для заполнение данных или что другое. Надуюсь на положительный ответ 🙂
Вадим, добрый день, мы все ждем третью часть
пасибо научил адаптировать)
Спасибо за урок)
Если будешь третью часть делать объясни пожалуйста как сделать чтобы у карточек высота одинаковая была, а то если размер экрана крутить они разные выходят иногда
И еще вопрос, это принципиально если я буду использовать флексы вместо гридов например в карточках, а на адаптиве количество элементов в строке буду изменять через процент ширины в flex-basis?
Вчера закончила первую часть, сейчас начну вторую.
супер, по красоте )
С новым 2024 годом! 🎉🎉🎉🎉🎉
В новом году доделал😜👍👍👍
Красава, с Новым Годом!
Вадим, а что вечно контент "для самых маленьких?" мы с тобой уже давно и хотим, чтобы ты поделился опытными фишками)
Плоти шекели
Привіт, крутий марафон!!
Приветствую. При адаптации, если выбирать горизонтальное ориентирование смартфона, ломается header, в частности "title" и "find a car". Лишки тоже видны, но это просто translate на 150% изменить.
Привет 👋
привет)
Шикарный канал! Только благодаря тебе начал понимать основы html и css. Уже 2 сайта сверстал по твоим видео. Когда будет видос по установке сайта на хостинг?
спасибо, скоро запишу
Спасибо за адаптив, это такой геморрой лично для меня.
Я верстаю блок и сразу делаю адаптив, иначе,если я сверстать всю страницу, то адаптив сделать вообще не реально. Спасибо тебе огромное за твои объяснения.
тут кому как удобно, твоя метода отличная
@@vadymprokopchuk Хорошо бы уметь и так и так, и еще раз спасибо за твои объяснения!!!
дава что то про js еще 🤗
Вадим, а может сделаем посадку на WordPress?🙃
Вадим вы не работаете с битрикс? было бы круто увидеть как с ним работать, самому сложно понять это все без знания PHP.
не работаю с битрикс
Здравствуйте! Я повторил код буква в букву. При изменении размера экрана сначала на короткое время появляется чёрное полотно с меню. При нажатии на гамбургер меню появляется как и на видео.
Вадос привет!!!! Молодец! ссылку на макет можно ?
в первой части, там где сайт далаю, есть в описании
10 Вечеринок из 10
Вадим здраствуйте будьте добры скиньте сылку на этот макет.чтоб я его мог открыть на фигме.почемуто нету сылки для того чтоб я мог добавить его в фигму
а почему слайдер с заголовком и кнопкой нельзя было сделать в теге header почему мы делали в теге main
а крестик у бургера не сделали)
Почему не работает когда я нажимаю на менюшку должно же изменяться на active а оно не меняется,тоесть джава сприкт не работает
внимательно все проверь
@@vadymprokopchuk привет а что делать если пишет что проблема с функцией => чем можно заменить или какой плагин добавить ? Надеюсь на ответ и понимание как к новичку
Дякую за цікавий матеріал для самих маленьких. Я новачок. Сайт зробила, адаптив теж,але з адаптивом слайдера у мене не склалося. При зменшені екрану до 860px у мене пропадає слайдер , замість нього чорний екран з меню.
Будь ласка, потрібно дивитись код, в чому там річ
@@vadymprokopchuk Все зробила . Банальна неуважність.Дякую.
46:23
Когда 4 года назад начинал учить верстку почерпнул у вас достаточно информации и до сих пор подписан. И вот решил глянуть это видео ведь у меня часто спрашивают что читать кого смотреть и надо кого-то советовать. Так вот смотря на то что вы делаете я могу сказать что вас не посоветовал бы. Подход адаптива через max-width, почему? Куча дектопныз стилей грузятся на мобилке и их приходится перебивать вашим медиа запросом, на моменте когда карточки в гриде надо было сделать по одной в строке и вы гридой это сделали показывает минус этого подхода. Был бы адаптив от min-width у вас бы на мобилке не было ни какх гридов и темплейтов, был бы дефолтный display: block который даже прописывать не надо и все, а уже по мере увеличения разрешения накинули бы гриду. Непонятные медиазапросы 440, 540, 650, 860, 1040, 1180, это что за устройства? Одно попадание в 1180 это айпд еир повернутый и 1040 близко к 1024, а остальные просто подгон под вылезшие елементы. Есть же самые распостраненные размеры под них и надо верстать, а все что между ними должно быть резиново так получится озватить найбольшее количствое разрешений. А с таким подходом что, каждые 100пикселей делать запрос? А так вы по сути так и делаете, а как это адекватно поддерживать если страниц будет больше 20, а если блоки будут сложнее каждые 50 пикселей запрос?
До сих пор показываете примеры в css а не в препроцессорах, в которых было бы все нагляднее как оно в работе а не в вакууме.
Как человек который умеет объяснять и держать аудиторию вы конечно молодец, но качество информации осталось в 2018 к сожалению
А кого посоветуете смотреть?
@@saluteismyname , честно тяжело сказать, я уже давно не слежу за каналами где упор на верстку в подписках был только этот. Зависит от того что вы ищете, если знать больше может и дам советы какие
Вадим, какой смысл рекламировать курс на русскоязычную аудиторию, сделать сайт курса, а потом маленьким грустным шрифтом писать, что русским недоступно? Не совсем понимаю эту сноску на момент уже 2023 года. Получается надпись висит уже больше года 0_0
А кореня проблеми ви не бачите? Причинно-наслідкові зв'язки вийшли з чату.
@vadymprokopchuk, привет!
Как тебе предложение посадить этот многостраничник на ВП?