Glaubst du, es ist schlecht, viele CSS3-Sachen auf einer Seite zu verwenden?

Question

Ich glaube, dass die unten css als css3 gilt, wenn nicht dann, es ist nicht, aber meine Frage gilt immer noch für den Code unten.

Glauben Sie, dass der folgende Code die Leistung/Renderzeit eines Benutzers beeinträchtigen würde, wenn er als Beispiel für 50 verschiedene Bilder auf einer Seite verwendet wurde?

hinzufügen Kurven und Schatten

-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-box-shadow: 0 1px 3px #999; 
-webkit-box-shadow: 0 1px 3px #999; 

und Sachen wie diese

verwendet RGB-Farben

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
border-bottom: 1px solid rgba(0,0,0,0.25); 

Answer 1

In Bezug auf Jonathan Sampson Kommentar:

ich es nicht sagen kann, ist immer schlecht etwas zu verwenden, die nicht weit unterstützt wird, weil wir nie in neue Technologien voran würde (als Gesellschaft von Entwicklern) wenn alle das gemacht haben. Allerdings ist es sicherlich riskant und man muss damit rechnen, dass es länger dauert.

Mit diesem gesagt, jasondavis beschweren sich nicht über seine Wahl.

Ich persönlich denke nicht, dass das die Leistung auf 50 Bildern oder so verletzen wird. Stellen Sie sicher, dass Sie sie nicht auf n (unbegrenzten) Bildern auf einer Seite verwenden, und stellen Sie sicher, dass Sie keine kostspieligen Javascript-Operationen verwenden, die dazu führen, dass diese Renderings in einem Reihe (wie bestimmte Animation oder Bewegungseffekte). Und natürlich sollten Sie in allen Browsern testen, auf die Sie ausgerichtet sind.

Answer 2

auf der sicheren Seite zu sein, verlassen Sie sich nicht auf Dinge, die nicht sind weitgehend unterstützt.

Answer 3

Ich würde es testen, um sicher zu sein - auf so vielen Systemen wie verfügbar. Offensichtlich ignoriert der IE alle Grenzsachen und Firefox (von jetzt an) wird die Schatten nicht verstehen. (Ich denke, das ist nur Webkit).

Wenn Sie einen 'Valid CSS'-Link angeben, müssen Sie einen GET-Parameter hinzufügen, um den Validator anzuweisen, ihn als CSS3 zu validieren.

Ich kann mich nicht erinnern, ob die Vendor-Präfixe validieren oder nicht.

UPDATE

Ich glaube tatsächlich, der Schatten Sachen wie Firefox auf Werke 3.5

Answer 4

Es hängt davon ab, wenn Sie auf diese Funktionen oder nicht angewiesen sind. Die Idee ist, dass die Website, wenn möglich, in älteren Browsern leicht beeinträchtigt werden sollte. Schlagschatten unter Menüeinträgen sind in Ordnung, denn wenn das nicht unterstützt wird, gibt es keine Schlagschatten. Das ist gut.

Eine gute Alternative für Dinge wie gekrümmte Ecken ist die Verwendung eines jQuery-Plug-Ins, das simply die CSS3-, Firefox- oder Webkit-Attribute verwendet, wenn sie unterstützt werden, und wenn nicht, wird Javascript verwendet. Auf diese Weise erhalten Sie ein konsistentes Erscheinungsbild in allen Browsern, ohne auf den kleinsten gemeinsamen Nenner zu gehen oder Javascript für alles zu verwenden.

Answer 5

Ich benutze die gekrümmten Ecken Dinge viel, aber nicht so sehr, dass die Seite auf ihnen beruht. Es macht die Website viel schöner für diejenigen, die einen modernen Browser verwenden.