31 июля 2011, 0:45

Аква-кнопки и ещё

Спец. инпут
Удивительно, что до сих пор некоторые верстальщики при виде маковских баттонов, инпутов и селектов в макетах, пытаются сверстать их пиксель-в-пиксель для всех браузеров и систем. Ни у кого не получается, кстати, но я не об этом хочу написать.
Самодельная аква-кнопка

Чуваки, которые так делают, вы почему это делаете? Потому что не знаете, как выглядят элементы интерфейса на Маке и думаете, что это дизайнер такую спец. кнопочку изобрёл? Или вам кажется, что этой красотой надо поделиться и с пользователями Виндоус Экспи? Или вас кто-то заставляет?

Зря скруглённые поля
Зря скруглённые поля

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

Аква-кнопки и ещё
ИЕ 6, Виндоус Экспи

Аква-кнопки и ещё
Опера 9.64, ФриБСД 7.0

Аква-кнопки и ещё
Сафари 5.1, Мак ОС Лев

Спасибо, Капитан Очевидность

Исключения, мещаюшие мне стать законченным обобщенцем, конечно есть. Вот здесь без маковских радио-кнопочек не обойтись:
Спец. инпут
Такие извращения с элементами формы надо воспроизводить картинками; один крутой перец взялся повторить шутку дизайнера для кнопок в каждой платформе отдельно, но бросил затею на пол пути, т. к. не предскажешь ведь, как выглядит и ведёт себя радио-кнопка в браузере какой-нибудь Нокии.

На всякий пожарный оговорочка: в этой заметке не было и речи об уникальных «дизайнерских» кнопках и полях, которые несомненно надо верстать с нуля. Я говорил о том, что не надо шкуру одного зверя перекраивать на другого: или всем новые одинаковые платья, или пусть остаются в чём мать родила.
Поделиться
2 комментария
Валерий Попов
Есть предположение, что кнопка сабмита формы должна быть не кастомной, а системной. Потому что кто-то может не понять, что красивая серая нарисованная дизайнером кнопка задисейблена. А вот вид виндовой задисейбленой кнопки привычен и понятен.

Что ты про это думаешь?
Артём Поликарпов
Как технолог, я за системные кнопки. С ними легче работать, они не требуют порцию скриптов и две порции ЦСС, чтобы вести себя нормально. Что касается задисейбленной кастомной кнопки, то чаще всего я это делаю прозрачностью и сменой курсора, а не заставляю дизайнера что-то ещё рисовать и, вроде бы, считывается состояние такой кнопки без проблем.
Валерий Попов
Понял тебя. Я тоже так всегда думал, но вот этот случай заставил меня подумать ещё раз. Потыкай на «Транспортом» слева http://maps.yandex.ru/?rt
Популярное