• Как продвинуть сайт на первые места?
    Вы создали или только планируете создать свой сайт, но не знаете, как продвигать? Продвижение сайта – это не просто процесс, а целый комплекс мероприятий, направленных на увеличение его посещаемости и повышение его позиций в поисковых системах.
    Ускорение продвижения
    Если вам трудно попасть на первые места в поиске самостоятельно, попробуйте технологию Буст, она ускоряет продвижение в десятки раз, а первые результаты появляются уже в течение первых 7 дней. Если ни один запрос у вас не продвинется в Топ10 за месяц, то в SeoHammer за бустер вернут деньги.
    Начать продвижение сайта
  • Сервис онлайн-записи на собственном Telegram-боте
    Тот, кто работает в сфере услуг, знает — без ведения записи клиентов никуда. Мало того, что нужно видеть свое расписание, но и напоминать клиентам о визитах тоже. Нашли самый бюджетный и оптимальный вариант: сервис VisitTime.
    Для новых пользователей первый месяц бесплатно.
    Чат-бот для мастеров и специалистов, который упрощает ведение записей:
    Сам записывает клиентов и напоминает им о визите;
    Персонализирует скидки, чаевые, кэшбэк и предоплаты;
    Увеличивает доходимость и помогает больше зарабатывать;
    Начать пользоваться сервисом
плагин всплывающих подсказок

Tippy.js — современный плагин всплывающих подсказок с крутой анимацией

Отличный инструмент для быстрого создания всплывающих подсказок (tooltips) на сайте. Множество вариантов анимации, легкая настройка, понятная документация.

Tippy.js использует плагин всплывающих подсказок Propper.js, со своими особенностями. Вызывать подсказки можно несколькими способами:

  1. при наведении;
  2. при клике;
  3. с задержкой при наведении и клике.

Плагин дает грамотную обратную связь, чтобы Вы могли отследить действия пользователя и задать определенные условия.

Сразу хотелось бы привести сводные данные о браузерах, которые не поддерживаются плагином (в основном, это устаревшие версии обозревателей):

Браузер Год релиза Доля пользователей в мире
IE <= 9 2011 0.6%
Opera Mini 2015 3%
Firefox <= 15 2012 0.1%
Safari <= 5.1 2011 0.1%
Opera <= 12.1 2011 0.1%

Если у Вас есть возможность обойти ограничения в использовании данных браузеров, то приступим к использованию плагина всплывающих подсказок.

Подключаем необходимые файлы:

<link rel="stylesheet" href="css/tippy.css">
<script src="js/tippy.js"></script>

Создаем саму подсказку – атрибут title должен содержать Ваш текст, которые будет всплывать:

<button class="btn tippy" title="I'm a tooltip!">Text</button>

Затем, чтобы наша подсказка заработала, необходимо создать новый экземпляр, передав в селекторе CSS:

new Tippy('.tippy')

Или просто передать идентификатор:

new Tippy(document.querySelector('#myElement'))

Проще и быть не может. Разумеется, это минимальные возможности плагина. Рекомендуем почитать документацию от автора плагина, чтобы применять другие опции, например:

new Tippy('.tippy', {
    position: 'right',
    animation: 'scale',
    duration: 1000,
    arrow: true
})

Скачать файлы плагина Вы сможете по ссылке выше. Удачи!

6397 просмотров