CSS3 новые возможности ... какой смысл?

Question

В последнее время я много читал о том, как избежать использования Photoshop для таких вещей, как градиенты и тени на кнопках, когда вы можете использовать CSS3 Box Shadow для таких функций.Теперь это замечательно, но, очевидно, старые браузеры и большинство браузеров IE еще не реализуют функции CSS3, поэтому мой вопрос: зачем экономить лишнюю работу в Photoshop, если вы можете использовать CSS3, но тогда ДОЛЖНЫ использовать Photoshop для других браузеров, чтобы увидетьжелаемые эффекты?Разве это не просто дополнительная работа?

Answer 1

Вы можете использовать CSS3, но тогда ДОЛЖНЫ использовать Photoshop для других браузеров, чтобы увидеть желаемые эффекты?

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

Совместимость была большей проблемой, когда позиционирование CSS 2 находилось на этом этапе: неподдерживаемая функция позиционирования может привести к непригодному макету. Но для по существу несерьезных эффектов, таких как фоны, границы и тени, это не критично, если эффект пропадает.

Answer 2

Есть несколько причин.С точки зрения разработчика / дизайнеров, использование CSS3 может быть более гибким.Изображение более или менее просто статичное изображение.С помощью CSS вы можете использовать скрипт или CSS для анимации или настройки стиля, а также для расширенной интеграции различных технологий.Это позволяет вам делать некоторые вещи, которые невозможны или трудны только с помощью изображений.

Вес страницы также обычно ниже при использовании CSS, что позволяет загружать страницу быстрее, особенно при медленных соединениях илимобильные устройства.Это также уменьшает HTTP-запросы (хотя вы также можете использовать данные Uris), что уменьшает задержку и, таким образом, ускоряет загрузку страниц.

Использование CSS часто проще в обслуживании и быстрее, так как вы можете быстро настроить цвет фона или тень, просто изменив CSS, в то время как с изображениями вы должны открывать Photoshop, редактировать файл, сохранять и т. Д.Это фантастика для быстрой настройки.

Есть также некоторые люди (включая меня), которые гораздо более удобны в коде, чем используют графические пакеты.Для меня проще использовать CSS, но ваш доход может отличаться.

Также с точки зрения браузера мы хотим продвинуть веб-платформу вперед и расширить ее возможности.SVG является примером другой технологии, которая еще не работает во всех версиях браузера, но добавляет много энергии.Хотя может быть невозможно развернуть сайты с использованием определенных свойств CSS3 или SVG без откатов прямо сейчас (в зависимости от вашей аудитории или клиента), в будущем будет время, когда старые браузеры не будут работать, и то, что мы добавляем сегодня, работает для всех пользователей.,Было время, когда большая часть CSS2.1 не поддерживалась, например, в то время как теперь вы можете положиться на большую ее часть, если вам не нужно разрабатывать для IE6.

Есть некоторые части CSS3, которыеВы можете счастливо использовать без откатов, если у вас есть клиент, который не требует, чтобы все браузеры выглядели одинаково.В качестве примера можно указать border-radius или предоставить однотонный запасной вариант для старых браузеров и применить прозрачность для новых браузеров.

Answer 3

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

В противном случае, мы все еще работали над VT100 ... зачем использовать "Windows", если большинство мониторов не поддерживают более 4-х цветную графику и имеют разрешение 80X22 ....

Answer 4

Ну, вы всегда можете использовать ChromeFrame, чтобы навязать хорошее поведение IE.Предполагая, что многие продукты будут настаивать на этом в ближайшем будущем (да, мы можем поспорить с этим), есть вероятность, что большинство пользователей IE будут иметь chromeFrame даже до того, как ваше приложение будет настаивать на этом.Как только вы примете решение об этом, решение об использовании свойств CSS3 или элементов HTML5 - ну, черт возьми, да !!

• Марвин

Answer 5

Если ваши боссы принимают идею иметь две версии внешнего вида и предупреждения и предупреждения. CSS3 хорошая идея.

Итак, вы используете функции CSS3 в своем коде и забываете о несовместимых браузерах - они увидят «версию с низким уровнем графики», возможно, вы захотите выдать ненавязчивое предупреждение (например, то, которое мы получаем как оповещения в StackOverflow), говоря, "Your browser is not compatible with CSS3. To see this website in high graphics please upgrade your browser. Click the link here to update now."

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