4 прочтения · 1 год назад
Тултипы - часть дружелюбного интерфейса любого сервиса
Тултип — это всплывающее уведомление, как правило работающее по наведению, фокусу или по клику. Когда отображать тултипы? Когда нужно дать короткий поясняющий текст к интерфейсу или помочь с заполнением полей. Какие основные способы работы тултипа? По клику, По наведению, По фокусу, гибридный — по фокусу или наведению. Важные особенности тултипов Должны быть компактными. Рекомендуемая ширина — 250 px, максимальная — 500 px. Тултип должен находиться на расстоянии 2px от видимых границ объекта...
898 прочтений · 5 лет назад
Html+css: верстка тултипов
HTML имеет свои встроенные тултипы, но часто их дизайн не соответствует требованиям стиля макета. Сейчас мы научимся стилизовать тултипы. Для начала, нужно понять, что стандартный тултип - это своеобразное описание для элемента. Самый простой вид тултипа, который мы здесь будем рассматривать, не требует от HTML практически ничего. Мы будем использовать атрибут aria-label, который служит для описания элементов скринридерам (в основном, для людей с нарушениями зрения). Для того, чтобы через CSS "захватить"...