Modal на чистом HTML/CSS/JS.

แชร์
ฝัง
  • เผยแพร่เมื่อ 25 ส.ค. 2024
  • Всем привет! Второй выпуск "ДавайЗакодим". В этом выпуске буду кодировать всплывающее окно на чистом JavaScript. Приятного просмотра!
    Канал и чат в телеграме: t.me/first_fil...
    Ссылка на код: github.com/ooo...
    #frontend #js #javascript #web #урокипрограммирования #первыйфайлкомом #основыпрограммирования #webdeveloper #давайзакодим #modal #popup #parcel #scss #html

ความคิดเห็น • 8

  • @first-file-comom
    @first-file-comom  ปีที่แล้ว

    Ссылка на телеграм чат и код в описании

  • @ultrapokemonultrapokemonov6110
    @ultrapokemonultrapokemonov6110 ปีที่แล้ว +1

    Спасибо за видео! С нетерпением жду React ). Я бы сделал 3 блока(с бордером, повернутый с белым background и с текстом) или добавил псевдоэлемент для фона

    • @first-file-comom
      @first-file-comom  ปีที่แล้ว

      Да, всегда есть n+1 решение. Можно по-разному одну и ту же задачу решить

  • @Disbattery
    @Disbattery ปีที่แล้ว +4

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

    • @first-file-comom
      @first-file-comom  ปีที่แล้ว +1

      А да, верно. Ну вот поэтому нужно проводить ревью кода! Иногда решение приходит не сразу и то решение, которое пришло первым не всегда оказывается эффективным!
      Спасибо!

  • @user-xy6cb8uz6x
    @user-xy6cb8uz6x ปีที่แล้ว +1

    Скролл будет работать в safari при открытом окне и не во всех браузерах ширина скролла 17px

    • @first-file-comom
      @first-file-comom  ปีที่แล้ว

      Да, именно про сафари и шла речь. Он самый вредный. Поэтому для него нужен плагин. А на счет ширины скролла...и да и нет.
      Раньше было достаточно 17px, сейчас возможно нужно какое-то другое

    • @first-file-comom
      @first-file-comom  ปีที่แล้ว

      а, да, спасибо! точно прошу прощения. Вообще это высчитывается по формуле outerWidth - innerWidth. Так давно не верстал вот и забылось. Обычно жс да жс