логин: 
<< предыдущая заметкаследующая заметка >>
16 сентября 2013
Мигающая сноска

Кому не нравится, что мигает сноска1 в модуле SNOSKA? Всем, насколько я понял.

Мигание я, допустим, уберу. Но есть ли возможность какими-то margin или padding или еще как-то расширить область действия сноски пикселей на 15 вокруг, залезая на окрестный текст? Чтобы текст всплывал при наведении мышкой с большей погрешностью, чем отлавливать эту крошечную цифирку? При этом сама сноска должна выглядеть и дальше сноской, а не образовать вокруг себя пустое пространство. Есть идеи?

<< предыдущая заметка следующая заметка >>
пожаловаться на эту публикацию администрации портала
архив понравившихся мне ссылок
Оставить комментарий
Linux Firefox
 Пенза
2
0
Есть.

padding: 20px;
margin: -20px;
Windows Firefox
1
0
Михаил (#2613777)
Я бы посоветовал использовать шрифтовые единицы (em и ex) вместо пикселей. И не вылезать за пределы строки по вертикали, чтобы не мешать выделению текста и другим ссылкам, которые могут оказаться рядом (уж с точностью до одной строки текста пользователь должен уметь целиться без проблем).
Linux Firefox
 Пенза
1
0
Не, тут именно в пикселях надо. Если, допустим, у меня выставлен размер шрифта 150px, мне зону наведения ещё на 1em увеличивать нет никакого смысла. Та же история и с очень мелким - к 4px сколько эмов не добавляй, один хрен мало.

По поводу соседних строк - ну, наверное, да. Пусть будет вот так:

padding: 0.5em 15px 0.5em 15px;
margin: -0.5em -15px -0.5em -15px;
Windows Firefox
1
0
Михаил (#2613777)
Пользователь взаимодействует не с пикселями, а с текстом, состоящим из строк, слов и символов. Размер шрифта выбирается исходя из удобства чтения и тыкания в элементы этого самого текста (а не в пиксели).
Если человек с плохим зрением поставил себе шрифт в 150 пк, то довольно глупо надеяться что он сможет прицелиться курсором с точностью 15 пк. С другой стороны, человек с большим монитором низкого разрешения, выставивший себе шрифт «в 4 пк», наверняка без труда прицеливается с точностью в пару пикселей, и эти самые 15 пк ему будут только мешать.

Суть в том, что задача должна была быть сформулирована по-другому: «как сделать так, чтобы в сноску было попасть так же легко, как в обычную ссылку?».
Очевидный ответ: сделать ей активную область такого же размера, как у обычной ссылки, т.е. в одну целую строку высотой и примерно в одно слово шириной (за «ширину слова» можно принять что-то вроде 2 em). Плюс к этому, сделать её доступной с клавиатуры, как нормальные ссылки.

(У меня, кстати, при указании только padding и margin элемент не ловит курсор справа — видимо, следующий текст перекрывает. Добавление position:relative почему-то помогает, даже без z-index.)
Linux Firefox
 Пенза
1
0
Пользователь взаимодействует не с текстом, а с мышью, состоящей из сенсорного элемента, кнопок и колеса. Мышь выбирается исходя из удобства держания в руке и, в некоторых случаях, чувствительности сенсора.

Если человек купил себе мышку с чувствительностью 300 dpi, то довольно глупо надеяться, что он сможет прицелиться так же легко, как человек с мышью на 1600 dpi.

Суть в том, что задача должна быть сформулирована по-другому: "как сделать так, чтобы человек с помощью своей мыши смог попасть в сноску относительно легко?".

Очевидный ответ: сделать ей активную область такого размера, чтобы минимизировать вероятность того, что неточность движения руки окажется больше того расстояния, которое ей нужно пройти для того, чтобы покинуть активную зону.

К сожалению, браузеры пока что не научились определять чувствительность мыши. Поэтому я исхожу из следующего предположения: в ссылку шириной в 15-20 пикселей (а вы, видимо, дизайнер, довольно давно читающий Бирмана, если пишете "пк") несложно попасть с любой мышью. Именно эту цифру я и написал.
Windows Firefox
1
0
Михаил (#2613777)
Вы правильно пишете про чувствительность мыши. :-) И что «браузеры пока что не научились определять чувствительность». Поэтому остаётся надеяться только на то, что пользователь сумел согласовать эту чувствительность и собственный тремор с размерами отображаемых элементов (текста в данном случае) — ибо иначе ему вообще работать будет крайне неудобно. А определять размеры текста браузеры как раз умеют.

Я не знаю, что делать с пользователями «смартфонов», тыкающими жирными пальцами в 10-см экран с мегапиксельным разрешением. В «15-20 пикселей» они всё равно не попадут. Возможно, у них есть системные средства для лучшего прицеливания? Или для них надо делать другую вёрстку, увеличив все ссылки до размеров пальца?
Linux Firefox
 Пенза
0
0
Ну раз уж вспомнили Бирмана, то вот что он говорит про элементы, активизирующиеся при наведении: http://ilyabirman.ru/meanwhile/2011/08/21/1/

В этой ситуации я бы, например, просто продублировал все сноски внизу, как в википедии. Или выводил сразу их текст вместо цифры, выделив его серым или шрифт уменьшив. Короче, суть в том, что с мобильника в эти цифры целиться - гиблое дело и надо искать другое решение.

Про эмы всё равно не согласен. Доводов больше не придумал, но чувствую, что не в них мерить надо. Я не из тех, кто до сих пор задаёт ширину абзаца в пикселях, если чо - просто случай не тот.
Windows Opera
0
0
vedmezhatko
На всякий случай: да, мигающая сноска раздражает немного :)
Windows IE
0
0
D.iK.iJ
В ИЕ (последнем) не мигает :)
Linux Firefox
 Пенза
0
0
В FF тоже. И правильно делает.
<< предыдущая заметка следующая заметка >>