Cole Peters hat einen großartigen Artikel über seine Arbeit zur Refaktorierung der TrialReach CSS-Codebasis geschrieben
Ein funktionaler Ansatz für CSS hat sich für uns bei TrialReach bisher wirklich gut bewährt — wir haben die Komplexität und den Umfang unseres CSS erheblich reduziert und stellen fest, dass wir bestehende Stile viel häufiger wiederverwenden, als neue zu erstellen…
Ein paar schnelle Anmerkungen zu Coles Beitrag, die ich interessant finde
- Der Styleguide dient als Leitfaden und nicht als endgültige Autorität für gutes Design.
- Ich bin mir bei der Lesbarkeit von Klassennamen wie
u-py4immer noch nicht sicher. Wenn Sie sich jedoch entscheiden, Klassen wieu-padding-top--smallzu verwenden, und Sie viele funktionale Klassen dieser Art haben werden, müssen die Entwickler am Ende viel Text analysieren, um zu sehen, wie alles funktioniert. Vielleicht ist die Abkürzung von Klassen auf diese Weise nur eine dieser Dinge, an die man sich gewöhnt, je mehr man sie benutzt. - Viele Klassen im Markup sind keine schlechte Sache™, weder für die Benutzerfreundlichkeit der Entwickler noch für die Performance.
- Es gibt nie eine einzige Lösung für all unsere Frontend-Probleme: Ich habe einen solchen Ansatz bereits bei viel kleineren Projekten verwendet, und er schien mich nur beim Schreiben von Code zu behindern. Manche Websites müssen nicht von mehreren Entwicklern gepflegt werden, und in diesen Fällen kann die Qualität der Codebasis, nun ja, flexibel sein.