Верстаем клавиатуру HTML+CSS

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ก.พ. 2025
  • Помоги каналу! donatepay.ru/d...
    Курс HTML: html.itgid.info
    Курс JS: js.itgid.info
    Скачать урок: keyboard.itgid....
    Интернет магазин на Node: node.itgid.info
    Плейлист: goo.gl/63osiv
    Телеграм: t.me/jsrules
    Мои курсы: itgid.info

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

  • @wrpffrdm8976
    @wrpffrdm8976 5 ปีที่แล้ว +7

    Александр, прекрасная подача материала! Спасибо

    • @itgid
      @itgid  5 ปีที่แล้ว

      спасибо!

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

    И, как сказал бы заказчик, "А теперь сделайте мне её адаптивной под внешний вид клавиатуры пользователя, который открыл сайт. Что бы он видел на эране свою клавиатуру" )))) Спасибо за урок!

  • @linqcodmax8965
    @linqcodmax8965 4 ปีที่แล้ว

    Хороший урок! Качественная и легкая подача материала.

  • @ДовгальДима
    @ДовгальДима 4 ปีที่แล้ว

    Спасибо за информацию! Будьте здоровы! :)

  • @ОльгаЛитвинова-ж8ш
    @ОльгаЛитвинова-ж8ш 2 ปีที่แล้ว

    Благодарю, Алекс👍!

  • @vvv7220
    @vvv7220 4 ปีที่แล้ว

    Я уже было удивился и обрадовался. Думал клава будет как на заставке)

  • @MegaNenashev
    @MegaNenashev 5 ปีที่แล้ว

    Скажите пожалуйста как вы поделили экран пополам?

  • @andriykarapchinskyi9356
    @andriykarapchinskyi9356 5 ปีที่แล้ว

    Спасибо за уроки!

  • @gonqii
    @gonqii 5 ปีที่แล้ว +2

    Подскажите, зачем мы делаем :
    .line::after{
    content: "";
    display: block;
    clear: both;
    }
    ?

    • @GMIX
      @GMIX 5 ปีที่แล้ว

      это зачистка от флоатов. webref.ru/course/float/clearfix

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

      Потому что высота линии формируется в зависимости от содержимого, а содержимое с float всплывает и не учавствует в формировании высоты родителя - а ::after - способ обмануть всплывшие элементы.

    • @harutgh5203
      @harutgh5203 5 ปีที่แล้ว

      чтобы блоки не вылезли из родительсково блока

    • @harutgh5203
      @harutgh5203 5 ปีที่แล้ว

      и чтобы оптимизировать html

    • @sergei888kuz6
      @sergei888kuz6 5 ปีที่แล้ว +2

      Что бы костыль пол названием float работал хоть кое-как.

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

    Не увидел ожидаемый функционал клавиатуры с js

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

    Какой смысл от float в 2020 году когда есть и флексы и гриды?

    • @digitalturkistan1857
      @digitalturkistan1857 4 ปีที่แล้ว

      сказал же на следующем будет флексы

  • @Zq24i
    @Zq24i 5 ปีที่แล้ว +2

    Спасибо за видео

    • @itgid
      @itgid  5 ปีที่แล้ว

      Спасибо!

  • @olenaartamonova8616
    @olenaartamonova8616 4 ปีที่แล้ว

    Подскажите, где можно найти видео про flex?

  • @АлександрДёмин-ж9и
    @АлександрДёмин-ж9и ปีที่แล้ว

    как сделать данную клаву по центру

  • @АнастасияРябчикова-ь1э
    @АнастасияРябчикова-ь1э 5 ปีที่แล้ว +1

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

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

      Рад что понравилось!

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

    сделайте пож-ста видео шоб на счетчике цифры анимаированно перелистывались пополам -88- (как бы верхняя половина цифр падает на нижнюю и появляется новая цифра)

    • @prostozhenek
      @prostozhenek 5 ปีที่แล้ว

      hilios.github.io/jQuery.countdown/

    • @itgid
      @itgid  5 ปีที่แล้ว

      Попробую. ХОрошая идея!

  • @onemasterlomaster1829
    @onemasterlomaster1829 5 ปีที่แล้ว +2

    отлично

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

    А почему Вы не работаете на мак, как было раньше?

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

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

    • @Dmitry_Harlamov
      @Dmitry_Harlamov 5 ปีที่แล้ว

      @@itgid понятненько )

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

      @@itgid просто наоборот из-за большого разрешения кода не видно )

  • @annasahradyan9849
    @annasahradyan9849 5 ปีที่แล้ว

    вы супер

  • @stepanstepan723
    @stepanstepan723 5 ปีที่แล้ว +5

    А флексы где? ))))))))) Если на замену флоатам есть флексы и гриды, зачем флоаты использовать?

    • @EoLienFive
      @EoLienFive 5 ปีที่แล้ว

      А что уже флексы и гриды поддерживают все браузера ?

    • @sergei888kuz6
      @sergei888kuz6 5 ปีที่แล้ว

      @@EoLienFive Да. Даже гриды поддерживают все. А флексы даже ие любит

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

      @@EoLienFive На счет гридов незнаю! Но флексы да! Ели не считать ie старые и опера мини! Да и вроде как ie уже умер, ему на замену edge! Да и edge скоро умрет, майкрософт что то другое делает на основе хрома!

    • @EoLienFive
      @EoLienFive 5 ปีที่แล้ว

      @@stepanstepan723 насчет IE его не кто не отменял. Просто обычный пользователь не использывает данный браузер. А вот разработчикам приходиться писать сайты под старые браузера по типу IE. И по этому float не кто не отменял и не забывают про них. А вот Edge он и есть на основе хрома. Там еще приставка chromium.

    • @stepanstepan723
      @stepanstepan723 5 ปีที่แล้ว

      @@sergei888kuz6 Там вроде как флексы в ие не выравнивают по вертикали!))) . caniuse.com/#feat=flexbox

  • @ZigaZag13
    @ZigaZag13 5 ปีที่แล้ว

    Все таки почему float? Это конечно высокий скил, но flex же проще.

    • @ZigaZag13
      @ZigaZag13 5 ปีที่แล้ว

      @@ktoto3292 Ну достаточно высокий, если на флоатах еще и адаптив делать))

    • @itgid
      @itgid  5 ปีที่แล้ว

      не смешите - высокий. Проще простого. А адаптив еще легче. Вопрос в другом - вы не все услышали что я в ролике говорю. Я там объясняю почему флоат и когда будет флекс.

    • @digitalturkistan1857
      @digitalturkistan1857 4 ปีที่แล้ว

      сказал же на следующем будет флексы

    • @AlexanderYerinskiy
      @AlexanderYerinskiy 4 ปีที่แล้ว

      @@digitalturkistan1857 не удалось найти следующий. Дайте ссылку на него, пожалуйста.

  • @johhnybee
    @johhnybee 5 ปีที่แล้ว +2

    Дякую!

  • @n3m1x10
    @n3m1x10 5 ปีที่แล้ว +2

    и из этого можно без проблем сделать и печатающюю))))))

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

      да :)

    • @Kreminb
      @Kreminb 5 ปีที่แล้ว

      @@itgid Мы будем делать? У меня прям "щенячий восторг"! Очень интересно! Спасибо!

  • @liubomyrp15
    @liubomyrp15 5 ปีที่แล้ว

    Большое спасибо за ваши уроки! Вот, что я сделал благодаря вам: th-cam.com/video/otR8BaEfuM0/w-d-xo.html
    +там даже ваши видео))). Велике ДЯКУЮ!!!!))