Saijo George hat auf seiner Website eine umfangreiche Sammlung von Brand Style Guides, Pattern Libraries und Design Manuals zusammengestellt. Ein Paar davon, zum Beispiel Lonely Planet, hat man vielleicht schon mal gesehen, aber ich hätte nicht gedacht, dass zum Beispiel Atlassian einen sooo umfangreichen Style Guide besitzt.
style guide
Es gibt 4 Beiträge mit dem Schlagwort style guide.
Unterschiedliche Arten von Style Guides vorgestellt
Style Guides sind für uns Webmenschen meist eine Sammlung von Farb-, Typographie-, Button- und Bilder-Richtlinien fürs Frontend. Sie sollen Designern und Entwicklern die Arbeit an einer Website erleichtern.
Aber auch außerhalb des Webdesign werden Style Guides verwendet und es lohnt sich einen Blick auf die unterschiedlichen Arten zu werfen. Brad Frost stellt sie in seinem Artikel vor.
styleguides.io – Artikel, Podcasts und mehr über Style Guides
Auf styleguides.io werden unterschiedliche Ressourcen rund um das Thema (CSS) Style Guides gesammelt und vorgestellt. Die Sammlung eignet sich sowohl für Einsteiger als auch für Designer und Entwickler, die mal über den Tellerrand blicken wollen und neugierig sind, wie in anderen Unternehmen mit Style Guides gearbeitet wird.
X-rayHTML – Script vereinfacht die Erstellung von Style Guides
Derzeit und vor allen Dingen durch den A List Apart Artikel von Susan Robertson beschäftige ich mich wieder intensiver mit der Erstellung von Style Guides.
Gerade wenn es darum geht, dass mehrere Personen an einem Projekt arbeiten oder das Projekt viele unterschiedliche Module und Layouts beinhaltet, ist es von Vorteil eine Übersichtsseite mit den verwendeten Styles anzulegen. Nun wären Style Guides nur etwa halb so hilfreich, wenn man zwar die Styles sieht, sich den Quellcode allerdings parallel im Web Inspector oder Firebug ansehen müsste. Dachten sich wohl die filament Group und hat ein kleines Script geschrieben, das für die Elemente auch gleich den passenden Quellcode nachliefert.