Есть вопросы

[web-monster]

Добрый вечер!

Есть вопросы:

1. Допустим у меня есть поле для ввода email:

<input type="email" value="" placeholder="Введите почту"/>

Если я ввожу некорректный email, то в новых браузерах выводится сообщение "введите адрес электронной почты", а в старых соответственно нужно делать проверку через js. Так вот, как написать условие, что если type="email" браузером не поддерживается, то нужно выполнять кусок js кода, который проверяет введенные данные?

2. Тоже самое с placeholder - как проверить поддержку (без jQuery плагинов)?

3. Как вы верстаете такие кнопки (с тенями, градиентами и т.д.)? Делаете кнопку с помощью CSS стилей или просто картинкой?

[Viper]

Советую вам познакомиться с таким замечательным JS плагином как modernizr, краткое знакомство на xiper.

И также советую познакомиться с методологией Graceful degradation для устаревших браузеров.

Edited May 9, 2012 by Viper

[alexandr_v-vich]

Как вы верстаете такие кнопки (с тенями, градиентами и т.д.)?

Например, так — http://jsfiddle.net/Nygq3/65/

Делаете кнопку с помощью CSS стилей или просто картинкой?

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

Не очень выгодно так делать, вероятно, когда и так большая перегруженность тенями скруглениями и прочим на сайте, и кнопок к которым хотите применить такие стили, достаточно много…

[Маленьке Звірятко]

Мне тоже интересно интересно как осуществляется верстка кнопок. Особенно закругленные кнопки и тень под кнопкой, кроме box-shadow

[web-monster]

alexandr_v-vich, получается, что лучше и проще сделать все это бэкграундом? Получится кроссбраузерно, без graceful degradation и без лишних скриптов типа PIE для поддержки css3 свойств

[alexandr_v-vich]

web-monster, „лучше“ — понятие неопределённое, не стал бы так говорить. То что проще, это да. Ну по ситуации надо. Ну как написал. Если всё же нужны старые браузеры, то я бы советовал да, бэкграундом.