Курсор: стрелка или палец по наведению у кнопки или ссылки. Кликабельные элементы: ховер и верстка
HTML-код
- Опубликовано: 26 июл 2024
- #alexeybychkov #ityoutubersru #webdesign
Какие бывают курсоры в веб-дизайне. Какой же курсор ставить, чтобы показать ховер у кнопки или ссылки? Примеры сверстанных некликабельных кнопок
Наши чатики в дискорде - / discord
Обучение - alexeybychkov.study/
Мои цитаты -
💰❤️ Поддержать канал:
/ @alexeybychkov_
бусти - boosty.to/alexeybychkov - русский интерфейс, рубли
патреон - / alexeybychkov - английский, доллары
Подглядывать за мной можно тут:
👉 Инстаграм: / alexeybychkov_
👉 Беханс: www.behance.net/alexeybychkov_
👉 Телеграм: t.me/dsgn_tips
👉 Фейсбук: / dsgn.tips
👉 Твитор: / _alexeybychkov
0:00 - какие бывают курсоры
0:26 - самые популярные курсоры в веб-дизайне
1:31 - пример сайта с 4 курсорами
5:13 - курсор и кнопки
8:58 - пример исключения из правила
10:29 - пример нестандартного курсора на сайте
•••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••••
Меня зовут Алексей и я веб-дизайнер фрилансер из Минска. Мне в районе 36 лет, женат на прекрасном человеке и у нас две прекрасные дочки. Работаю на лучшей бирже в рунете - Weblancer.net. И делаю это хорошо, чего скрывать =) Ведь я люблю свою работу (уже 17 лет) и всех своих заказчиков. На этом канале делюсь опытом, рассказываю про всякие детали работы веб-дизайнером на фрилансе. Тут будет не только теория про веб-дизайн, но и много практики в фигме и фотошопе!
Подробнее обо мне - alexeybychkov.com/about/
17 лет опыта - alexeybychkov.com/experience/
Пишу - alexeybychkov.com/blog/
Дизайню - alexeybychkov.com/cases/
Отзывы - clck.ru/K5Mcc
Мои книги:
«Дизайн и фриланс. Начало» - clck.ru/JE8ku
«Дизайн и фриланс. Новый уровень» - clck.ru/JE8jT
Хелп по Фигме: уроки, видео, советы, фишки - figma.help
Мир фейсов: faces.world/
#figma #фигма #фотошоп #photoshop #дизайн #design #фриланс #freelance
Спасибо за вашу активность!
Подписывайтесь на инстаграм - ссылка кликается! - instagram.com/alexeybychkov_/
ФилХуг! Когда ты первый раз сказал "Рука превратилась в кулак", я тоже пропела😂
😅
Экзотические курсоры абсолютно не бесят, а разницу между стрелкой и пальцем - ты объяснил супер понятно.
ну класс) спасибо за просмотр!
Обожаю слушать хоть и такие простые уроки, все разложил с юмором легко и просто, спасибо! (я тот дизайнер что раньше ставил стрелки на кликабельные элементы, каюсь)
Рад, что нравится!
Полезное видео для всех начинающих 👍
Здорово, что есть поясняющие ролики, казалось бы самых элементарных вещей 👌🏻
ну клаасс)
Такие ролики спасают честь новичков😁 Как всегда всё здоровско объясняешь! Спасибо.
рад, что видео помогают!
Даааа, хорошо, что хоть кто-то думает о чести новичков😂😂😂
Выцветший горох)))
Обожаю как ты называешь обычное - необычными, забавными именами)
рад, что нравится)
Оговорочки в конце как отдельный вид искусства 😂🔥 спасибо за ролик 👍
пожалуйста))
ха-ха, "рука превратилась в кулак")))
Спасибо за инфу, как всегда очень классно и просто объяснил)
😅 пожалуйста!
Прикольная фишка про выпадающий список при наведении, теперь буду иметь в виду) спасибо🤘
пожалуйста!
Спасибо за объяснение разницы функций курсоров 😉 Очень понятно и доступно
пожалуйста!
Фил Хуг! Спасибо за чудесный контент! Смотрю взахлеб, даже не всегда поесть успеваю!😃😃
Фил Хуг!
Спасибо! Все понятно, легко и смешно!! Больше курсоры не путаю. Дизайнерская честь сохранена))
спасибо за просмотр)
14 группа, туть) информация полезная, даже не задумывалась о таких мелочах как курсор палец и стрелка и их разные роли :D
👋 привет!
Спасибо за понятное объяснение на живом примере, теперь все понятно👆👍
Пожалуйста)
Вроде бы все элементарно, но смотреть очень интересно) Подача просто супер!
очень рад!
Спасибо за очередную порцию полезного и нескучного контента :)
пожалуйста!
Коротко, чётко и ясно - новичкам полезно. В конце расчёска))) топ
спасибо за просмотр)
Еще с первого просмотренного мной разбора хотела посмотреть про курсоры и наконец-то добралась. Стало намного понятнее. Спасибо! С "расческу забыл снять" поржала :D всегда досматриваю видео до конца, отличное настроение этими оговорками обеспечено ахахха. "по реке плывет кирпич, ну и пусть себе плывет. нам не нужен пенопласт, получи дрова в живот" - фонд золотых цитат
Круто) спасибо за досмотр до конца)
Спасибо за отличную подачу знаний, я разобралась! Нажала кликабельный палец вверх указательным пальцем:)
)) супер
Фух, разобралась! Главное не быть рыбкой Дорри и не забывать всём, когда делаю что-то 😂
супер)
Спасибо за ролик! Все объяснил подробно,даже не задумываешься о таких вещах порой )
пожалуйста)
Первая мысль: курсоры, что там может быть ещё нового и интересного. Вторая мысль: видео на вашем канале. Итог: даже очевидная вещь, о которой есть видео на этом канале, стоит внимания. Спасибо за информацию!
спасибо за комменты!
Оооочень полезный контент, никогда не задумывалась до тебя, что могут быть такие проблемы с этими курсорами!) Спасибо! 😊За файл с ними - отдельный поклон, давно сохранены в макетах. 😎
Ну класс)
Спасибо за погружение в «курсор и палец». =)
пожалуйста!
мне как новичку интересно все, вот например про курсор рука и кулак не знала, так что как всегда спасибище!
пожалуйста)
Спасибо, что делаешь видео на, казалось бы, такие очевидные вещи! Теперь только палец :)
Ну класс))
Всё в порядке, палец вверх в нужном состоянии) Как всегда СПАСИБО!)
Ну класс)
Доходчиво объяснил на палацах про курсор :D Спасибо!
Экзотические курсоры иногда очень даже в тему)
Супер)
По реке плывет кирпич 😂 думала, уже никогда не услышу)))
😄
Закрепил информацию, про ховер курсором отличный лайфхак. Спасибо за труд!
супер)
Все видео можно смотреть как минимум ради ляпов в конце 😁 обожаю
😀
Только благодаря твоим разборам сайтов узнала, что палец и стрелка разные функции выполняют. А теперь еще и здесь все по полочкам разложил. Спасибо, добрый человек 🤗
круто) рад, что ролики полезны!
Прикольно про верстальщика и кнопку, которая не нажимается)) Спасибо, что рассказываешь даже про то, на что внимания не обращала!
пожалуйста!
Мне кажется это будет вечной темой для новичков) Спасибо Леша) Как всегда по теме, с примером... круть)
пожалуйста)
Всего 🤘 курсора! Желаю всем поскорее разобраться, кто ещё не понял!) Спасибо Лёше, что разложил всё по полочкам)
пожалуйста))
Сразу затестил нажав лайк, все работает) спасибо за информацию)
Ну класс)
Это видео окончательно закрепило понимание назначения курсоров👍🏻 Спасибо🔥
супер
Когда надоело видеть в работах стрелку вместо пальца) Спасибо за ролик)
да давно хотел видео записать))
Круто объяснил , да ещё и с примерами) спасибо огромное, как всегда полезный ролик))
Пожалуйста)
После этого видео, ну и плюс видео твоих разборов работ, точно не перепутаю, где стрелка нужна, а где палец) а вот про ручку и кулачок и не знала совсем-теперь знаю))
ну класс)
Спасибо огромное. Все понятно. Даже не думала, что это так важно! Буду показывать палец
Отличный план!
С вами я понимаю, что моё образное мышление мне таки в жизни пригодится))
круто)
Очередная годнота пришла!) Спасибо за горы полезности~
супер) рад, что полезно!
Медуза подвела в самый ответственный момент! (ну или инет)
Ага))
Фил Хуг из 15-группы!🤗
Очередное огромное спасибо за ролик с мегаполезной информацией! 🤩
Фил Хуг! ❤️
Честно говоря, даже никогда не задумывалась, что в макете нужно указывать курсор. Стыдпозор и все такое 😅. Спасибо за разъяснения, как всегда все в лучшей форме))
пожалуйста))
Рука - кулак так редко используется мне кажется сейчас, что и забыла уже про них, но спасибо, что рассказали! Про выпадающий список при наведении даже и не думала, спасибо что рассказали) Стишки в конце это бомба)))
пожалуйста))
Спасибо, Алексей))! Короткое правило прозвучало раз 10 за ролик, чтобы наверняка все запомнили, мне нравится такая схема объяснения. Не понять не возможно)
спасибо за жменю комментов!
Cпасибо за видео :) Для новичков очень полезно, ибо я сам когда-то вставлял везде только стрелку)) Как всегда, у тебя инфа самая полезная и очень крутая в подаче!
пожалуйста))
Спасибо за видео! Файл с курсорами - то что нужно) Сохранила)
Ну класс)
Вроде и не сложная тема, но для новичков достаточно коварная😄 спасибо, что как всегда разложил все по полочкам! Фил хуг🔥
Фил Хуг!
Всегда путал стрелку с пальцем, может в этот раз запомню. А про нестандартные курсоры, как по мне очень даже интересно и прикольно! Спасибо за видео, конетент как всегда топчик!😊
всегда 2 курсора, легко запомнить)
Спасибо за видео! Я хоть и никогда их не путала особо, но было интересно послушать подробнее про все это))
спасибо за просмотр)
Спасибо за такое объяснение с примерами) вроде понятней некуда что и для чего, а все равно кто-нибудь да совершит ошибку))
это всегда пожалуйста!
Ты навел порядок на моих полочках с курсорами, галочками и пальцами 👍👍👍 Спасибо, что объясняешь все доступно и с примерами)))) Можно всем, кто путается теперь смело скидывать твой ролик - на изучение ☺️
Концовка как всегда - угарная))))😂😂😂
😄
под роликом проверили и лайк, и подписка в правильном состоянии)) Спасибо за урок!
круто) спасибо!
Пачка позитива перед стримом!!!! Огонь!!!!
Супер)
Спасибо вам за все, Алексей! =). Прикольная анимация на вашем сайте
пожалуйста!
Всё понятно и доступно, спасибо за наглядные примеры🤗
ну класс
Спасибо за видео!
Интересно и полезно. Примеры супер! Всё по полочкам 👍
Спасибо за просмотр!
спасибо, все стало предельно ясно. Отлично объяснил! Всегда интересно смотреть)
пожалуйста)
Ждем ролик про прототипы, обязательно запиши 💗
супер))
Класс, класс, класс. Мне нравится, что есть короткие ролики, если времени особо нет, то смотришь их, а есть длинные при которых удобненько так устраиваешься на диване и смотришь до победного.
супер))
Всеголишь два курсора, Карл!) Спасибо!
пожалуйста)
Наверное, самые позитивные обучающие ролики во всем Ютубе!
🤟☀️🤟
Благодарю за подробное разъяснение, с примерами*)
Пожалуйста!
После слов в начале про развертывание мандаринок, сразу захотелось их съесть 😂
так время подходящее))
Всегда ранее забыл про показ пальца вместо стрелки на ссылках. Теперь так больше не делаю) Спасибо, Лёша!
молодец))
Смотрела твой последний разбор работ №77 и увидела много замечаний по поводу курсора при наведении и нажатии. Сразу же побежала смотреть сюда как правильно 😆🙈
Спасибо за просмотр))
С ДНЕМ РОЖДЕНИЯ.
Пусть твои ученики никогда не путают курсоры=))
А верстальщики всегда делают все идеально по макету!!!!
🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥
круто) спасибо!
Ломала голову, в чём разница...Спасибо, Лёша, теперь знаю :)
Рад, что помог!
Кажется эта тема будет вечной, нужно каждого человека отправлять смотреть твоё видео)
Да надо бы))
Спасибо за ролик😊Осталось только запомнить и не ошибаться 😅
Пожалуйста)
Я помню как допускала такие ошибки когда-то 🥹 но к счастью, благодаря таким видео, быстро понимала что что-то не так и исправляла😌 спасибо за информацию, когда то это меня спасло😅🔥
это всегда пожалуйста!
Спасибо за ролик🔥 На примерах стало все понятно)
Супер)
Крутое видео! Особенно зашло про исключения!
супер)
Ну надо же, палец и стрелка, оказывается, разные функции выполняют. А я и не догадывалась. Ай-ай-ай мне. Спасибо, Лёша!
пожалуйста! :)
Спасибо Леша, жду следующих видео!
пожалуйста!
Сразу лайк, классный ролик, очень полезная информация мне как новичку
спасибо за просмотр)
Всё так просто и понятно, спасибо!))
Очень смеюсь с того, как ты спел «Рука превратилась в кулак» 😎
))
Все время задавалась вопросом что ставить на ховере, теперь всё поняла) Спасибо!
рад, что помог разобраться!
Спасибо за полезный ролик! Держим кулачки, чтобы в разборах и фидбеках как можно больше ребят были зрителями твоего ютуб-канала))
спасибо за жменю комментов! 🎄
Спасибо Лёша👍!!! Хоть я и разбираюсь в курсорах, но всегда интересно послушать как ты объясняешь. И киноляпы в конце, улыбают и веселят😂))))
супер) рад, что нравится! :)
Спасибо! Потестил курсор на "пальце вверх", и действительно - работает!
а как иначе)
До этого ролика вообще не обращала внимание на курсоры. Теперь то все понятно. Захожу на сайты и сразу смотрю где какой курсор😅
вот и замечательно!
Теперь не буду путать курсоры, спасибо!
супер!
Экзотические курсоры прикольно, но внимание отвлекают)
Спасибо за ролик, столько раз повторил, грех не запомнить😄❤🔥❤🔥
спасибо за просмотр!
Ооо, большой спасибо за разбор этой темы, это супер объяснение ❤❤❤
🥳🥳🥳
Как всегда интересно и полезно! Благодарность за подробный разбор данной темы и жменька активности))
Спасибо за просмотр)
Нажали, лайкнули, всё сделали. Спасибо ;)
еее спасибо)
Спасибо за разъяснение разницы между кнопок, Леша. Теперь бы не перепутать где сено а где солома ))
😄 пожалуйста)
Казалось бы, такая простая тема - курсоры, но даже о таких мелочах многое не знала) Благодарочка за информацию по полочкам, как всегда огонь)
спасибо за просмотр!
Спасибо, что объяснил.☺
Как всегда важная тема. 🤩
Детали, на которые стоит обращать внимание 👀
вот и замечательно!
4:39 «моя ладонь превратилась в кулак» 😂😂
😄
Большое спасибо за интересное видео, было интересно и полезно
большое пожалуйста!
Классный ролик, теперь понятно стало что и как ))
🥳🎉
Думаю, этот ролик окончательно расставил в моей голове по местам всё, что касается курсоров :) Спасибо! Всегда в ожидании обновлений на твоём канале
отличные новости)
Мне как новичку очень полезный ролик! Теперь знаю, что есть только ✌️курсора
ну класс)
Конечно ждём! Ценнейший контент, спасибо! С наступающими праздниками!
С наступающим Новым годом!