Comments 27
Да! Если переопределяю стандартные контролы, то конечно использую.
Возьмём к примеру кнопку.
Ведь по-хорошему пользователь должен получать фидбэк от каждого своего действия. Навёл курсор на кнопку: кнопочка подсветилась, пользователь понял, что она активна. Опустил мышку: бордюрчик поменялся, пользователь понял, что нажал успешно.
Кстати, ссылки, на которых этот класс не прописан, у меня в лисе при нажатии обводятся точечным бордюрчиком.
Повторюсь ещё раз и готов буду повторять тысячу миллионов раз: пользователь ВСЕГДА должен получать фидбэк от каждого своего действия.
Возьмём к примеру кнопку.
Ведь по-хорошему пользователь должен получать фидбэк от каждого своего действия. Навёл курсор на кнопку: кнопочка подсветилась, пользователь понял, что она активна. Опустил мышку: бордюрчик поменялся, пользователь понял, что нажал успешно.
Кстати, ссылки, на которых этот класс не прописан, у меня в лисе при нажатии обводятся точечным бордюрчиком.
Повторюсь ещё раз и готов буду повторять тысячу миллионов раз: пользователь ВСЕГДА должен получать фидбэк от каждого своего действия.
ссылки, на которых этот класс не прописан, у меня в лисе при нажатии обводятся точечным бордюрчиком.а если прописать, то он исчезает?
"бордюрчик" - это outline.
добавлю к вашему "повторюсю": фидбек не должен раздражать
если при нажатии на кнопку вся страница начинает мигать желторозовым и орать дааа вы нажали на кно-о-о-о-опку!!! то это уже не фидбек, а клиника ^^
если при нажатии на кнопку вся страница начинает мигать желторозовым и орать дааа вы нажали на кно-о-о-о-опку!!! то это уже не фидбек, а клиника ^^
Машина должна ездить. Если при нажатии на педаль газа машина начинает прыгать, булькать и мигать фарами, то это уже клиника. Но мы ведь не говорим о таких машинах.
Вот и тут мы говорим о нормальной реакции интерфейса на пользовательские действия.
Во всяком случае я надеюсь, что запрограммированная мной реакция нормальная.
Вот и тут мы говорим о нормальной реакции интерфейса на пользовательские действия.
Во всяком случае я надеюсь, что запрограммированная мной реакция нормальная.
это частая проблема советов: когда их придумывают, все вроде хорошо, но многие доводят дело до клиники
комментарий перескочил, блин :(
я комментировал комментарий комментатора
q_styler
я комментировал комментарий комментатора
q_stylerUFO just landed and posted this here
на apple.com в верхнем меню давно используется такое
Если не ошибаюсь то у apple это реализуется не стилями, а яваскриптами.
UFO just landed and posted this here
там все сделано стилями
/* button */
#globalheader #globalnav li#b-home a { background-position: 0 0; }
#globalheader #globalnav li#b-people a { background-position: -125px 0; }
#globalheader #globalnav li#b-exp a { background-position: -250px 0; }
#globalheader #globalnav li#b-pub a { background-position: -375px 0; }
#globalheader #globalnav li#b-down a { background-position: -500px 0; }
#globalheader #globalnav li#b-comp a { background-position: -625px 0; }
/* over */
#globalheader #globalnav li#b-home a:hover { background-position: 0 -28px; }
#globalheader #globalnav li#b-people a:hover { background-position: -125px -28px; }
#globalheader #globalnav li#b-exp a:hover { background-position: -250px -28px; }
#globalheader #globalnav li#b-pub a:hover { background-position: -375px -28px; }
#globalheader #globalnav li#b-down a:hover { background-position: -500px -28px; }
#globalheader #globalnav li#b-comp a:hover { background-position: -625px -28px; }
/* press */
#globalheader #globalnav li#b-home a:active { background-position: -0px -56px; }
#globalheader #globalnav li#b-people a:active { background-position: -125px -56px; }
#globalheader #globalnav li#b-exp a:active { background-position: -250px -56px; }
#globalheader #globalnav li#b-pub a:active { background-position: -375px -56px; }
#globalheader #globalnav li#b-down a:active { background-position: -500px -56px; }
#globalheader #globalnav li#b-comp a:active { background-position: -625px -56px; }
/* button */
#globalheader #globalnav li#b-home a { background-position: 0 0; }
#globalheader #globalnav li#b-people a { background-position: -125px 0; }
#globalheader #globalnav li#b-exp a { background-position: -250px 0; }
#globalheader #globalnav li#b-pub a { background-position: -375px 0; }
#globalheader #globalnav li#b-down a { background-position: -500px 0; }
#globalheader #globalnav li#b-comp a { background-position: -625px 0; }
/* over */
#globalheader #globalnav li#b-home a:hover { background-position: 0 -28px; }
#globalheader #globalnav li#b-people a:hover { background-position: -125px -28px; }
#globalheader #globalnav li#b-exp a:hover { background-position: -250px -28px; }
#globalheader #globalnav li#b-pub a:hover { background-position: -375px -28px; }
#globalheader #globalnav li#b-down a:hover { background-position: -500px -28px; }
#globalheader #globalnav li#b-comp a:hover { background-position: -625px -28px; }
/* press */
#globalheader #globalnav li#b-home a:active { background-position: -0px -56px; }
#globalheader #globalnav li#b-people a:active { background-position: -125px -56px; }
#globalheader #globalnav li#b-exp a:active { background-position: -250px -56px; }
#globalheader #globalnav li#b-pub a:active { background-position: -375px -56px; }
#globalheader #globalnav li#b-down a:active { background-position: -500px -56px; }
#globalheader #globalnav li#b-comp a:active { background-position: -625px -56px; }
на apple.com давно такое в меню используется
Хм. Для того, чтобы создать полноценный эффект, нужно чтобы в данный момент активный пункт меню перестал быть таковым, а это уже одним css не реализуешь. Иначе получатся сразу два выделенных (активных) пункта.
Хотя, если этого и добивались — вполне можно использовать.
Хотя, если этого и добивались — вполне можно использовать.
странно рассмотреный пример http://www.simplebits.com/bits/tab_rollovers.html# у меня в опере не работает
Sign up to leave a comment.
Псевдокласс : active