Fast 7.000 Leute haben bisher an dieser Umfrage teilgenommen, was sie zur größten bisher macht! Die Frage war
Wenn CSS2 und CSS3 morgen vollständig in allen Browsern unterstützt würden, worauf würden Sie sich AM meisten freuen?
Wie immer, sehr interessante Ergebnisse. Es war EXTREM eng um den ersten Platz, wobei die drei Top-Anwärter mehrmals hin und her wechselten.
- #1) Border Radius (22,0%, 1.541 Stimmen) – Dieses Attribut ist bereits am weitesten verbreitet, durch die Browser-Erweiterungen von Mozilla und Webkit. Klar, ein riesiger Wunsch von Designern. In IE gibt es noch keine Anzeichen von Unterstützung.
- #2) Multiple Backgrounds (22,0%, 1.523 Stimmen) – Dafür habe ich gestimmt! Dies wird einige coole Dinge mit sehr wenig Markup ermöglichen. Die Abwärtskompatibilität ist jedoch schwierig, daher wird es hier noch eine Weile dauern.
- #3) @font-face (21,0%, 1.424 Stimmen) – Da der neue Firefox dies bald unterstützt, ebenso wie Safari, Opera und sogar IE (!), wird dies bald in sehr ernsthafter, weit verbreiteter Anwendung zu sehen sein. Die rechtlichen Auswirkungen dessen, was wir verwenden dürfen und was nicht, sind jetzt das Problem.
- #4) Animations / Transitions (12,0%, 818 Stimmen) – WebKit führt hier das Feld an, mit einigen ziemlich beeindruckenden Möglichkeiten. Klar, Animationen sind Teil des Designs und gehören in das Stylesheet. Diese können im Sinne von progressive enhancement angewendet werden, daher, sobald sie über WebKit hinausgehen, werden wir wohl mehr davon sehen.
- #5) Gradients (8,0%, 535 Stimmen) – Das Definieren von einfarbigen Hintergründen ist trivial, aber sobald ein Gradient benötigt wird, sind normalerweise Bilder im Spiel. Gradients sind jedoch mathematisch definiert und ein perfekter Kandidat für die Definition per Code. WebKit ist hier der Erste am Start und die Ergebnisse sind ziemlich großartig.
- #6) Box Shadow (4,0%, 271 Stimmen) – Drop Shadows sind Formen von Verläufen, die typischerweise auch die Verwendung von Bildern erfordern. Diese können noch komplexer sein als typische Verläufe, da sie in verschiedenen Richtungen verblassen müssen, was oft die Verwendung von viel zusätzlichem Markup und Bildern erfordert. Box Shadow macht das Hinzufügen von Drop Shadows zu Elementen trivial einfach.
- #7) RGBa (3,0%, 234 Stimmen) – Das "a" in RGBa steht für "Alpha", also Transparenz. Eine Farbe mit Transparenz deklarieren zu können, **ohne** alle Kindelemente zu beeinflussen, ist fantastisch für Designer. Dies findet breite Unterstützung, außer natürlich bei IE.
- #8) Text Shadow (2,0%, 140 Stimmen) – Wieder Verläufe, nur angewendet hinter den Vektorformen, die Webtext ausmachen. Dies ist **nicht** einmal mit Bildern möglich, daher wird dies neue Designmöglichkeiten für Webtext eröffnen, die bisher einfach nicht möglich waren.
- #9) Sonstiges (2,0%, 168 Stimmen) – Bitte teilt es mit!
Ich habe eine neue Umsidee im Kopf, die ich später in dieser Woche veröffentlichen werde.
Ich habe "Sonstiges" gewählt, weil ich persönlich viel mehr von den vorgeschlagenen Layout-Features von CSS 3 wie Mehrspaltigkeit und Advanced Layout begeistert bin.
Außerdem werden einige der neuen Selektoren in CSS3 unsere Arbeit viel einfacher machen!
Ich stimme zu!
CSS3-Selektoren sind so mächtig, dass ich manchmal von einem DOM ohne jegliche Klasse oder ID träume.
Aber alles andere ist auch sehr willkommen :)
Es ist ziemlich traurig, wie langsam das Web vorankommt. Wie lange reden wir schon über diese neuen Features von CSS? Scheint mir 3 oder 4 Jahre zu sein – und doch sind die meisten davon noch weit davon entfernt, alltäglich zu sein.
Am meisten würde ich mich darüber freuen, zu wissen, dass meine Designs so aussehen und sich so verhalten werden, wie ich es bestimme, und nicht, wie der Browser es bestimmt.
Ich verwende bereits Border Radius, Animations / Transitions, Box Shadow & Text Shadow auf meiner Website für Browser, die sie unterstützen. Ich denke, dies ist ein Geschenk für Benutzer, die IE nicht verwenden. Ich kann verstehen, warum border-radius den ersten Platz belegt hat, da es die schmerzhafteste CSS3-Eigenschaft zum Emulieren ist. Multiple Backgrounds ist zwar cool, aber nichts, was ich wirklich bald brauche, da ich einfach eine Reihe von DIVs verschachteln kann, die jeweils ihren eigenen BG haben.
Meiner Meinung nach wären Multiple Backgrounds am hilfreichsten. Ich denke, es wäre cool, auch ein Vordergrundbild hinzufügen zu können. Ich kann mir gut vorstellen, dass es nützlich ist, wenn man transparente Bilder über Elementen legen kann.
Es gibt 1 großes Problem: Das dumme IE ist weit zurück, zu früh, um glücklich zu sein.
Am meisten freue ich mich über die Unterstützung von Animationen mit CSS und die Möglichkeit, abgerundete Ecken allein durch CSS zu erstellen. Ich muss zugeben, ich habe die Kraft von CSS nicht wirklich verstanden, bis ich die Eltern-Kind-Beziehung gemeistert habe, die bei CSS-Entwicklungsarbeiten im Spiel ist. JavaScript für einige alltägliche Funktionen ersetzen zu können, ist sicherlich etwas, worauf man stolz sein kann (stuppst CSS an).
Ich würde gerne... so etwas wie einen Header erstellen, der Bilder in Intervallen wechselt, aber ohne eine Sprache ist das schwer vorstellbar. Gradients wären lustig, obwohl ich nicht genau weiß, worum es bei Multiple Backgrounds geht.
Persönlich habe ich selbst einen netten kleinen Trick für abgerundete Ecken gefunden. Anstatt die üblichen vier geteilten Bilder zu verwenden, benutze ich drei. Ich verwende ein abgerundetes Ober- und Unterteil, während ich die Mitte zwischen Ober- und Unterteil platziere. So skaliert es automatisch basierend auf dem Inhalt und funktioniert genauso gut (und ist einfacher zu handhaben).
Das funktioniert, wenn man nur auf der Y-Achse erweitern muss, aber manchmal braucht man X und Y… Slidings Doors für 2 Dimensionen.
Ich wünschte mir eigentlich, ich hätte mehrere Antworten auswählen können – viele Dinge, die Designs inspirieren (und sie einfacher machen, bis auf das gefürchtete IE6).
Tolle Ergebnisse in der Tat!
Dafür habe ich auch gestimmt.
PS: Was hast du zur Erstellung des 3D-Tortendiagramms verwendet?
Sieht aus wie Googles Charting API
http://code.google.com/apis/chart/
Ähm.. ich will einfach alle haben. :D
Ich denke, ich werde RGBa und Multiple Backgrounds am meisten nutzen.
Das am meisten nachgefragte Feature, border-radius, funktioniert in fast allen Browsern, einschließlich IE.
http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser
Hier ist, wie man es bekommt
Ich gehöre zur Mehrheit... :)
WOW! Das war knapp zwischen Border Radius und Multiple Backgrounds!
Oh Mann, oh Mann, oh Mann. Kann es kaum erwarten! ;)
Ich bin skeptisch, ob das Hinzufügen neuer Schriftarten zum Werkzeugkasten hinzugefügt werden sollte und frage mich, wie andere dazu stehen. Als Designer fühle ich mich informiert, wie Schriftarten in der visuellen Kommunikation verwendet werden, und versuche, sie gezielt einzusetzen. Ich habe gesehen, wie Print-Arbeiten von einigen missbraucht wurden, die zu viele Schriftarten auf einer Seite verwenden, nur weil sie es können. Ich persönlich mag die Tatsache, dass beim Wechsel von einer Seite zur anderen die Schriftarten meist ähnlich sind und das Lesen wie erwartet funktioniert. Liege ich da falsch?
Eine großartige Umfrage übrigens!
Du liegst gar nicht falsch, Robert. Überhaupt nicht. Wir können schlecht gestaltete Websites nicht vermeiden, wenn wir im Internet nach etwas suchen/surfen/recherchieren. Ich habe Albträume, etwas, das ich brauche, nicht lesen zu können, weil ein ganzer Absatz in einer Schriftart wie Siebdruck, Größe 8, gesetzt ist.
Der rechtliche Aspekt sollte es zumindest teilweise auf lesbare Schriftarten beschränken...
„ohne alle Kindelemente zu effect zu haben“
beeinflussen.