One-Offs

Es gibt die Ansicht, dass man nicht zuerst die Homepage einer Website gestaltet. Für die meisten Websites ist sie eine Anomalie. Sie unterscheidet sich von jeder anderen Seite und ist nichts, worauf man die Muster stützen sollte, die für den Rest der Website verwendet werden, oder die andere Seiten informieren.

Man könnte sie als one-off bezeichnen.¹

One-Offs sind in Ordnung! Eine Welt ohne One-Offs ist sehr langweilig. Aber eine Website, die voller One-Offs steckt, führt zu bekannten Problemen: Inkonsistenz und nicht wiederverwendbares CSS, was zu Aufblähung führt, und Betreuer, die nicht wirklich wissen was verwendet wird und was nicht.

Was sollen wir tun?

Brad Frost hat sich damit kürzlich in seinem Artikel Where to put one-off components? auseinandergesetzt.

Es ist sehr wahrscheinlich, dass einzelne Anwendungen Komponenten enthalten, die die sehr realen Bedürfnisse einer spezifischen Anwendung erfüllen (man denke an Rechner, festliche Parallax-Hero-Elemente, kontextspezifische interaktive Karten und so weiter), aber möglicherweise nicht sofort (oder jemals) in eine generische, wiederverwendbare Komponente abstrahiert werden können, die im Designsystem enthalten ist.

Und Ethan Marcotte

Hier ist ein Beispiel: Nehmen wir an, Sie haben ein auffälliges Hero-Bild entworfen. (Übrigens gute Arbeit. Es sieht sehr auffällig aus.) Nehmen wir auch an, sein Umfang ist ziemlich begrenzt: Vielleicht wird es auf einer kleinen Anzahl von Seiten verwendet oder es ist an einen bestimmten Bereich Ihrer Website gebunden. Mit anderen Worten, es ist generisch genug, um ein Muster zu sein, aber es ist kein weit verbreitetes.

Wie Sie sich vielleicht gedacht haben, ist dies ein gefährlicher Ort für ein Muster. Wenn sich ein Muster etwas eigenwillig anfühlt, sollte uns das immer dazu veranlassen zu fragen: Sollte Ihr Team das Muster beibehalten oder entfernen?

Die Sache ist, dass es keine einzige, einfache Antwort auf diese Frage gibt. Jedes Muster ist anders und der Wert jedes Musters ist variabel. Vielleicht verwerfen wir dieses Muster ganz; vielleicht kombinieren wir es mit einem anderen, ähnlichen Muster.

Brad verband die Idee eines One-Offs mit Harry Roberts' Shame.css-Konzept.

Die Idee von Shame.css ist, dass man ein völlig neues Stylesheet hat, das nur für seinen "hacky" Code reserviert ist. Der Code, den man schreiben muss, um die Veröffentlichung pünktlich zu schaffen, aber der Code, der einen beschämt.

Aber vielleicht muss eine CSS-Datei wie diese nicht nur für "Hacks" oder schamhaft schnell geschriebene Korrekturen reserviert sein (hey, es ist besser als Inline-Styles), sondern *auch für One-Offs*.

Aus der Perspektive eines Entwicklers, der für das Styling zuständig ist, ist es interessant zu überlegen, wie verschiedene Styling-Methoden hier ins Spiel kommen. Für diejenigen, die den Weg des Atomic CSS gehen, ist in gewissem Sinne alles ein One-Off. Man mag immer noch ein Muster haben, das visuell oder verhaltensmäßig ein One-Off ist, weil man es so aufgebaut hat, aber nicht, weil es einen anderen Satz von CSS verwendet. Callum Jefferies über seine Erfahrungen mit Atomic CSS.

Ich musste nicht mehr darüber nachdenken, wie ich mein CSS organisieren soll. Ich musste nicht darüber nachdenken, wie ich meine 'Komponenten' benennen soll, wo ich die Grenze zwischen einer Komponente und einer anderen ziehen soll, was wo leben sollte, und entscheidend, wie ich Dinge refaktorieren soll, wenn neue Anforderungen kamen.

Ebenso mit den 36 Geschmacksrichtungen von CSS-in-JS. Wenn Ihre Stile an Ihre Komponenten angehängt sind, sind alle Komponenten One-Offs. Hören Sie auf, diese Komponente zu verwenden, hören Sie auf, diese Stile zu verwenden.

---

¹ Offenbar ist "one-off" ein ziemlich neuer Ausdruck.

Wie William Safire in einer Kolumne von "On Language" aus dem Jahr 2007 beobachtete, ist "one-off" im Sinne von "etwas Einzigartiges" ein britischer Ausdruck, der in den letzten Jahren in die amerikanische Sprache und Schrift eingedrungen ist. Und wie bei anderen Britizismen, die diese Küsten bedrängen (denken Sie an "gone missing"), sind die idiomatischen Ursprünge von "one-off" für amerikanische Ohren weitgehend verloren.