Cutestrap is je kleine alternatief voor Bootstrap

Niet elk project heeft een groot raamwerk. Zowel Foundation als Bootstrap zijn fantastische breed ondersteunde frontend frameworks.

Soms een webproject heeft gewoon iets eenvoudigs nodig. En dat is precies wat Cutestrap levert.

Cutestrap beschrijft zichzelf als “iets tussen normalize.css en een volledig opgeblazen raamwerk”. Dit is een geweldige beschrijving, omdat het zo is geen gewoon stijlblad en zijn niet overdreven sierlijk een van beide.

Het belangrijkste stylesheet is ongeveer 8 KB wat dat is meer dan tien keer kleiner dan het verkleinde stylesheet van Bootstrap (gemiddeld 110KB-120KB).

Elke website van Cutestrap maakt gebruik van een verticaal ritme dat past mooi bij zijn voorgedefinieerd rastersysteem. Alle standaard typografie-instellingen hebben hun eigen lijnhoogtewaarden die overeenkomen.

Alle specificiteit is tot een minimum beperkt dus je kunt het overschrijf eenvoudig alle instellingen indien nodig.

U kunt een vinden een stel voorbeelden direct op de startpagina. Het geeft een lijst weer demo's plus broncode naast vormelementen, rasters, knoppen en andere Cutestrap-componenten.

Niet alleen Cutestrap is een geweldig alternatief om te normaliseren maar het is ook super gemakkelijk te bewerken. Cutestrap kan werk goed als een fundamenteel kader die je naar wens kunt aanpassen.

Alle CSS-klassen volg de BEM-methodiek voor naamgeving en hiërarchieën. Deze conventie kan zijn uitgebreid met uw eigen BEM-stylesheet, hoewel u zeker niet dezelfde naamgevingsconventies hoeft te volgen.

De roosters meestal vertrouwen op Flexbox en je kunt het stylesheet van Cutestrap downloaden als gewone CSS of in Sass-formaat.

Ik kan geen beter frontend alternatief bedenken eenvoudig in te stellen en zelfs gemakkelijker aan te passen. Alle standaard HTML-elementen hebben gedefinieerde stijlen dus je kunt Cutestrap letterlijk aan je site toevoegen en beginnen met coderen. Het ontwerp zal niet veel flair hebben, maar het zal wel zie er een stuk beter uit dan de standaardinstellingen van de browser.

Ga voor meer informatie naar de Cutestrap-website waar je kunt bladeren door functies en download een kopie van de CSS-stylesheet.