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.

40 tolle Geeky Geschenkideen

40 tolle Geeky Geschenkideen

Auf der Suche nach Geschenkideen für die Geeks in Ihrem Leben zu kaufen? Die Ferienzeit ist fast da und das Spiel ist im Gange, um das beste Geschenk für Ihre Lieben zu finden - oder in einigen Fällen, um sich für ein extrem gutes oder extrem hartes Jahr zu belohnen.In diesem Post finden Sie eine Liste von raffinierten Geschenkideen, die Geeks lieben werden - einige von ihnen sind von populären Filmen, TV-Serien und Spielen inspiriert, während andere einfach nur "die Klappe halten und mein Geld nehmen". Jetz

(Tech- und Design-Tipps)

60 Schöne Anime und Manga Wallpapers

60 Schöne Anime und Manga Wallpapers

Anime - ein Wort, das verwendet wird, um Animationen zu beschreiben, die aus Japan stammen, ist eine der beliebtesten Arten von Comic-Kunst, die eine große Fangemeinde hat . Selbst wenn du kein Fan bist, hast du wahrscheinlich Freunde oder Geschwister. Anime-Charaktere haben einen sehr markanten Stil, der sich von ihren amerikanischen Cartoon- und Comic-Gegenstücken unterscheidet .D

(Tech- und Design-Tipps)