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

Привет! Тултип (tooltip) - всплывающая подсказка на сайте. Их часто можно встретить при верстке интернет-магазина, если нужно скрыть какой-то контент и показывать по наведению. Но не все знают, как верно его делать, и почему. В этом видео я рассмотрю три варианта создания тултипа - простой, но недоступный, посложнее, но доступный, и с помощью Js. Разберемся, какой лучше и почему, и нужен ли вообще тут js. Поехали! Извиняюсь за эхо на вставках скринридера( Содержание: 00:00 - Вступление 01:10 - Первый вариант (простой) 07:27 - Второй вариант (сложнее) 12:47 - Третий вариант (через js) 19:00 - Итоги: что использовать https://github.com/maxdenaro/maxgraph...
- исходники видео на GitHub https://inclusive-components.design/t...
- Хорошая статья про создание тултипов доступными https://popper.js.org/
- js-библиотека для создания тултипов Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка. Понравилось? https://clck.ru/Gr9Ec
Моя страница вконтакте: http://vk.com/maxdenaro
Мой блог: http://blog.maxgraph.ru
Мой сайт: http://maxgraph.ru
Канал в телеграм: https://teleg.run/maxgraph
Чат для верстальщиков: https://teleg.run/maxgraph_chat
#обучение #tooltip #css