О важности a:active.
17 января2008 года
Сегодня я бы хотела отвлечься от основной тематики и написать вот о чем. В последнее время на наших сайтах распространилась новая мода: прописывать стили только для a:hover, а a:active в CSS-файлах благополучно опускать. Грубо говоря, это значит, что я держу мышь над ссылкой – и ссылка меняется. Убираю мышку – ссылка возвращается к исходному состоянию, даже если я на нее кликнула (например, правой кнопкой).
Проблема в том, у карманных компьютеров не существует понятия «ховер» (англ. hover – нависать) и вспомогательного «указающего перста» (также известного как «рука загребущая»).

У наладонников просто нет мыши, и я технически не могу навести курсор на ссылку – только кликнуть по ней. Получается следующая ситуация: при наведении сслыка не меняется, потому что наводить нечего; при щелчке тоже не меняется, потому что дизайнер забыл про a:active. Итог: невозможно вообще понять, нажал ты на ссылку или нет. Приходится смотреть и ждать, начнет ли грузиться страница. А если ссылки идут плотным рядом? Как узнать, если ты случайно промахнулся и нажал не туда? Вопрос риторический.
Кстати, раз уж речь зашла о кпк… Многие забывают, что карманные браузеры далеко не всегда отображают картинки CAPTCHA. Я бы даже сказала – не отображают практически никогда. Подумайте, прежде чем включать captcha-защиту на своем блоге.
Risotto
Стив Каллихан. Настольная книга по CSS. Готовые примеры и шаблоны
М. Хольцшлаг. Языки HTML и CSS для создания Web-сайтов
Дэйв Ши. Философия CSS-дизайна
Энди Харрис. PHP/MySQL для начинающих
Лори Ульрих Фуллер. Adobe Photoshop CS3. Библия пользователя
Молли Хольцшлаг. 250 советов HTML и WEB-дизайна
Дэн Седерхольм. Пуленепробиваемый Web-дизайн
