de.hideout-lastation.com
Paradies Für Designer Und Entwickler


Sierra ist eine wunderschöne Dark UI Library, die auf Sass gebaut wurde

In einer Welt voller Frontend-Frameworks kann es schwierig sein, alle Optionen zu sortieren. Aber wenn du ein Sass-Liebhaber bist, dann ist Sierra das coolste neue UI-Framework, das du dir ansehen kannst.

Es ist vollständig anpassbar und läuft vollständig auf SCSS-Code . Dies bedeutet, dass es mit Dutzenden von SCSS-Partials und verwandten Bibliotheken geliefert wird, die alle zu einer leistungsstarken (und freien) UI-Bibliothek zusammengeführt werden.

Wenn Entwickler von einer neuen Sass-Bibliothek erfahren, wird davon ausgegangen, dass es sich dabei um eine Zusammenstellung von Mixins handelt. Aber Sierra ist mehr als nur Variablen und Mixins . Diese Bibliothek ist ein echtes blaues UI-Framework mit benutzerdefinierten Stilen für Raster, Typografie, Tabellen, Schaltflächen, Formulare und so ziemlich alles, was Sie zum Entwerfen einer Website benötigen.

Insgesamt wiegt die Bibliothek etwa 34 KB unkomprimiert, was sehr groß erscheinen kann. Aber wenn man alles betrachtet, was man bekommt, hat es eine gute Größe und ist weit entfernt von der größten Menge da draußen (als Referenz misst Bootstrap's CSS etwa 115kb unkomprimiert).

Wenn Sie in Sierra arbeiten, erhalten Sie vollständig anpassbare Optionen zum Ändern von Rastern, Abständen, Abständen, Schriftgrößen / Familien, Farben und vielem mehr. Es wird alles über SCSS gesteuert und jede Bibliothek wird zur einfacheren Organisation in verschiedene Dateien aufgeteilt .

Die UI-Bibliothek enthält Dutzende von Frontend-Stilen für die gebräuchlichsten Seitenelemente :

  • Absätze und Kopfzeilen
  • Tasten
  • Formulareingaben (Dropdowns, Radios usw.)
  • Tabellen
  • Seitennummerierung
  • Links / rechts-Ausrichtungen
  • Benutzerdefinierte Ladebalken

All diese Elemente können auf der Demo-Seite gesehen werden, die ein dunkles Farbschema verwendet. Sierra ist standardmäßig eine dunkle UI-Bibliothek, aber da alle Farben leicht zu ändern sind, können Sie sie für jede Art von Website verwenden.

Meine einzige Beschwerde ist das Fehlen leicht zugänglicher Dokumentation . Sierra ist derzeit in v2.0, aber selbst das Hauptrepo ist spärlich bei den Installations- und Anpassungstipps.

Glücklicherweise listen die Entwickler alle _variables.scss, die Sie in der _variables.scss Datei ändern können. Diese Variablen werden für alle anderen Sierra SCSS-Dateien importiert, dh Sie müssen die Farben nur an einer Stelle ändern, damit sie überall funktionieren.

Sierra ist bei weitem nicht perfekt, aber es ist eine der wenigen Sass-basierten UI-Bibliotheken im Internet.

Wenn Sie es versuchen möchten, dann besuchen Sie die Website für Demos und weitere Details . Und wenn Sie wirklich feststecken, können Sie versuchen, eine Frage auf der GitHub-Themenseite zu öffnen oder den Schöpfer Joan Claret für weitere Details zu kontaktieren.

20 DIY Ideen für ein unbezahlbares Valentinstag Geschenk

20 DIY Ideen für ein unbezahlbares Valentinstag Geschenk

Der Valentinstag steht vor der Tür und nichts sagt besser "Ich liebe dich" als ein Geschenk, das mit eigenen Händen gemacht wurde . An diesem Valentinstag, warum nicht eine Pause von den üblichen Schachteln Pralinen und Grußkarten? Nimm stattdessen dein Handwerk auf und lass deiner Kreativität freien Lauf.In d

(Tech- und Design-Tipps)

Micro ist der Terminal-basierte Texteditor, den Sie lieben werden

Micro ist der Terminal-basierte Texteditor, den Sie lieben werden

Die Web-Entwicklung hat sich im Laufe der Jahre stark verändert. Vor einem Jahrzehnt wurde das Terminal nicht benötigt, um Websites zu erstellen. Heutzutage ist es praktisch ein Grundnahrungsmittel mit Gulp / Grunt, npm und Versionskontrolle wie Git, das über die Kommandozeile läuft.Wenn Sie ein Fan von Terminal sind, der eine leistungsfähige und unberührte Umgebung für die Arbeit mit Code darstellt, dann werden Sie Micro IDE lieben.Es ist

(Tech- und Design-Tipps)