CSS Starter Kit for Developers - Shoelace.css
Frontend-utviklere trenger alle de beste ressursene de kan få. Vanligvis betyr dette jobber på toppen av et rammeverk for eksempel Bootstrap fordi den kommer fullpakket med stort sett alt.
Det er imidlertid mange alternativer og Shoelace.css er et slikt eksempel du bør være kjent med.
Dette gratis CSS-sett er egentlig ikke et komplett rammeverk. I stedet er det mer som en startpakke for utviklere hvem ønsker ikke å bygge dusinvis av tilpassede CSS-stiler fra grunnen av.
Du kan alltid bruke en CSS reset, men det formater bare hver nettleser. En tilbakestilling er Ikke et cover-alt for å håndtere mer komplekse oppgaver, og det er akkurat poenget med Shoelace.
Det kommer som en pakke med en CLI som kjører på Node som du kan installere med et hvilket som helst prosjekt. Selv om det også har en CDN-versjon hvis du ikke vil bruke npm.
For å få alt dette sett opp, sjekk ut installasjonsveiledning i den offisielle dokumentasjonen. Til tross for at dette er merket som et CSS-bibliotek, er det det kommer med JavaScript-komponenter, også. Selv om De fleste av dem kjører på jQuery, så du må inkludere det som en avhengighet.
Hvis du graver lenger inn i dokumentene finner du tilpasningsside som viser deg hvordan å redigere variabler i CSS. Disse lar deg bygge egendefinerte komponenter og endre standard Shoelace-stiler med letthet.
Hver komponent har en Bootstrap-y-følelse for designen, så Shoelace vil fungere for stort sett enhver layout.
Men det også har en brattere læringskurve enn Bootstrap, siden det ikke er så populært, og det har heller ikke så mye støtte. Med denne skrivingen er Shoelace fortsatt i v1.0 beta, så det er rikelig med tid til å fange opp de store frontendrammene.
En rask titt på dokumentene burde bevise at dette er klar for et produksjonssted. Det er virkelig opp til deg hvis Shoelace ville være verdt å lære og implementere.
Ta en titt på GitHub repo å ta en kopi og online docs for mer oppsett info. Hvis du har noen spørsmål eller forslag til Shoelace, kan du også slippe en linje til skaperen på Twitter @claviska.