Агентство недвижимости. Верстка сайта лендинга на HTML, SCSS. Практический урок. Часть 1

[@ЫрыскелдиСактанов]

как же приятно Вас слушать. Вы редкий человек , способный обьяснять сложное, просто и понятно. Спасибо Вам.

[@СергейМурин-ь8х]

Все очень круто))) нравится что все разложено по полочкам. Лайк

[@user-jq4fl3pg8r]

Юрий, Вы молодец. От остальных ит-блогеров, Вас отличает особенная скромность. Ещё Ваш плюс - это подача без "воды". Так держать!

[@43445fgfgd]

Дякую за Вашу роботу!)

[@ulbolsynzh]

вааааау,вот это урок афигеныый,классна ,спасибо большое

[@spirit-tl7cp]

1:50:40 Чтобы текст был в точности как на макете и переносился так же - нужно смотреть на межбуквенное расстояние, которое дизайнеры часто меняют для достижения нужного визуального эффекта. в нашем случе нужно прописать " letter-spacing: 1.15px " ( указан в макете в разделе inspect) и все станет как нужно. кстати, многие этот нюанс просто игнорят) Спасибо автору за хороший урок!!

[@d.s.korochkin9238]

Как всегда, на самом высоком уровне подача материала)

[@uk-lych_sveta]

Спасибо за полезный контент, всё супер понятно и интересно, но есть одно непонимание лично для меня, почему при более 14 500 просмотрах, лайки поставили всего лишь 562, неужели людям трудно поставить лайк!!! Юрий ведь старается и тратит свое драгоценное время!!!

[@WebCademy]

Спасибо за поддержку!)

[@СДЭКЛиговский]

Некоторые, видимо, смотрят без аккаунта, с работы там, или мало ли откуда.. Как я например с рабочего))

[@score_87]

Спасибо большое

[@rascannabio5495]

Я, конечно, понимаю, что ТГ канал сам себя не прорекламирует, но давать "ссылку" на макет в ТГ, причём ска даже не на конкретный пост, а просто на "джойнчат" - это, конечно, мощно.. Хорошо, что в Фигме есть поиск..

[@ДенисФедоров-ш2ь]

Спасибо, тебе добрый человек за инфу о поиске, а то так бы и листал до 21 года весь канал)))))) автору вебинара все равно респект)))

[@6odio9]

спасибо!!!

[@demianamnel01]

Спасибо, очень полезно

[@lolerkapich]

класный видос сделай обучение сайта с помощью boostrap

[@Dabudida]

Здравствуйте, макета нет в телеграмме и на многие другие уроки

[@Voipli-567]

Здравствуйте, у меня при импорте происходит ошибка в компиляций sass(файл не находится). Не знаете из-за чего это? Путь указал верно.

[@TommyJackson91101]

Такая же проблема….

[@КириллРатов-ъ2н]

Макет почему-то не скачивается, ошибку выдает!

[@AntonioBenderas]

Как найти вторую часть?

[@ДмитрийДенисов-г5о]

Продолжение будет?

[@WebCademy]

Будет.

[@СДЭКЛиговский]

2:41:50 можно же просто бордер-радиус указать 0 22px 0 0

[@СДЭКЛиговский]

А, всё, пардон, Юрий и сам потом догнал))

[@AlexLee-do4min]

А вот за набой на gulp-sass-glob отдельная благодарочка! ;))

[@Dioni-h5q]

15:30 а не правильно ли делать все, что возможно - в ручную? Вон этот можно с помощью css сделать, так же как и круг...

[@WebCademy]

Ничего плохого в svg фоне нет. Если есть сподручный вариант реализовать на CSS - тоже вариант.

[@ВадимБорисюк]

Я вот не понимаю а что за семантика там в начале без хеадер сразу нав?

[@WebCademy]

Вы SEO специалист и имеете хорошие результаты в семантической оптимизации, можете подробно и на примерах доказать почему тег nav не может быть первым на странице? Или доказать что он обязательно должен быть в header? Или что первым должен быть header, а потом nav?

[@Рустем-о9о]

​@@WebCademyвас смотрят в том числе новички и у меня, как у новичка, тоже возник такой вопрос. Ранее, как правило воспринимал, что сначала идёт блок хедер, потом мэйн и в концовке футер

[@WebCademy]

@@Рустем-о9о Это не ошибка. Семантика используется для того чтобы указать части страницы. Разместить тег nav можно и вне header блока.

[@Саня-ч2и]

Здравствуйте! Можете подсказать, пожалуйста, у меня такой вопрос как сделать чтобы карточки одного блока налазили на другой, но при изменении текста верстка не ломалась? Буду очень благодарен за ответ.

[@qwerty-k5r1u]

почему используя sass, не видит $accent-color ???выходит ошибка

[@Mrnsky]

подскажите для чего перед названием html файла ставится нижнее подчеркивание и где об это прочитать?

[@WebCademy]

sass-scss.ru/guide/#topic-5 - секция "Импорт"

[@Anopeng]

12:08 какайкан 😂

[@WebCademy]

как icon

[@Anopeng]

@@WebCademy да я понял)) Просто так слышится первый раз

[@gtaplayer4145]

Как отключить всплывающее красное окно "Invalid css after..."? Когда код редактирую и еще не закончил, автоматически появляется оно.

[@WebCademy]

В принципе отключить все уведомления от Koala. Когда на опыте - ошибок нет. А если есть - то заметите по тому что сайт будет отображаться без CSS и полезете смотреть что не так.

[@user-jq4fl3pg8r]

Почему при подключении стилей scss с помощью @import , Юрий не использует нижние подчёркивания и у него всё срабатывает? А у меня ни один стиль не работал, и я 30 минут думал, в чём причина, а оказывается дело в нижнем подчёркивании..

[@WebCademy]

Вообще, нижнее подчеркивание (в начале имени файла), как и расширение .scss можно не указывать. Если у вас не срабатывает - то вопрос к компилятору, которым вы преобразуете scss в css.

[@user-jq4fl3pg8r]

@@WebCademy спасибо за ответ)

[@killd0z3r]

Объясните, почему Commercial налезает на картинку? Это косяк шаблона? Почему тогда реализовали его, а не исправил при верстке. Или это так задумано и я чего то не понимаю? Ведь глаз режет.

[@WebCademy]

Это дизайнерский ход. Довольно много макетов используют наложение текста на изображение.

[@Vismut_zh]

как сделать нав и лого на одной линии?

[@WebCademy]

Контейнеру в котором они лежат задайте display: flex;

[@tovjukov]

Что за тема VSCode??

[@WebCademy]

Ayu mirage bordered

[@Dioni-h5q]

Я один не понимаю, зачем резать style.css на отдельные файлы с кодом?

[@WebCademy]

Удобство. Вообще лучше сразу на SCSS.

[@Dioni-h5q]

@@WebCademy все, поверстал и понял))))

[@МихаилКлюченок]

Мне кажется "с нуля" и "SCSS" не очень совместимы(( . или я что то не понимаю

[@mst9301]

Полно видео на ютубе где с нуля верстают на чистом css , как будешь спокойно воспринимать информацию которую автор говорит , за что каждое свойство отвечает и как оно работает , будешь смотреть данный урок без особых сложностей , я вот первый день учу scss , и мне все абсолютно понятно , немного непривычно, но понятен сам синтаксис

[@incorcadit1075]

6:18 почему мы не можем взять сразу круг с иконкой? зачем его самим рисовать такой же вопрос к остальным элементам

[@incorcadit1075]

и зачем было отделять девушку с кругом от баннера