CSS Wishlist: 21 Designer/Entwickler äußern ihre Meinung

Ich habe eine Reihe von Designern gefragt, was ihrer Meinung nach in CSS geändert werden muss.

Wolfgang Bartelme

Designer bei Bartelme Design

Ich würde mich sehr über Cross-Browser-Unterstützung für Verläufe, Schatten, Opazitätsmasken und abgerundete Ecken freuen. Ich vermute, das würde nicht nur die Bandbreite drastisch reduzieren, sondern auch die Produktion und Anpassung beschleunigen.

Jon Hicks

Designer bei hicksdesign

Ich wünschte mir ein anderes Box-Modell! Ich finde es bizarr, dass Polsterung und Rahmen die Breite eines Objekts hinzufügen, und ich würde mir wünschen, einem Element wie einem Textbereich 100% Breite und 3px Polsterung geben zu können, ohne sich Gedanken darüber machen zu müssen, was das für das Layout bedeutet. Vielleicht so etwas wie „padding-inside“ als neuen Selektor?

In diesem Sinne wünschte ich mir auch, ich könnte eine 100%ige Breite für ein Element angeben, abzüglich einer festen Breite. Wiederum sehr nützlich, wenn man flüssige Designs mit Formularelementen erstellt!

Andy Budd

Autor und Webstandards-Pionier: AndyBudd.com

Die meisten Dinge, die ich mir wünsche, sind in CSS3 enthalten, also was ich mir wirklich wünsche, sind die Kernmodule fertiggestellt und von mindestens zwei Browser-Anbietern vollständig implementiert.

David Walsh

Web Development Blogger: David Walsh Blog

Ich finde, dass die fehlenden Font-Fähigkeiten, mit denen wir leben müssen, eine Sünde sind. Unsere anderen Optionen für die Verwendung von nicht standardmäßigen Webfonts, sIFR und die Verwendung von Bildern, sind schmerzhaft und haben die Kreativität des Webs wirklich zurückgehalten. Ich glaube auch, dass standardmäßige abgerundete Eigenschaftswerte hinzugefügt werden müssen – wir sind alle müde von der Erstellung von Bildern mit abgerundeten Ecken und browserspezifischen Hacks, um unsere Ziele zu erreichen. Schließlich wünsche ich mir, dass CSS schneller in Browsern implementiert wird. Wir hatten in den letzten Jahren wenig Fortschritt.

Collis Ta’eed

Unternehmer, Blogger, Designer bei Envato, Home

Das größte Problem, das ich mit meinem CSS habe, ist, dass es bei großen Websites sehr unhandlich wird. Auf einer Website wie FlashDen ist das CSS kilometerweit, und dann habe ich einen zweiten Satz von Blättern, um alle Stile für Leute anzuwenden, die alternative Versionen der Website besuchen (ThemeForest oder AudioJungle). Selbst mit den besten Absichten ist das ziemlich unordentlich.

Ich wünschte, ich könnte ein Vererbungs-Konzept in CSS haben, wie man es in der objektorientierten Programmierung hat. Dann könnte man sagen:

.button {  
 /* some styles */
}
.button >> .sidebar_button { 
/* inherits all of .button and adds new styles */
}

Ich weiß, dass ich das derzeit einfach so definieren könnte:

.button, .sidebar_button {  
/* some styles */
}
.sidebar_button { 
/* inherits all of .button and adds new styles */
}

Aber irgendwie scheint das keine elegante Art zu sein, Dinge zu tun. Und wenn die erste und zweite Definition durch einen großen Block von anderen CSS-Code getrennt sind, wenn man später zurückkommt, um sein CSS zu lesen, gibt es keine Möglichkeit zu wissen, dass .sidebar_button noch weitere Stile hat. Während man bei der obigen Vererbungsversion lesen kann, dass es eine Ableitung von .button ist.

Keith Robinson

Kreativdirektor bei Blue Flavor, Home

Ich wünschte, CSS könnte eingebettete Schriften so handhaben, wie wir es jetzt mit sIFR tun,

Shaun Inman

Designer/Entwickler von Mint, Home

Die Sache ist die: Eine weitere halbfertige, angeklebte Notlösung wird CSS nicht sinnvoll verbessern – sie würde nur einen grundlegenden Designfehler verschärfen. CSS fühlt sich an wie eine Stylesheet-Implementierung, die man in einer Desktop-Publishing-App der späten 90er Jahre finden würde. Es ist immer noch sehr textzentriert. Style-Sheets wurden einfach nicht für die Erstellung komplexer Layouts entwickelt. CSS-Layout-Features sind angeklebt – und 10 Jahre später zeigt sich das deutlich.

Ich würde mir wünschen, dass das CSS Text Module von erfahrenen Typografen und Setzern und das CSS Layout Module von erfahrenen Publikationsdesignern, sowohl traditionellen als auch neuartigen, neu geschrieben würden.

Und wenn möglich, irgendwann vor 2022.

Jeffrey Jordan Way

