› Курсор: мелочь, но приятно
Смена стэйта курсора... Вроде бы мелочь, но в совокупности интерфейса и его восприятия делает невероятную штуку – интуитивно показывает пользователю то, где он сейчас "находится". Не забываем то, что курсор – вещь, которая всегда в фокусе, ведь это главный элемент взаимодействия с веб-интерфейсом. Многие разрабы забивают болт на дефолтные возможности браузера и системы, делая тонну визуальных перделок на css-js. А все потому что они мудаки. Не будь как они – юзай курсоры.
Нахуй надо? Все просто, наведу примеры использования:
◦ Навел на ссылку или активный элемент? Получил "активный" курсор.
◦ В области изображения, которое можно увеличить? Получил курсор "зума".
◦ Пользователь вынужден подождать ответа из сервера? Получает курсор "ожидания".
◦ Неактивный компонент? Получай "запрещенный" курсор!
Таких примеров множество. Это не сложно, зато вы получаете огромный респект от тех, кто зашел на веб-сайт и вынужден изучать ваш интерфейс.
Лайв-пример: ссылка на дефолтные и реализацию кастомных курсоров
#ux #css
Смена стэйта курсора... Вроде бы мелочь, но в совокупности интерфейса и его восприятия делает невероятную штуку – интуитивно показывает пользователю то, где он сейчас "находится". Не забываем то, что курсор – вещь, которая всегда в фокусе, ведь это главный элемент взаимодействия с веб-интерфейсом. Многие разрабы забивают болт на дефолтные возможности браузера и системы, делая тонну визуальных перделок на css-js. А все потому что они мудаки. Не будь как они – юзай курсоры.
Нахуй надо? Все просто, наведу примеры использования:
◦ Навел на ссылку или активный элемент? Получил "активный" курсор.
◦ В области изображения, которое можно увеличить? Получил курсор "зума".
◦ Пользователь вынужден подождать ответа из сервера? Получает курсор "ожидания".
◦ Неактивный компонент? Получай "запрещенный" курсор!
Таких примеров множество. Это не сложно, зато вы получаете огромный респект от тех, кто зашел на веб-сайт и вынужден изучать ваш интерфейс.
Лайв-пример: ссылка на дефолтные и реализацию кастомных курсоров
#ux #css