CSS Starter Kit för utvecklare - Shoelace.css

Frontend-utvecklare behöver alla de bästa resurserna de kan få. Vanligtvis betyder detta arbetar ovanpå en ram till exempel Bootstrap eftersom den kommer packad med i stort sett allting.

Det finns dock många alternativ och Shoelace.css är ett sådant exempel du borde vara bekant med.

Detta gratis CSS-kit är inte en fullständig ram. Istället är det mer som en startpaket för utvecklare vem vill inte bygga dussintals anpassade CSS-stilar från början.

Du kan alltid använda en CSS-återställning men som bara formaterar varje webbläsare lika. En återställning är inte en omslag - allt för hantering av mer komplexa uppgifter, och det är exakt punkten på Shoelace.

Det kommer som en paket med en CLI som körs på nod som du kan installera med något projekt. Även om det också har en CDN-version om du inte vill använda npm.

För att få allt detta, kolla in installationsguide i den officiella dokumentationen. Trots att detta är märkt som ett CSS-bibliotek, det kommer med JavaScript-komponenter, för. Fastän de flesta av dem körs på jQuery, så du måste inkludera det som ett beroende.

Om du gräver längre in i dokumenten hittar du anpassnings sida vilket visar dig hur man redigerar variabler i CSS. Dessa låter dig bygga egna komponenter och ändra standard Shoelace-stilar med lätthet.

Varje komponent har en Bootstrap-y känsla för designen, så Shoelace kommer att fungera för nästan alla layouter.

Men det också har en brantare inlärningskurva än Bootstrap, eftersom det inte är så populärt, eller har det lika mycket stöd. Med detta skrivande är Shoelace fortfarande i v1.0 beta så det har gott om tid att komma ikapp med de större frontendramarna.

En snabb titt på dokumenten bör bevisa att detta är redo för en produktionsplats. Det är verkligen upp till dig om Shoelace skulle vara värt att lära och genomföra.

Ta en titt på GitHub repo för att ta en kopia och den online docs för mer installationsinformation. Om du har några frågor eller förslag på Shoelace kan du också släppa en linje till skaparen på Twitter @claviska.