Ich bin Entwickler
Wie kann der Styleguide als Entwickler optimal genutzt werden? Wie können Design-Vorgaben schnell + einfach implementiert werden? Diese und weitere Fragen werden hier beantwortet.
1. Zentrales Stylesheet einbinden
Die einfachste Methode ist die Einbindung unseres zentralen Stylesheets „Master CSS“, welches bereits vordefinierte CSS Klassen aus dem Styleguide enthält.
Um das Master CSS zu verwenden, einfach das Stylesheet im <head> einbinden. Anschließend stehen die Klassen entsprechend dem Styleguide zur Verfügung und können zum Styling der Webseite verwendet werden.
<link rel="stylesheet" href="https://cdn.suedkurier.de/content/css/1.2.6/master.css">
<link rel="stylesheet" href="https://cdn.suedkurier.de/content/css/1.2.6/master.min.css">2. Mit dem Styleguide arbeiten
Die Vorgaben für das digitale Design sind wie im Seitenmenü zu sehen ist unterteilt in Design-Basics, Interface-Elemente und Komponenten.
Auf den Unterseiten gibt es eine Unterscheidung zwischen Design- und Entwickleransicht. Vorausgewählt ist hier jeweils die Design-Ansicht. Wechseln Sie die Ansicht, um die Entwickler-Optionen zu sehen.