Браузерная поддержка CSS3 против CSS2? Что еще более важно, дизайн против CSS2 или CSS3? - PullRequest
Новая
       8

Браузерная поддержка CSS3 против CSS2? Что еще более важно, дизайн против CSS2 или CSS3?

0 голосов
/ 29 марта 2011

Есть ли у кого-нибудь обновленная статистика, касающаяся поддержки браузером CSS3 против CSS2? Есть старые сообщения SO 2008 года, но нам любопытно, насколько широко поддерживается CSS3.

Что еще более важно, мы должны проектировать с мыслью о CSS2 или CSS3?

Спасибо!

Ответы [ 4 ]

5 голосов
/ 29 марта 2011

Что еще более важно, мы должны проектировать с мыслью о CSS2 или CSS3?

это не тот или другой сценарий, вероятно, никогда не будет, вы не можете иметь один без другого -CSS2 должен быть вашей базой, CSS3 (модули) должны быть вашими улучшениями, закругленными углами, множеством фонов и т. Д. Вы можете улучшить браузеры не CSS3 с помощью библиотек JS, но он всегда должен превращаться в идеально используемый сайт CSS2, независимо от браузераили скриптовые улучшения

  • так что CSS2 с небольшим удовольствием от CSS3;)
1 голос
/ 29 марта 2011

Существует некоторая библиотека js, которая поможет вам восполнить недостаток поддержки определенных браузеров.Например: http://selectivizr.com/ очень помогает с IE

. И чтобы проверить, поддерживает ли браузер какой-либо конкретный CSS, я использую http://caniuse.com/ веб-сайт.И, естественно, исходя из статистики браузера моей аудитории и тредов, я решаю, что использовать или нет.

Важно следующее: если вы хотите попробовать поиграть с CSS3, сделайте это .Единственное, что вам нужно знать, это то, что независимо от того, что вы делаете, убедитесь, что его легко ухудшить в случае, если его нет поддержки (например, мобильные телефоны не имеют такой же стандарт веб-браузеров).

Наиболее важным моментом является: НЕ ОЖИДАЕТ ВИДЕТЬ ОДИН ИМЕЮЩИЙСЯ ВЕБ-ДИЗАЙН ИДЕНТИЧНЫЙ ВСЕХ БРАУЗЕРОВ .Согласитесь, что каждый браузер имеет различия в рендеринге и не ошибается в том, что каждая копия идентична.С интернетом это невозможно.Сделайте их похожими, но смирись с принятием различий, и если вы можете сделать что-то более классное для Chrome или FF, пожалуйста, сделайте это (все зависит от вас, если вы хотите приложить дополнительные усилия).

Люди IE не пропустят опыт , они не будут знать разницу.Когда они обновят или изменят браузер, они обнаружат новый аспект, которого раньше не видели, думая, что это скорее обновление, чем их собственное ограничение браузера.

1 голос
/ 29 марта 2011

Это действительно зависит от функций в CSS3, которые вы хотите.

например. если вы хотите использовать закругленные углы на элементах, не стесняйтесь их посыпать (зная, что пользователи IE8 / IE7 / IE6 получат пониженный опыт (квадратные углы)) 

.roundedCorners{
  -webkit-border-radius:5px;/* Safari, Chrome, Blackberry, etc. */
     -moz-border-radius:5px;/* Firefox, Camino, Flock, etc. */
          border-radius:5px;/* IE9, other browsers with ready implementations */
}

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

0 голосов
/ 29 марта 2011

Этот график показывает процентное соотношение по каждому браузеру в этом году по всему миру:

http://gs.statcounter.com/#browser_version-ww-monthly-201101-201103-bar

Если предположить, что все браузеры, кроме IE (на момент написания IE9 только что был выпущен) поддерживают CSS3, то около 55% пользователей могут использовать CSS3 и многие функции HTML5.

По моему мнению, преимущества перевешивают затраты, и сейчас самое время начать использовать CSS3 и HTML5.

...