CSS Starter Kit voor ontwikkelaars - Shoelace.css

Frontend-ontwikkelaars hebben de beste middelen nodig die ze kunnen krijgen. Meestal betekent dit werken bovenop een raamwerk zoals Bootstrap, want het zit boordevol met eigenlijk alles.

Er zijn echter tal van alternatieven en Shoelace.css is zo'n voorbeeld waarmee je bekend moet zijn.

Deze gratis CSS-kit is niet echt een volledig kader. In plaats daarvan lijkt het meer op een starterspakket voor ontwikkelaars die niet vanaf het begin tientallen aangepaste CSS-stijlen willen bouwen.

Je kunt altijd een CSS-reset gebruiken, maar dat maakt alleen elke browser gelijk. Een reset is niet een dekking voor het afhandelen van meer complexe taken, en dat is precies het punt van schoenveter.

Het komt als een pakket met een CLI op knooppunt die u met elk project kunt installeren. Hoewel, het ook heeft een CDN-versie als u npm niet wilt gebruiken.

Om dit allemaal te regelen, bekijk de installatie gids in de officiële documentatie. Ondanks dat dit wordt gelabeld als een CSS-bibliotheek, het komt met JavaScript-componenten, te. Hoewel de meeste daarvan draaien op jQuery, dus je moet dat als een afhankelijkheid opnemen.

Als u verder graaft in de documenten, vindt u de aanpassingspagina wat je laat zien hoe variabelen in CSS te bewerken. Hiermee kun je aangepaste componenten maken en de standaard schoenveterstijlen gemakkelijk aanpassen.

Elke component heeft een Bootstrap-feel voor het ontwerp, dus schoenveter zal voor vrijwel elke indeling werken.

Het is echter ook heeft een steilere leercurve dan Bootstrap, omdat het niet zo populair is, en het evenmin zoveel ondersteuning biedt. Vanaf dit moment is Shoelace nog steeds in v1.0 bèta, dus er is voldoende tijd om de grotere frontend-raamwerken bij te houden.

Een snelle blik op de documenten zou moeten bewijzen dat dit zo is klaar voor een productiesite. Het is echt aan jou of Schoenveter de moeite waard is om te leren en te implementeren.

Neem een ​​kijkje op de GitHub repo om een ​​kopie te pakken en de online docs voor meer instellingsinformatie. Als je vragen of suggesties hebt voor Shoelace, kun je ook een regel naar de maker sturen op Twitter @claviska.