Верстка сайта с нуля, для новичков. Интенсив по верстке, день 2
Марафон по верстке сайта. За 3 дня полностью сверстаем сайт и сделаем адаптив. Объясню все что делаю, и зачем. Отвечу на вопросы.
Все исходники, инструкция и информация в телеграм канале.
Ссылка на телеграм канал:
bit.ly/marafon-from0to1
Ссылка на телеграм канал с впн:
bit.ly/vpn-marafon
Чат верстальщиков:
t.me/chat_from_0_to_1
Написать мне в ВК:
vadimprokopchuk
Написать мне в телеграм:
t.me/silver8light
Отзывы о которых говорю на стриме:
topic-104892258_40476405
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Пікірлер: 38
Лучшие интенсивы верстки что я видел. Нет нудной часовой теории или решения задач, далеких от реальной "боевой" верстки. Тем, кто вообще не знаком с версткой html css и js это трудно и они точно будут "плавать" в повествовании. В этом случае советую пройти любые вводные курсы по HTML и CSS. Данные интенсивы подойдут как раз тем, кто знает базовые теги и разбирается в том, что такое селекторы и базовые свойства как: font-size, color и т.д.
@user-wz9qr6ki9v
2 жыл бұрын
тут всё замудрено так ,что пиздец.много подходов тут можно было сделать намного понятнее и проще.одни стрелки чего чего стоят.особенно круглая в первом видео.ещё и jq этот зашкварный.
Больше года смотрю тебя и все время они что то сверлят))))) Терпения тебе Вадос!
Спасибо за урок! Все по полочкам преподнесено
Спасибо. Видосы Топчик! Жду новых!!)
как обычно, всё просто и доступно!
спасибо за урок
спасибо огромное)
О, помню когда-то пользовался этим генератором градиентов)
Спасибо)))
Мне кстати slick slider тоже больше по душе 😉
Спасибо!
Вадя, лучший
класс!!!
cупер
Привет. Почему в блоке blockquote, когда вставляю картинку, она огромная, на весь экран?
1:28:13 Люди добрые, подскажите пожалуйста! Почему картинка не сдинулась, а создала пространство между картинкой и текстом? Потому что там фиксированная ширина в 510px?Огромное спасибо за ответ! P.S Спасибо автору за потрясающе интересный контент!!!)
@elvirakobrinsky8889
2 жыл бұрын
свойство float
Всем привет, подскажите пожалуйста тему, которая установлена VSCode, буду очень благодарен)
HTML агенты и БЭМ полиция уже выехали :D
Нужно говорить: "Схема проста, как JS"!
9:20 (заметка для себя)
27:55 Слайдер
Спасибо вадим вам огромное за подобные выпуски блпгодоря вам не боюсь верстать : Вопрос такой для аудитории может кто тоже сталкивался...... что то ерунда какаето вставляю код как у вас svg на стрелки нифига не работает кто нибудь может что то подсказать . Правки как на видео сделал не помогло.
3 774 просмотра и всего 330 лайков эх так жалко
Зачем надо было дублировать clients__slider-item несколько раз? И кнопка и текст тоже продублировались несколько раз
@vadymprokopchuk
2 жыл бұрын
так это же слайдер, и нам нужно чтобы было несколько слайдов
@residentOfScrepostan
2 жыл бұрын
@@vadymprokopchuk в clients__slider-item содержится и текст и кнопка "записаться на консультацию". Это видно на видео совершенно чётко. Далее в js к классу info__slider добавляется класс clients__slider и всё. По факту же в слайдере находятся и картинки и текст справа, и кнопка. момент начинается с 2:10:17. Меня этот момент смутил. Я решил переписать этот блок по-своему
Подскажи пожалуйста!!!!!!! Второй день мучаюсь, линия которая .info-tabs__item--active { border-bottom: 1px solid #303030;} никак не передвигается на 2 и 3 ссылку. Все время под первой. Я уже весь код буква в букву переписал и ни........уя!! продажа закрепление ограничения .info-tabs__item--active { border-bottom: 1px solid #303030; }
@user-mc8re2sr9o
2 жыл бұрын
Такая же ситуация (
@elvirakobrinsky8889
2 жыл бұрын
загрузили ли готовую папку с файлами? я вначале не обратила внимание на это и у меня тоже на работало
@Aspnt
Жыл бұрын
Возможно мой комментарий еще будет полезен. Я избавился от двух тире в названии классов(заменил 2 тире(--) на 2 нижних подчеркивания(__). И это сработало.
Всем привет, подскажите пожалуйста тему, которая установлена VSCode, буду очень благодарен)
@artemsmirnoff9821
2 жыл бұрын
Material Theme
@NeGovoriNet
2 жыл бұрын
Dracula Theme очень нравится (которая более тусклая)