Du hast deinen AdBlocker an?

Es wäre ein Traum, wenn du ihn für t3n.de deaktivierst. Wir zeigen dir gerne, wie das geht. Und natürlich erklären wir dir auch, warum uns das so wichtig ist. Digitales High-five, deine t3n-Redaktion

News

Astrum: Anschauliche Pattern Library ohne Coden

(Grafik: astrum.nodividestudio.com)

Pattern Librarys sind eine Sammlung verschiedener Elemente und können einen Workflow erheblich optimieren. Wir haben uns Astrum näher angeschaut – eine Library, die für jedes Projekt geeignet sein soll.

Astrum

Astrum ist eine wirklich schlanke Library mit einem anschaulichen Interface – auch responsive. Die Pattern Lib verspricht, in jedem Projekt anwendbar zu sein, für kleine oder große Konzepte. Die einzelnen, in Gruppen organisierten Komponenten beinhalten verschiedene Elemente. Jede Komponente hat eine markup.html- und description.md-Datei, die verwendet werden, um ein Codebeispiel für die darin gruppierten Elemente zu generieren. Ebenfalls können zusätzliche Seiten angelegt werden, zum Beispiel für eine Introseite.

Astrum zu starten ist leicht gemacht. Mit npm install -g astrum wird Astrum global installiert. Anschließend wird Astrum in einen zugänglichen Ordner verlegt, zum Beispiel so: astrum init ./public/pattern-library. Im nächsten Schritt kann schon die erste Komponente erstellt werden: astrum new buttons/default. Zu diesem Zeitpunkt sollte die Bibliothek noch leer aussehen.

Astrum Interface:

1 von 4

Astrum ist eine Single-Page-App. Wie schon erwähnt besteht Astrum aus einzelnen Komponenten, die in Gruppen sortiert werden, anschließend lädt es die Daten aus einer date.json-Datei. Je mehr Information zur data.json-Datei hinzugefügt werden, desto personalisierter wird das Astrum Interface. Wird also ein Logo, project_logo, via URL oder Pfad hinzugefügt, erscheint das Logo oben in der Sidebar.

Finde einen Job, den du liebst

Bitte beachte unsere Community-Richtlinien

Eine Reaktion
Daniel

Wofür soll Astrum jetzt genau gut sein? Wird mir nicht ganz klar aus eurem Artikel.

Antworten

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.