Redakteur bei NETTUTS und ThemeForest Blog, Home

Ich wünschte, wir könnten Variablen in unseren Stylesheets zuweisen. Zum Beispiel wäre es schön, wenn ich nicht jedes Mal zum Anfang meines Dokuments scrollen müsste, um den Hex-Wert für mein gewähltes „Blau“ zu holen, sondern diesen Wert einfach einer Variablen namens „myBlue“ zuweisen könnte.

var myBlue = #191955;

#someElement{
  color: myBlue;
}

Dies ist ein Thema, das bis zum Erbrechen diskutiert wurde, und ehrlich gesagt, es könnte sich als schlechte Idee herausstellen. Ich bin mir immer noch nicht sicher. Ich könnte mich bei einer solchen Diskussion für jede Seite entscheiden. Sobald Sie diese Tür öffnen, verlieren Sie irgendwie das gesamte Konzept von CSS. Aber ich denke, wenn es verantwortungsvoll geschieht, könnte die Variablenzuweisung uns potenziell viel Zeit beim Design sparen.

Steven Vandelay

Designer bei Vandelay Design

Eines der großartigen Dinge bei der Arbeit mit CSS ist, dass es normalerweise verschiedene Möglichkeiten gibt, etwas anzugehen, das man erreichen möchte, aber in gewisser Weise würde ich mir mehr Standardisierung wünschen, wenn es um Layouts geht.

Andy Clarke

Autor, Designer und Entwickler: Stuff and Nonsense

Nun, abgesehen vom Offensichtlichen (sicherstellen, dass Obama gewählt wird, mich sehr reich machen und mir eine Tasse schönen Tee zubereiten) was ich am meisten von CSS möchte, sind bessere Layout-Tools, um mir zu ermöglichen, reichhaltige, komplexe Designs zu erstellen, ohne dass ich präsentationale Elemente in meine Markup einfügen muss. Die CSS Working Group (deren ehemaliges Mitglied ich bin) hat hart an diesen Layout-Tools gearbeitet. Ich hoffe, dass die Browser-Hersteller diese Vorschläge bald (unter Verwendung von -browser- Erweiterungen) implementieren werden, damit Designer und Entwickler damit experimentieren können.

Chris Spooner

Designer bei SpoonGraphics, Home

Mehrere Hintergründe, abgerundete Ecken, Rahmenbilder und Opazität sind meine ersten Gedanken, wenn ich gefragt werde, was CSS meiner Meinung nach tun sollte, dann erinnere ich mich – all das ist für CSS3 in der Pipeline! In diesem Fall werden meine Träume in Bezug auf CSS wahr, was die Frage aufwirft: Gibt es etwas, das Browser tun könnten?!

Eine CSS-Technik, für die ich mir eine kürzere Methode wünschen würde, wäre die einfache Erstellung eines Zwei- oder Drei-Spalten-Layouts mit gleich hohen Seitenleisten, ohne die Faux-Column-Methode verwenden zu müssen.

Elliot Jay Stocks

Designer, Writer und Speaker, Home

Ich wünsche mir, dass CSS bedingte Anweisungen nativ unterstützt, ohne die Notwendigkeit von Workarounds wie (dem exzellenten) Conditional-CSS. Viele Leute argumentieren, dass Browsererkennung im Grunde etwas ist, das außerhalb eines Stylesheets gehandhabt werden sollte, aber all die HTML-basierten bedingten Kommentare, die ich verwende, um IE-spezifischen Code zu behandeln, dienen ausschließlich dazu, „Hack“-CSS-Dateien aufzurufen. Die Implementierung von Code ähnlich dem, was wir verwenden, um Gecko- oder WebKit-basierte Browser anzusprechen, wäre für mich eine äußerst willkommene Ergänzung.

Nick La

Designer – Web Designer Wall, N.Design Studio

Ich wünschte, CSS könnte Ebenenstile wie Photoshop, wo man hinzufügen kann: innere Schatten, äußere Leuchtkraft, Abschrägungs-Effekte usw. Es wäre noch besser, wenn wir Ebenen-Überblendungsmodi hätten.

Jesse Bennett-Chamberlain

Designer bei 31Three

Das Einzige, was mir einfällt, wären Variablen. Ich bekomme nicht mehr viel mit Code zu tun, aber Variablen wären sehr praktisch, wenn ich es doch täte. Fragen Sie mich, was ich von Photoshop erwarten würde, und ich könnte Ihnen eine viel längere Antwort geben :)

Volkan Görgülü

Designer / Entwickler – Web Deneyimleri

Ich wünschte, anstatt zu schreiben

#sample h1, #sample h2, #sample h3 —> (lang und hässlich)

etwas wie das

#sample [h1, h2, h3] —> (kurz und sauber)

würde die Arbeit erledigen :)

Ein weiteres Beispiel kann sein

#sample a:link, #sample a:visited

#sample a [link, visited]

Veerle Pieters

Designer bei Duoh!, Blog

