Урок 3. Верстаем «Хедер»

Поделиться
HTML-код
  • Опубликовано: 21 окт 2024

Комментарии • 38

  • @Romzec1
    @Romzec1 7 лет назад +21

    Я смотрю все такие умные. Вот возьми те и запишите свои видео уроки, а не умничайте в комментариях. Автор молодец!!!

  • @МаринаТюгай
    @МаринаТюгай Год назад

    Спасибо большое за подробное объяснение ❤

  • @slawikveter5393
    @slawikveter5393 6 лет назад +1

    Лучшие уроки на ютубе

  • @hugheverett2478
    @hugheverett2478 6 лет назад

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

  • @НатальяУльянова
    @НатальяУльянова 7 лет назад

    Александр, спасибо большое! Очень полезные "вещи" и очень понятно объясняете!

  • @RSka89
    @RSka89 6 лет назад +3

    Все понятно и доступно. Единственное что пугает так это такое огромное количество классов. Я только начинаю учить верстку и это уже 3й вариант который я попробовал. Голова просто взрывается !

    • @suleymevloev8086
      @suleymevloev8086 6 лет назад

      посмотрите его начальный курс ruclips.net/video/O1MFXHYXERs/видео.html сначала пройдите этот курс затем переходите на этот будет легче говорю на собственном примере

  • @PRIME-STORE-h4g
    @PRIME-STORE-h4g 6 лет назад +3

    Немного дополню: на 41:50 автор говорит, что нужно завернуть в блочные элементы и мы создаем div и заворачиваем в него наши контакты(что увеличивает код и уменьшает понимание за счет большого количества вложений(как на меня)), можно проще: в style.css для классов .phone-number, .email-adress в дополнение до text-decoration указываем display: block.
    .phone-number, .email-adress {
    text-decoration: none;
    display: block;
    }

  • @michaeljackson5822
    @michaeljackson5822 6 лет назад

    Парень молодчина, наверно один из немногих кто верстает нормально по БЭМ. А не как всякие говно кодеры-ютуберы.

  • @andreinechaev7214
    @andreinechaev7214 6 лет назад

    Супер, очень профессионально, на высоком уровне и в тоже время доступно. Лайк.
    У меня вопрос - а нужен ли фотошоп, если речь идет только об обычной верстке интернет-страницы? Вы используете его для демонстрации или это так сказать производственная необходимость?

  • @vladp5728
    @vladp5728 7 лет назад +2

    Спасибо за урок. Хотел спросить, обязательно ли, в данном случае, было оборачивать в дополнительные div'ы контактную информацию?Нельзя ли было обойтись display: block, для классов .phone-number и .email-adress?

    • @ВладимирК-ь9г
      @ВладимирК-ь9г 7 лет назад +1

      Влад Приходько Тот же вопрос. И разносить можно было флексами

  • @stas7816
    @stas7816 5 лет назад

    Александр скажите, можно ли было не оборачивать ссылки в header в дивы, а смиксовать классы у ссылок ( logo - блок и тут же header__logo - элемент хедера? (39-ая минута) За урок спасибо.

  • @bahram1010
    @bahram1010 7 лет назад +4

    Александр когда ты написал русскими шрифтами ты сразу менял надпис на латиницу, как сделать это? не удаляя надпис?

    • @andreinechaev7214
      @andreinechaev7214 6 лет назад

      я тоже это заметил)

    • @OyNice
      @OyNice 5 лет назад +1

      punto switcher название программы

  • @Ddddddddyu
    @Ddddddddyu 5 лет назад +1

    Проще было бы на флексах сверстать

  • @мусаЦукаев-и8и
    @мусаЦукаев-и8и 7 лет назад +1

    В данном случае родителю можно добавить overflow:hidden в место clear блока или класса.

    • @PRIME-STORE-h4g
      @PRIME-STORE-h4g 6 лет назад

      НЕ всегда допустима, иногда нужно, чтобы overflow было со свойством visible, тот способ(поточнее один из его видов) более универсален.

  • @vadimbogdanov20
    @vadimbogdanov20 6 лет назад

    Для верстки eще подходит Windows XP или нужно менять на Windows 7 8...? " на что это может повлиять?

  • @БендерЗадунайский-щ9ы

    почему авторы, реально умеющие доступно и правильно объяснять бросают это дело?
    Автор, зря забросил! Продолжи дело!

  • @СергейСоколов-ц7р8н

    При наборе при включенной русской раскладке ИЩВН, редактор сам изменил на "body".
    Как такое сделать ?

  • @Vovandopalo92
    @Vovandopalo92 7 лет назад

    У меня в фш в первой вкладке показывает только Roboto , а во второй только Light. в чем проблема? ФШ 2018

  • @NybikChannel
    @NybikChannel 6 лет назад

    Александр, прошу объясните как сделать логотип в шапке по центру. Причем что б он был прописан в html документе, и при приближении просто разъезжался равномерно в разные стороны, я искал инфу 3 часа ,но ничего рабочего не нашел, сейчас остановился на text-align: center ибо других вариантов не вижу, а с margin он вообще с ума сходит. Буду признателен за помощь.

    • @fox_0811
      @fox_0811 6 лет назад +1

      NyyybbikCgannel flexbox используйте.

  • @Vovandopalo92
    @Vovandopalo92 6 лет назад +2

    Господи, раньше же не было столько классов....

  • @ОлегЕрмакович-ц1с
    @ОлегЕрмакович-ц1с 6 лет назад

    Спасибо.

  • @haaaniiif4183
    @haaaniiif4183 7 лет назад

    Почему у меня email phone number на них слишком большой шрифт и они не реагируют на header__contact {
    float: right;

  • @ЕлисейГойденко
    @ЕлисейГойденко 6 лет назад +2

    А давайте каждому дескриптору дадим свой класс, а потом сделаем div и ему дадим еще один класс. Мне кажется тут перебор с этим...

  • @АлександрПопов-ф8т

    Зачем задавать див с классом "page__row"? У него же нет никакой функции, ни правил CSS... Этот момент немного смутил

  • @DeniskaPriroda
    @DeniskaPriroda 6 лет назад +1

    помогите кто-нибудь сталкивался ли с данной проблемой? фотошоп не поддерживает данные шрифты(((

    • @76--32
      @76--32 5 лет назад

      та же проблема , решили ?

  • @ilchyshyn
    @ilchyshyn 7 лет назад +5

    header можна було зробити через flexbox, щоб не використовувати різні "костилі"

  • @MyCHaNNeL-ct9ut
    @MyCHaNNeL-ct9ut 7 лет назад

    кто знает многие ли используют БЭМ?

  • @denis71i
    @denis71i 6 лет назад

    в чём разница rem и em?

    • @denis71i
      @denis71i 6 лет назад +1

      сам спросил, сам загуглил )

  • @YoungDeveloper
    @YoungDeveloper 7 лет назад +1

    конечно уроки супер но мне кажется автор отсал от жизни. Уже все пользуются флексбокс и грид лайоут

    • @Romzec1
      @Romzec1 7 лет назад

      Вам было в начале сказано, что уроки рассчитаны на новичков