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

Поділитися
Вставка
  • Опубліковано 23 сер 2024

КОМЕНТАРІ • 31

  • @petershon5808
    @petershon5808 3 роки тому +14

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

    • @maxgraph
      @maxgraph  3 роки тому +3

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

    • @miraigrafit7865
      @miraigrafit7865 3 роки тому

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

  • @Alexus1504
    @Alexus1504 3 роки тому

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

  • @denissheyanov1066
    @denissheyanov1066 2 роки тому

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

    • @maxgraph
      @maxgraph  2 роки тому +1

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

  • @PeT1T
    @PeT1T 2 роки тому

    Спасибо!

    • @maxgraph
      @maxgraph  2 роки тому

      Пожалуйста)

  • @user-rt8tp5oq6b
    @user-rt8tp5oq6b 2 роки тому

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

  • @allum8447
    @allum8447 Рік тому

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

    • @maxgraph
      @maxgraph  Рік тому

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

  • @user-fs3yr9yk6n
    @user-fs3yr9yk6n 2 роки тому

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

    • @maxgraph
      @maxgraph  2 роки тому

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

  • @user-lm9ee1gn5p
    @user-lm9ee1gn5p 2 роки тому

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

    • @maxgraph
      @maxgraph  2 роки тому +1

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

  • @UDAV_
    @UDAV_ 3 роки тому

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

  • @Star-er5wr
    @Star-er5wr 3 роки тому

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

  • @user-tr5oz3pm4g
    @user-tr5oz3pm4g 3 роки тому

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

    • @maxgraph
      @maxgraph  3 роки тому

      В смысле?)

    • @user-tr5oz3pm4g
      @user-tr5oz3pm4g 3 роки тому

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

  • @_kie
    @_kie 3 роки тому +3

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

    • @maxgraph
      @maxgraph  3 роки тому

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

    • @_kie
      @_kie 3 роки тому +1

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

    • @FredUA
      @FredUA 3 роки тому

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

    • @ozimnadius
      @ozimnadius 3 роки тому

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

  • @FredUA
    @FredUA 3 роки тому

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

    • @maxgraph
      @maxgraph  3 роки тому

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

    • @FredUA
      @FredUA 3 роки тому

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

    • @miraigrafit7865
      @miraigrafit7865 3 роки тому

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

    • @FredUA
      @FredUA 3 роки тому

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