Ich wünschte, CSS hätte Unterstützung für Farbverlauf-Ränder und eine einfachere Verwendung von Transparenz, wie zum Beispiel in InDesign oder Quark. Anwendbar auf jedes mögliche Objekt, Text usw. Ein einfacherer und logischerer Weg zum Schweben von Elementen. Zuletzt, dass wir nicht noch 5 Jahre auf CSS 3 warten müssen. Ich wünschte mir auch, dass CSS wütend wird und bestraft, wenn sich einige Browser nicht benehmen :)

Jonathan Snook

Designer/Entwickler bei Sidebar Creative, Home

Ich würde gerne konsistente Implementierungen von CSS3-Funktionen wie mehreren Hintergründen, `border-radius` und `border-image` über alle wichtigen Browser hinweg sehen. CSS-Transformationen wären auch praktisch. Sie mögen wie eine Spielerei erscheinen, aber es gibt viele praktische Gründe dafür, wie z. B. lange Header-Namen für schmale Spalten in einer Datentabelle. Elemente drehen zu können, würde das Design verbessern und gleichzeitig die Barrierefreiheit erhalten (und vermeiden, auf Bilder zurückgreifen zu müssen). Die Landschaft in 5 Jahren wird uns meiner Meinung nach viele Funktionalitäten bieten, die wir heute nicht genießen.

Eric Meyer

Web Standards Autor und Sprecher, Home

Starkes Raster-basiertes Layout. Das haben wir immer noch nicht, und es wird benötigt. Zu diesem Zeitpunkt ist es mir ehrlich gesagt egal, ob es durch CSS oder eine andere neue Sprache erreicht wird.

Cameron Moll

Designer, Speaker, Autor, Home

Zuallererst wünsche ich mir, dass CSS meine E-Mails beantwortet.

Zweitens wünsche ich mir, dass CSS Browser-Entwickler davon überzeugt, „zukünftige“ CSS-Features und Vorschläge kooperativ und inkrementell bereits heute einzubauen, anstatt auf eine vollständige Spezifikation zu warten, die „offiziell“ veröffentlicht wird.

Wunschdenken? Vielleicht, obwohl ich erwarte, dass das Erste vor dem Zweiten passieren wird.

Dan Rubin

User Experience Director bei Sidebar Creative, Home

Ich würde mich freuen, wenn das W3C einen richtigen Typografen und Buchgestalter einbeziehen würde, um die Typografie- und Layoutteile der Spezifikation zu gestalten. Jemand wie Robert Bringhurst wäre ideal, sowohl als Experte für Typografie als auch für Buchgestaltung, damit die Spezifikation mit den Bedürfnissen von Designern im Hinterkopf erstellt wird, anstatt von Programmierern.

Auf eine funktionsspezifische Weise würde ich hoffen, dass dies zu einer viel besseren typografischen Kontrolle und einem Web-Äquivalent zu „Master-Seiten“ führt, die ein alter Standard in der Printdesign-Software sind.

Stephanie Sullivan

Coder, Trainer, Writer bei W3Conversions

Abgesehen vom heiligen Gral der Erstellung von Spalten gleicher Höhe ohne eine Scheinmethode (während Browser wie IE6 und IE7 immer noch unterstützt werden), würde ich mir wünschen, dass man die Hintergrundpositionierung von der Unterseite oder rechten Seite eines Elements aus festlegen kann. Nein, ich meine nicht, dass man sie ganz unten oder rechts platziert, das können wir natürlich jetzt schon. Ich meine, dass man ein Hintergrundbild festlegt, das nicht ganz unten oder rechts ist und einen bestimmten Abstand davon hat. Es ist nicht möglich, die Höhe von Elementen mit Text genau zu bestimmen, daher führt das Festlegen des Hintergrundbilds 350 Pixel von oben zu sehr unterschiedlichen Ergebnissen in Bezug auf die Unterseite des Elements. Eine zuverlässige Möglichkeit, ein Hintergrundbild 20 Pixel von unten zu platzieren, ohne einen nicht-semantischen Wrapper hinzuzufügen, könnte unter bestimmten Umständen sehr hilfreich sein.

Einige großartige Ideen aus den Kommentaren

• Andy Ford:
  Ich würde mir eine „height-increment“-Eigenschaft wünschen.
  Im Wesentlichen soll ein Blockelement nur in bestimmten „Schritten“ und nicht Pixel für Pixel in der Höhe wachsen.
• Tony Freixas:
  GUI-Anwendungen haben Zugriff auf umfangreiche Layout-Tools, die leicht an Web-Layouts hätten angepasst werden können, aber komplett ignoriert wurden.
  Das Layout ist definitiv etwas, das komplett neu geschrieben werden könnte.
• Andy Pemberton:
  CSS benötigt ein fortschrittlicheres „Fallback“-Unterstützungsmodell.
  Im Moment können wir mehrere Schriftarten angeben, auf die zurückgegriffen werden kann, aber was ist, wenn diese Fallback-Schriftart auch etwas negativen Zeichenabstand vertragen könnte?