909 читали · 6 лет назад
Html+css: верстка тултипов
HTML имеет свои встроенные тултипы, но часто их дизайн не соответствует требованиям стиля макета. Сейчас мы научимся стилизовать тултипы. Для начала, нужно понять, что стандартный тултип - это своеобразное описание для элемента. Самый простой вид тултипа, который мы здесь будем рассматривать, не требует от HTML практически ничего. Мы будем использовать атрибут aria-label, который служит для описания элементов скринридерам (в основном, для людей с нарушениями зрения). Для того, чтобы через CSS "захватить"...
Микроинтеракции и интерактивные элементы сайта: как анимации улучшают UX и влияют на конверсию
Микроинтеракции на сайте - это те самые мелкие реакции интерфейса, которые делают его живым: кнопка слегка двигается при наведении, форма подтверждает отправку, элемент меняется при клике. Эти детали почти незаметны по отдельности, но в сумме они сильно влияют на поведение пользователя. Разберёмся, какие интерактивные элементы сайта действительно работают, как они влияют на восприятие и где анимации помогают повысить конверсию, а где - наоборот мешают. Что такое микроинтеракции на сайте и зачем они нужны Если упростить, микроинтеракции - это реакция интерфейса на действие пользователя...