Создаем удобный, доступный и рабочий тултип (tooltip) с помощью CSS

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

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

  • @petershon5808
    @petershon5808 4 года назад +14

    Так забавно наблюдать, как автор в лайф режиме без склеек ищет решения, хоть это и отнимает время на осмотр прямых инструкций. А то смотрю иных блогеров, у них всё шито-крыто, думаешь, что они с рождения вёрстку знают, а я как конь копытом в пробел попасть не могу и вечно что-то нужно искать: синдром самозванца развивается в такие моменты. Лайк

    • @maxgraph
      @maxgraph  4 года назад +3

      Все мы люди, что-то не знаем, что-то забываем :)

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

      Как с языка снял 🙈😅

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

    Наконец-то я увидел истинное предназначение тега "" (02:30) во всей красе!!!)))))))

  • @denissheyanov1066
    @denissheyanov1066 2 года назад

    Видео познавательное, сейчас заметил вкладку Верстка\Утилиты. Если можно, сделайте по ней видео что за утилиты вам помогают верстать:)))

    • @maxgraph
      @maxgraph  2 года назад +1

      Сделаю как нибудь)

  • @СергейВоробьев-ж5й
    @СергейВоробьев-ж5й 2 года назад

    Спасибо за видео. Подскажите как сделать что бы tooltip за мышкой следовал.

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

    Спасибо!

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

      Пожалуйста)

  • @СтаниславГорячев-г1ъ

    а tippy.js как вариант тоже не очень? Пользуюсь, по мне очень удобная библиотека

    • @maxgraph
      @maxgraph  2 года назад +1

      Мне не нравится что она сама стилизует внешне тултип

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

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

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

      слово tooltips на конкретно этой секунде - это title самой страницы. но там дальше в видео все показано

  • @ИльназГарайшин-ч6о
    @ИльназГарайшин-ч6о 3 года назад

    Капец, а как во втором таске сделать, чтоб кнопка норм работала?) тип фокус у бАтона, а псевдоэлемент у его родителя и как обратиться?)

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

      Никак, видимо) через js разве что

  • @Star-er5wr
    @Star-er5wr 4 года назад

    где скачать программу для прослушивания куска кода (6:00) ?

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

    Можно ли получать на выходе читаемый main.js?

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

      В смысле?)

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

      MaxGraph - cайты как страсть main.js ужатый получается и с ним работать нельзя. Можно ли сделать, что бы gulp возвращал два файла - один из которых в обычном читаемом формате и удобный в последующей работе ?

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

    Особо видео не смотрел, но слева не позиционирует, т.к. нет места, если элемент по центру сделать, то все будет ок.

  • @_kie
    @_kie 4 года назад +3

    Я пока в этой библиотеке Popper не особо смысл вижу, мы и так можем всё это стилями сделать.

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

      Об этом я и сказал в видео :)

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

      @@maxgraph я бахнул коммент прямо перед тем как ты это сказал :)

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

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

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

      Poper.js нужен не только для тултипов, он нужен для позиционирования. На css ты не сможешь добиться эффекта например: если тултип выходит за границы видимости (частично или полностью) и в этом случае, его надо показывать с другой стороны(или снизу/сверху).

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

    Просто дизреспект...

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

      У каждого свое мнение :)

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

      @@maxgraph Софтскилы повышай и остальное прийдет.

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

      Понять бы за что

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

      @@miraigrafit7865 Была предистория, которую я не посчитал нужным оставлять. Автор в курсе...