Даниил о вебдэве
304 subscribers
298 photos
15 videos
2 files
498 links
🔹 Веб-разработка глазами опытного разработчика 🔹

Ахтунг, 18+! Канал содержит ненормативную лексику дабы скрасить эмоции и максимально передать опыт рабочих моментов

💬 Уютный чатик: https://t.me/joinchat/BpmNllT7nvScKlQOO-ZHRw

✏️ Контакт: @nickdeny
Download Telegram
​​› Курсор: мелочь, но приятно

Смена стэйта курсора... Вроде бы мелочь, но в совокупности интерфейса и его восприятия делает невероятную штуку – интуитивно показывает пользователю то, где он сейчас "находится". Не забываем то, что курсор – вещь, которая всегда в фокусе, ведь это главный элемент взаимодействия с веб-интерфейсом. Многие разрабы забивают болт на дефолтные возможности браузера и системы, делая тонну визуальных перделок на css-js. А все потому что они мудаки. Не будь как они – юзай курсоры.

Нахуй надо? Все просто, наведу примеры использования:
◦ Навел на ссылку или активный элемент? Получил "активный" курсор.
◦ В области изображения, которое можно увеличить? Получил курсор "зума".
◦ Пользователь вынужден подождать ответа из сервера? Получает курсор "ожидания".
◦ Неактивный компонент? Получай "запрещенный" курсор!
Таких примеров множество. Это не сложно, зато вы получаете огромный респект от тех, кто зашел на веб-сайт и вынужден изучать ваш интерфейс.

Лайв-пример: ссылка на дефолтные и реализацию кастомных курсоров

#ux #css
• Нет, я не умер
• Да, я хотел подготовить кое-что крутое, но оно опять оттягивается из-за тонны работы
• «Гы, держи найс css-перделку»

Тем кто не знает, тем кто забыл – полностью пьюр респонсив скваре для имаге, см. кодэпэн

#css
This media is not supported in your browser
VIEW IN TELEGRAM
Накатал Вам приятную анимация загрузки карточек – ссыль →

Нравится?

#css #animation