Het Scooter Framework van Dropbox maakt Sass-ontwikkeling nog eenvoudiger

We weten allemaal over CSS-raamwerken en de kracht die ze ontwikkelaars bieden. Maar hoe zit het met SCSS-raamwerken die aansluiten op de Sass-workflow?

Er zijn niet veel van deze kaders rond maar Scooter is een leuke uitzondering. Het wordt onderhouden door de mensen bij Dropbox en het werkt net als een frontend UI-raamwerk maar met een voorbehoud - het is allemaal gebouwd op SCSS.

Het team van Dropbox heeft deze bibliotheek gemaakt als een manier om hun UI-werk consolideren en maak het gemakkelijker om aan te passen. Zij hebben een CSS-stijlgids Dit omvat de basisbeginselen van het maken van nieuwe klassen, nesten, spaties en algemene schrijfrichtlijnen.

Natuurlijk, deze richtlijnen ook van toepassing op SCSS, en het is echt meer een gebruikershandleiding dan een introductie. Helaas is er geen enkele intro voor beginners. In plaats daarvan zijn er pagina's met informatie over de bibliotheek, zoals aangepaste functies voor paginakleuren.

De Scooter-bibliotheek is niet moeilijk op te pikken als je Sass al kent. Als je een compleet nieuweling bent, moet je kijken in de basis van Sass eerste.

Scooter is nog steeds een heel nieuw project, dus er is ruimte voor groei. Het heeft veel gedetailleerde objecten zoals rasters, mediaboxen, lijstitems en componenten zoals knoppen / veldinvoer.

De Scooter-bibliotheek is half SCSS-ontwikkelingsraamwerk, half UI-componentenbibliotheek. Het is een unieke draai aan de traditionele dingen zoals Bootstrap.

Ik zou dit alleen maar aanraden voor geavanceerde ontwikkelaars die graag graven in kaders voor de lol. Scooter is niet geweldig voor productieprojecten en het is echt gemaakt als een uitbreiding van het ontwikkelteam van Dropbox.

Maar als je verder wilt graven, bekijk dan de officiële GitHub repo met alle opgenomen bestanden en een gratis download om de broncode te pakken.