Почему я должен использовать кнопки CSS3?

Question

Я недавно создал сайт и решил создать кнопки, которые нажимают на CSS3, довольно круто.

Но действительно ли есть веская причина использовать CSS3 над спрайтом, поскольку только современные браузеры показывают кнопки CSS3?

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

Есть ли лучшая причина?

Или существует метод возврата, который мог бы перемещать положение фона спрайтов или изменять градиент и добавлять тень окна при наведении/фокусировке?

Просто письма, что заставило меня задаться вопросом, если реформатор бы справиться с этой задачей ...

Answer 1

Это гораздо больше этических и бизнес-вопрос, чем тек вопрос, но давайте посмотрим некоторые моменты.

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

Нельзя сказать: «Я сделаю ваш сайт с CSS3, новыми элементами HTML5 и приятными эффектами для глазных конфет javascript» для нетехнических людей. Просто скажите: «Я могу сделать для вас хороший сайт».

Если у вас есть вопросы о том, что вы используете, или почему вы думаете, что это лучший подход, тогда вы отвечаете преимуществами.

Легкий, приносит меньше проблем с совместимостью, и его легче поддерживать. => Сократить время, когда клиент будет ждать загрузки сайта, каждый может его увидеть, и будет стоить меньше в будущих потребностях.

CSS3 не новый революционный материал, вы должны столкнуться с этими технологиями, являются эволюционными. Все предыдущие правила по-прежнему применяются, включая резервные правила.

CSS Sprites - это техника, созданная с помощью CSS2, поэтому она должна работать с любым браузером, в том числе с некоторыми старыми (не уверенными в IE6).

Градиенты новые. FF 3.5+, IE9 beta, браузеры Opera и webkit отображают их. IE8 или старше нет. Что-то для теней.

Для этого я просто добавил некоторые действительно простые правила в качестве резервного.

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

В этом IE только таблица стилей, я просто добавляю хаки или запасные части, необходимые, чтобы сделать его немного приличным. У вас есть фильтры MS, чтобы справиться с этим. Моя ie.css таблица стилей выглядеть:

.gradient { 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#fff'); 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E6E6E6', endColorstr='#fff')"; 
} 

.boxShadow { 
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#666666, direction=135, strength=5); 
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#666666, direction=135, strength=5)"; 
box-shadow: 5px 5px 5px #666 
} 

Обратите внимание, что существуют откаты правила, даже с этим, чтобы справиться с IE6, IE7 и IE8 +. Но он крошечный и обеспечивает лучший дисплей.

Кроме этого, я предлагаю вам прочитать http://24ways.org/2009/ignorance-is-bliss

Modernizr хороший Lib, но думаю, что если это действительно необходимо.Возможно, вы можете использовать бульдозер вместо ложки.