Верстка макета SKETCH с нуля и до конца. Как сделать верстку сайта. Правильная верстка сайта. №3

"Инициатива сама накажет инициатора" :D

Спасибо!)

Узнал про фантомные отступы). Вот что пишут: "И строчные, и блочно-строчные элементы ведут себя, как слова в предложении. А между словами стоят пробелы, ширина которых зависит от размера шрифта."

Огромное спасибо. Женя, можешь ли нарисовать всю картину целиком связанную с версткой? Сверстали макет, а что с ним дальше, весь его путь до полноценного сайта? Спасибо.

Привет. Смотрю твои уроки и стримы. Учусь верстать. Все доходчиво. До этого видоса все по полочкам, но тут уже много непонятного, в частности kit, готовые скрипты js. Это начинает пугать, информации очень много)

я заметил такую штуку, когда для кнопки задавал font-size он работал только в том случае, если @include flexbox() написан выше чем свойство font-size. Это так должно быть или же я что-то не так написал?)

И ещё такой вопрос, в меню навигации у ссылок есть анимация(при наведении появляется полоска снизу) и она равна ширине текста, а при адаптиве для мобильной верисии анимация(полоска) расширяется на ширину экрана. Важно ли это? Или при клике с телефона на ссылку это не будет видно?

Буду ждать видосик о подключении карты с ключом и со стилем) очень интересно. Знаю только как показать место на карте с помощью тега <iframe>. В гугл картах нажать поделиться и код там уже написан.

я в числе твоих PATRONS на патреоне. не могу найти материалы по этому видео там - можешь сбросить ссылку в личку на материалы ?

ВИдео интересные, но поскольку я еще не работаю с мексинами, sccs, а только учусь основам, то не так много могу понять с этих уроков( вот даже как с вертикального списка сделать горизонтальный? для меня это проблема

Жека, привет. А по табам будет урок?)

Евгений, здравствуйте. Не могли бы вы сделать разбор вёрстки вашего сайта "Мебельный двор", дизайн которого расположен на вашем профиле в Weblancer? Желательно небольшими частями, в несколько видео. Заранее благодарю.

что такое фантомные отступы?
-понятия не имею, но интересно будет узнать)

Какой-то внешне вообще не цепляющий макет. Версталось вообще без энтузиазма. Кроме градиента поверх картинок ничего необычного не было :(

Спасибо за стрим, сохранила себе важные моменты по реализации некоторых штук :)

Спасибо тебе, очень приятно учиться вместе с тобой!

Спасибо за полезный мастер класс. Только вот что такое "kit"?

Спасибо, как обычно лайк! Женя, сделай видео по картам)

Крутяк, очень нравится твой стиль вёрстки 👍

Женя, ты не просто большой молодец. Ты красавчик, хотя и не знакомы-друг, не родня -брат. Да просто Человечище с большой буквы. Думаю многие твои подписчики и не только, это чувствуют: доброту, неподдельный искренний интерес, желание помочь, а не срубить монету. Да ты всё делаешь Правильно, (тут не о сайтах) а ПО ЖИЗНИ. И по этому счастлив больше...
Продолжай, не останавливайся, у тебя есть чему поучиться и ты можешь учить.
Люби своих домашних, живи...
А всё остальное,как ты учишь, в свободное время.
Доброго здоровья тебе и твоим близким.

👍👏🔥

ЕСЬ ЖИ РЕБЯТА, ЕСЬ ЖЕ)

Здравствуйте Евгений, скажите пожалуйста, можно и так и так от центровать блок с текстом или ваш код в дальнейшем надёжней?

text-align: center; (мой код)
padding: 0px 100px;

text-align: center; (ваш код)
max-width: 970px;
margin: 0px auto;

Лучший специалист, которого я встречал по версте!

Спасибо за видео! Скажи, пожалуйста, почему ты не используешь тег "section" вместо обычного "div" при вёрстке секции?

Чёрт, ну и мишанина из классов. Ну а видео классное, спасибо.

Спасибо огромное за Вашу работу! Могли бы подсказать хорошие платные онлайн курсы? хотел бы сменить профессию и мне данная работа очень нравится.

Сверстал! Теперь буду смотреть как делает профи.

Спасибо,классный полезный стрим.

Ураааа! я патреон!
просмотрела уже штук 20 уроков! очень все доступно. Но видео с версткой тяжело заходят(
Подскажите, будет ли видеообзор для патреонов, как пользоваться Вашим шаблоном?

Road to the Dream !

Спасибо за полезный мастер класс. Будь здоров!!!

а google api теперь платные,да?

Спасибо за отличный урок! Хоть дизайн и немного угловатый, но это не помешало показать достаточное количество интересных моментов. (Например как табы, отступы между колонок с отрицательным margin и многое другое) Спасибо!

Жека, а почему карта не увеличивается при скроле?

при скролле в меню бургер кнопки навигации наезжают на картинку "Business"

Поясните, пожалуйста, что такое фантомные отступы и почему font-size:0 их убирает?

у меня плохое зрение. Могу ли я стать программистом?!

кто стал патроном?

Жека,запиши пожалуйста видео про твой стартовый шаблон и как им пользоваться

Может "фантомные отступы"( font - size: 0;) - это невидимые коробочки в которых по центру находятся символы. То есть: я где-то читал что каждый символ находится еще и в определенной коробочке/блоке и там есть padding от контента(символа). Каждая буква/символ как отдельный inline-block? Если я правильно понял, исходя из этого, межстрочный интервал(line-height) фактически не является интервалом между строк, свойство line-height расширяет(увеличивает высоту) невидимую коробочку в которой находится символ/текст или строка, отодвигая границы сверху и снизу от содержимого, и создается впечатление что это межстрочный интервал?

А где скачать картинки с макета жека помогиииии

А с помощью чего он так быстро пишет медиа запросы?(табами)

Скорость - Формула - 1. Не пробовал соревноваться с кем-то в CSS-battle или на скорость верстки? Реально, я не представляю СКОЛЬКО за этим стоит опыта. Не дивно, что ты решил свои курсы открыть. Есть чему поучиться!

Дякую за урок!

Кто-то сверстает это за час, а мне понадобится неделю это верстать)Практика и ещё раз практика.

Крутяк!

Як мені зараз завантажити Avacode в 2023 році?