CSS3 neue Funktionen ... was ist der Punkt?

Question

Ich habe in letzter Zeit eine Vielzahl von Möglichkeiten gelesen, wie Sie vermeiden, Photoshop für Dinge wie Farbverläufe und Schatten auf Schaltflächen verwenden zu müssen, wenn Sie CSS3 Box Shadow für solche Funktionen verwenden können. Nun, das ist großartig, aber offensichtlich implementieren Legacy-Browser und die meisten IE-Browser CSS3-Funktionen noch nicht, also meine Frage ist, warum Sie sich zusätzliche Arbeit in Photoshop sparen, wenn Sie CSS3 verwenden können, aber dann Photoshop für andere Browser verwenden müssen gewünschte Effekte? Ist das nicht nur zusätzliche Arbeit?

Answer 1

Sie können Verwenden Sie CSS3, aber müssen dann Photoshop für andere Browser verwenden, um die gewünschten Effekte zu sehen?

Oft ist es Ihnen egal, ob die anderen Browser die gewünschten Effekte sehen. Wenn es nur ein subtiler Hintergrund-Farbverlaufs-Effekt ist, wird die Seite gut funktionieren und immer noch vernünftig aussehen, mit einem flachen Hintergrund in Browsern.

Die Kompatibilität war eher ein Problem, als CSS 2 Positioning in diesem Stadium war: Eine nicht unterstützte Positionierungsfunktion konnte zu einem unbrauchbaren Layout führen. Aber für im Wesentlichen frivole Effekte wie Hintergründe, Grenzen und Schatten ist es nicht kritisch, wenn der Effekt fehlt.

Answer 2

Die Welt bewegt sich vorwärts, Sie können es nicht ignorieren. Solange der alte Browser eine Schaltfläche anzeigt und der neue Browser eine schönere zeigt, ist alles in Ordnung.

Ansonsten waren wir noch auf VT100 arbeiten ... wie, warum mit „Windows“, wenn die meisten Monitore und hat eine Auflösung 80X22 nicht mehr als 4 Farbgrafiken unterstützen ....

Answer 3

Wenn Ihre Chefs die Idee von zwei Versionen von Aussehen und Gefühl und eine Warnung akzeptiert. CSS3 ist eine gute Idee.

Also, Sie verwenden CSS3-Funktionen in Ihrem Code und vergessen Sie die Browser, die nicht kompatibel sind - sie werden die "Low-Grafik-Version" sehen, möchten Sie möglicherweise eine nicht aufdringliche Warnung (wie die wir Als Warnung in StackOverflow bekommen), sagen, "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."

Aber hängt davon ab, wo Sie arbeiten. Große Unternehmen mit vielen Ressourcen mögen gerne bei Photoshop bleiben und kleinere mögen einen leichtgewichtigen CSS3-Code, der sich in einem nicht kompatiblen Browser leise verschlechtert.

Answer 4

Es gibt ein paar Gründe. Aus der Perspektive eines Entwicklers/Entwicklers kann die Verwendung von CSS3 flexibler sein. Ein Bild ist mehr oder weniger nur ein statisches Bild. Mit CSS können Sie Skripts oder CSS verwenden, um das Styling zu animieren oder anzupassen und die Integration zwischen den verschiedenen Technologien zu verbessern. Dies ermöglicht es Ihnen, einige Dinge zu tun, die nicht möglich oder schwierig sind, nur mit Bildern.

Das Seitengewicht ist in der Regel geringer, wenn CSS verwendet wird, wodurch die Seite schneller geladen werden kann, insbesondere bei langsamen Verbindungen oder mobilen Geräten. Es reduziert auch HTTP-Anfragen (obwohl Sie auch Daten-URLs verwenden können), was die Latenz reduziert und somit das Laden von Seiten beschleunigt.

Verwenden von CSS ist oft wartungsfreundlicher und schneller, wie Sie eine Hintergrundfarbe oder einen Schatten schnell ändern können, nur durch Ändern der CSS, während mit Bildern müssen Sie Photoshop öffnen, bearbeiten Sie die Datei, erneutes Speichern usw. ist fantastisch für schnelle Verbesserungen.

Es gibt auch einige Leute (mich eingeschlossen), die im Code viel bequemer sind als sie Grafikpakete verwenden. Für mich ist es einfacher, CSS zu verwenden, aber Ihre Laufleistung kann variieren.

Auch aus der Browserperspektive wollen wir die Webplattform nach vorne bringen und die Möglichkeiten erweitern.SVG ist ein Beispiel für eine andere Technologie, die noch nicht in allen Browserversionen funktioniert, aber eine Menge Leistung bringt. Obwohl es momentan nicht möglich ist, Websites mit bestimmten CSS3-Eigenschaften oder SVG ohne Rückfälle bereitzustellen (abhängig von Ihrer Zielgruppe oder Ihrem Client), wird es in Zukunft eine Zeit geben, wenn alte Browser nicht mehr funktionieren und das, was wir heute hinzufügen, für alle Benutzer funktioniert . Es gab eine Zeit, als das meiste von CSS2.1 zum Beispiel nicht unterstützt wurde, während Sie sich jetzt auf das meiste verlassen können, wenn Sie nicht für IE6 entwerfen müssen.

Es gibt einige Teile von CSS3, die Sie ohne Rückfälle verwenden können, wenn Sie einen Client haben, der nicht alle Browser gleich aussehen muss. border-radius ist ein Beispiel oder gibt alten Browsern ein solid color Fallback und wendet Transparenz für neuere Browser an.

Answer 5

Nun, Sie können immer ChromeFrame verwenden, um gutes Verhalten auf IE zu verhängen. Vorausgesetzt, dass viele Produkte darauf in naher Zukunft bestehen werden (ja, wir können dagegen argumentieren), besteht die Möglichkeit, dass die meisten IE-Benutzer chromeFrame haben werden, bevor Ihre Anwendung darauf bestehen würde. Sobald Sie sich dazu entschieden haben, entscheiden Sie sich für die Verwendung von CSS3-Eigenschaften oder HTML5-Elementen - na ja, zum Teufel, ja!

• Marvin