Верстка мобильного меню, немного JS | CSS для Профи

Поделиться
HTML-код
  • Опубликовано: 21 июл 2019
  • ПОДДЕРЖАТЬ АВТОРА И КАНАЛ:
    www.liqpay.ua/ru/checkout/car...
    Webmoney:
    Z166344793421
    R369744777501
    U871336351200
    Телеграмм чат:
    t.me/joinchat/FQXf-hN9LRuCosQ...
    Поработаем над оформлением верскти, сделаем бургер для меню и применим для него JS чтобы при клике закрывать и раскрывать само меню.
    МАТЕРИАЛЫ УРОКА:
    drive.google.com/open?id=1wq_...
    БАЗОВЫЙ КУРС ПО HTML & CSS:
    • Знакомство с основным ...

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

  • @mursa4127
    @mursa4127 4 года назад +12

    Одобрительный коментарий (1 штука). А если серьёзно. Автор - молодец. Информация на слух, тем более с наглядным примером, воспринимается гораздо легче чем с книги. На первых шагах это решающий плюс для желающих изучить, именно с "0". Для детей кстати явный плюс. Сложными и скучными/* для восприятия ребёнка*/ книгами можно дитятку шугануть надолго и всерьёз, а этот материал подходит на 100%, своей дружелюбностью что ли.

  • @helloworld-fv8kx
    @helloworld-fv8kx 4 года назад +6

    Спасибо, большой плюс то, что вы оставляете материал в описании, у многих этого не хватает !

  • @norman_p3
    @norman_p3 5 лет назад +4

    Отличная подача инфы. спасибо

  • @SYL1982
    @SYL1982 4 года назад +1

    По шапке прошлись )))) Спасибо большое за урок!

  • @user-wv2tr3km2h
    @user-wv2tr3km2h 5 лет назад +1

    Ех, голова не варит, завтра над будет пересматривать.. Спасибо.

  • @user-td5op5iv2u
    @user-td5op5iv2u 4 года назад

    отличное видео, благодарю!

  • @liubomyr8963
    @liubomyr8963 3 года назад

    а я думал что это видео нет), но додумался зайти в плейлист по css для профи

  • @Art-M
    @Art-M 2 года назад

    Дякую, хорші уроки.

  • @user-mr2bq4ke5i
    @user-mr2bq4ke5i 4 года назад

    Андрей спасибо тебе

  • @dzirtxdourdent6839
    @dzirtxdourdent6839 4 года назад +1

    лайк)

  • @llssk6379
    @llssk6379 4 года назад

    Звук стула не услышал, зато посмеялся!

  • @Aliph112
    @Aliph112 3 года назад +1

    Здравствуйте, Андрей.
    Уроки легкие и понятные, за это вам большое спасибо.
    Единственное хотел задать вопрос, а обязательно ли верстать емами или процентами, если верстать с пикселями медиа запросов больше нужно будет писать верно?

    • @andrievskii
      @andrievskii  3 года назад +1

      em и % более гибкие для резиновой и адаптивной верстки, где не нужен пиксель перфект!

  • @hrantalexanyan5722
    @hrantalexanyan5722 3 года назад

    дорогой Андрей как можно сверстать мобайл версию при этом не влияя на веб версию, к примеру в данном ролике вы скрыли меню для мобайл но на веб версии оно должно быть черным, можно ли сделать две версии в одном коде или надо отдельно писать ?

  • @BilliK1000
    @BilliK1000 4 года назад

    почему внешний script не работает в chrome ? что не так?
    Mobile first



    • @user-vlad2020
      @user-vlad2020 4 года назад

      файл удали и вот так назови должно помочь

    • @bekacom1646
      @bekacom1646 Год назад

      может кому то все еще надо, надо script вставить в body, в самый конец например

  • @Professor_Ro
    @Professor_Ro 4 года назад

    для чего тогда прописал айдишник, если он не нужен в css?

    • @ta_ti
      @ta_ti 4 года назад

      я так понимаю, что это профессиональное, в реале к айдишникам привязываются скрипты как для неких действий, так и для сбора инфы в БД.
      но эт мое понимание. К качественному объяснению открыта ^_^

    • @servus7314
      @servus7314 8 месяцев назад

      Автор явно ошибся и оговорился, что id в css неправильно. Конечно, id лучше всего подходят для скриптов. Но стилизовать то их как раз и можно также по этому id, чем добавлять не нужный по сути класс для стилей

  • @ta_ti
    @ta_ti 4 года назад

    А нельзя было задать кнопке значение "гамбургер", а в коде убрать значение кнопки "close"? И не делать телодвижений по скрытию текста...

    • @ta_ti
      @ta_ti 4 года назад

      @Artur Rubets а разве на мобилке вызов и скрытие меню не с помощью 'бургера'?

  • @ruslanyakovlev4072
    @ruslanyakovlev4072 5 лет назад +2

    Все это конечно здорово, но стоит понимать, что Графства Вампиров в любой момент могут воспользоваться тем, что наша война на северном фронте с Норской затянулась, и напасть на восточный фронт. Чем тогда поможет верстка мобильного меню?

  • @user-ym6dq4bi3f
    @user-ym6dq4bi3f 4 года назад

    Профи, а псевдоэлемент центровать не смог, эх ты.

  • @user-er6ce4il7o
    @user-er6ce4il7o 3 года назад

    Мне кажется, это уже бред какой-то) Создавать дизайнерский элемент(гамбургер) путём скрытия текста, введёного нами же) с помощью 10 свойств в CSS, а затем ещё столько же свойств у псевдоэлемента :after))) Мозг взорвался...