CSS Starter Kit til udviklere - Shoelace.css
Frontend-udviklere har brug for alle de bedste ressourcer, de kan få. Det betyder normalt arbejder på toppen af en ramme såsom Bootstrap, fordi det kommer pakket med stort set alt.
Der er dog mange alternativer og Shoelace.css er et sådant eksempel du bør være bekendt med.
Dette gratis CSS kit er ikke rigtig en fuld ramme. I stedet er det mere som en starter kit til udviklere der ikke ønsker at bygge dusinvis af brugerdefinerede CSS-stilarter fra bunden.
Du kan altid bruge en CSS nulstilling, men det formater kun hver browser lige. En nulstilling er ikke et cover-alt til håndtering af mere komplekse opgaver, og det er nøjagtigt punktet for skoen.
Det kommer som en Pakke med en CLI, der kører på Node som du kan installere med ethvert projekt. Selv om det også har en CDN-version hvis du ikke vil bruge npm.
For at få det hele oprettet, tjek den installationsvejledning i den officielle dokumentation. På trods af at dette er mærket som et CSS bibliotek, det kommer med JavaScript-komponenter, også. Selvom de fleste af dem kører på jQuery, så du skal medtage det som en afhængighed.
Hvis du graver længere ind i docs finder du tilpasningsside som viser dig Sådan redigeres variabler i CSS. Disse giver dig mulighed for at opbygge brugerdefinerede komponenter og ændre standard Shoelace-stilarter med lethed.
Hver komponent har en Bootstrap-y føler for designet, så Shoelace vil arbejde for stort set ethvert layout.
Men det også har en stejlere læringskurve end Bootstrap, da det ikke er så populært, og det har heller ikke så meget støtte. Som i denne skrivning er Shoelace stadig i v1.0 beta, så det har masser af tid til at indhente de større frontend-rammer.
Et hurtigt kig på docs skal bevise, at dette er klar til et produktionssted. Det er virkelig op til dig, hvis Shoelace ville være værd at lære og implementere.
Tag et kig på GitHub repo at gribe en kopi og online docs for mere setup info. Hvis du har spørgsmål eller forslag til Shoelace, kan du også sende en linje til skaberen på Twitter @claviska.