Верстка сайта с нуля, для новичков. Интенсив по верстке, день 2
Вставка
- Опубліковано 4 сер 2020
- Марафон по верстке сайта. За 3 дня полностью сверстаем сайт и сделаем адаптив. Объясню все что делаю, и зачем. Отвечу на вопросы.
Тема в VSC - плагин Material Theme
Чтобы получить макет для тренировок, делайте репост этого видео в свои соц. сети,
ссылки на репост жду тут: from0to1maket@gmail.com
Все исходники, инструкция и информация в телеграм канале.
Ссылка на телеграм канал:
bit.ly/3eaDJKi
Ссылка на телеграм канал с впн:
teleg.one/from0to1ru
Если это не помогает, просто зайдите в телеграм и в поиске введите from0to1ru или марафон по верстке.
Чат верстальщиков:
t.me/chat_from_0_to_1
Написать мне в ВК:
vadimprokopchuk
Написать мне в телеграм:
t.me/silver8light
Отзывы о моем авторском курсе по верстке:
topic-104892258_40476405
Подпишитесь на канал, если вам понравилось данное видео:
bit.ly/2IFzwBZ
Проговорился про курс Js если будет востребованность, я за!
Большое спасибо за трансляции.
Очень помогаешь в обучении.
Спасибо за интенсив.
понравилось изложение материала я полный новичок получилось сразу спасибо
Короче лойс однозначно!
Благодарю за вечеринку)
Спасибо тебе, Вадос! Как всегда оч полезен даже в кратких замечаниях. В этот раз СПАСИБО тебе за сочный ответ по поводу ОТНОШЕНИЙ С ДИЗАЙНЕРАМИ. Мо быть кому пригодится: смотрим два эпизода - с 17:00 и после 22:10. :-)
Лучший вновь
кРоусавчик как всегда Вадос)
Очередное огромное спасибо за проделанный труд. Делаю макет уже по-своему и все благодаря тебе. Но, несмотря на это, даже от таких простых макетиков скил растет =)
Strange Channel круто, спасибо!
У кого не подключается слайдер и фотографии всё так же стоят в ряд, поставьте выше чем style.css в блоке . Тут неправильная сборка, либо вышло обновление slick слайдера)
1:05:10 , я тут просто написал абсолютно так же как и снизу, т.е -
.about__item:nth-child(2n) .about__box::before {
right: 19px;
left: auto;
border-left: none;
border-right: 2px solid #ecb84c;
}
и получилось абсолютно тоже самое, хм
На 24 минуте говорится о тексте и отличие в figma. Я посмотрел в макете расстояние между словами и выставил в about__text word-spacing: 4px;... И перенос слов стал таким же. А так за видео спасибо!
Вадим тут такая ситуация. изучаю второй день и после того как перенес изображение .header__top{
background-image: url(../img/top-bg.png
); из css в html сразу поплыла рамка в хедере те, margin-bottom: -12px; не работает
Хорошо что стримы выкладываются, можно зазубрить)))
зачем зубрить? Все запоминается при практике
О каком плагине идет речь , подскажите пожалуйста 1:25:05
Ц, попугай побегал по клаве что-то нажал и все поломал на верстке, не могу найти ошибку😂😂😂 Придется пересмотреть (ctrl + z не помогло)
Влад Кравченко весело там у тебя )
Подскажи почему Live server в vscode отображает картинки нормально , а когда закомител в GitHub pages то при открытие сайта не грузятся? Это касается только секции about__item (где background img в html) В инстр.разработч./ network - status code-404(text/html)
Привет,а вы переходыли на opencartmasters.com/ здесь есть информация по поводу вашего вопроса.
Вадим,привет. Тут у тебя какой-то косячёк в объяснениях и так работает, и так-,и так-,и так как у тебя- по всякому. Ой-ой-ой головомойка.
12:15 26к подписчиков. Сейчас уже 40к. К концу года прогнозирую серебряную кнопку)
41.2k
Вадим иногда смотрит на макет как кельтский вождь на зазевавшихся римских легионеров))
Это сильный комент ))
Как в итоге получить макет похожий на этот? На какую почту кидать что я сделал репост?
Привет,а вы переходыли на opencartmasters.com/ здесь есть информация по поводу вашего вопроса.
Что за магия 31:30 я поставил max-width 470px и он применился к тексту его растянуло ,делаю как в макете 390 все также и стрелки все делаю -19 и все ок. втф
Короче я маржин вместо падинг поставил. padding: 33px 40px 18px; вот так правильно
2 15 35
1:20:51
1:50:00
Интересно что девушка делает на его привью
спэшл гэст ю ноу
@@Morantriol ты прям знаешь английский
DENcik-VP ноу))))))))))))