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


CSS Starter Kit für Entwickler - Shoelace.css

Frontend-Entwickler brauchen die besten Ressourcen, die sie bekommen können. Normalerweise bedeutet dies, dass man auf einem Framework wie Bootstrap arbeitet, da es im Grunde alles enthält.

Es gibt jedoch viele Alternativen und Shoelace.css ist ein solches Beispiel, mit dem Sie vertraut sein sollten.

Dieses kostenlose CSS-Kit ist nicht wirklich ein vollständiges Framework. Stattdessen ist es eher ein Starter-Kit für Entwickler, die nicht Dutzende von benutzerdefinierten CSS-Stilen von Grund auf neu erstellen möchten.

Sie können immer einen CSS-Reset verwenden, der jedoch nur jeden Browser gleich formatiert. Ein Reset ist kein Deckmantel für komplexere Aufgaben, und genau das ist der Punkt von Shoelace.

Es kommt als Paket mit einer CLI, die auf Node ausgeführt wird, die Sie mit jedem Projekt installieren können. Obwohl es auch eine CDN-Version hat, wenn Sie npm nicht verwenden möchten.

Um das alles einzurichten, sehen Sie sich die Installationsanleitung in der offiziellen Dokumentation an. Obwohl es als CSS-Bibliothek bezeichnet wird, enthält es auch JavaScript-Komponenten . Obwohl die meisten davon auf jQuery ausgeführt werden, müssen Sie das als Abhängigkeit angeben.

Wenn Sie sich weiter in die Dokumentation vertiefen, finden Sie auf der Anpassungsseite, wie Sie Variablen in CSS bearbeiten können . Dadurch können Sie benutzerdefinierte Komponenten erstellen und die standardmäßigen Shoelace-Stile mit Leichtigkeit ändern.

Jede Komponente hat ein Bootstrap-y-Feeling für das Design, so dass Shoelace für so ziemlich jedes Layout funktioniert.

Allerdings hat es auch eine steilere Lernkurve als Bootstrap, da es nicht so beliebt ist und nicht so viel Unterstützung hat. Zum Zeitpunkt des Schreibens ist Shoelace noch in der Betaversion v1.0, so dass es genügend Zeit hat, um mit den größeren Frontend-Frameworks aufzuschließen.

Ein kurzer Blick auf die Dokumentation sollte zeigen, dass diese für eine Produktionsumgebung bereit ist. Es liegt wirklich an Ihnen, ob es sich lohnt, zu lernen und zu implementieren.

Werfen Sie einen Blick auf das GitHub Repo, um eine Kopie zu erhalten und die Online-Dokumentation für weitere Setup-Informationen . Wenn Sie Fragen oder Anregungen zu Shoelace haben, können Sie auch eine Nachricht an den Ersteller auf Twitter @claviska schicken.

5 beste Erweiterungen zum Verwalten von Chrome Tabs & Speicher

5 beste Erweiterungen zum Verwalten von Chrome Tabs & Speicher

Eine der vielen Stärken von Chrome ist die Synchronisierung aller Ihrer Lesezeichen und Chrome-Erweiterungen mit einem Google-Konto. Außerdem werden Tabs im separaten Speicherprozess geöffnet, sodass Sie sie nicht vollständig herunterfahren müssen, wenn ein Tab abstürzt.Durch die Implementierung separater Speicherprozesse wird jedoch viel Speicher belegt, wenn Sie viele Registerkarten öffnen. Dies

(Tech- und Design-Tipps)

30 coole Computer-Tastaturen, die Sie 2018 kaufen können

30 coole Computer-Tastaturen, die Sie 2018 kaufen können

Als eines der wichtigsten Elemente eines Computers gibt es Tastaturen in allen Formen und Größen. Heute verwenden Sie keine Tastaturen, um nur zu tippen, Sie spielen Videospiele und verwenden sogar eine Tastatur, um auf Ihrem PC zu navigieren, falls Ihre Maus nicht funktioniert.Aber wenn Sie ein Fan von coolen Dingen sind und keine mondän gestaltete herkömmliche Tastatur verwenden möchten, schauen Sie sich diese Liste der absolut coolen Tastaturen an . Die

(Tech- und Design-Tipps)