Cutestrap er dit lille alternativ til Bootstrap
Ikke alle projekter har brug for a store rammer. Både Foundation og Bootstrap er fantastiske bredt støttede frontend-rammer.
Nogle gange et web-projekt behøver bare noget simpelt. Og det er præcis hvad Cutestrap leverer.
Cutestrap beskriver sig som “noget i mellem normalize.css og en fuldblæst ramme”. Dette er en fantastisk beskrivelse, fordi det er ikke et blotte ben stilark ogdet er ikke overdrevent udsmykkede enten.
De vigtigste stylesheet udgør ca. 8KB, hvilket er over ti gange mindre end Bootstraps miniverede stylesheet (i gennemsnit 110KB-120KB).
Hver Cutestrap hjemmeside bruger en lodret rytme det passer fint sammen med dets foruddefineret gitter system. Alle standard typografi indstillinger har deres egen linjehøjde værdier der matcher tilsvarende.
All specificitet er holdes til et minimum så du kan overskriv nemt eventuelle indstillinger hvis det er nødvendigt.
Du kan finde en masse eksempler lige på hjemmesiden. Det lister demoer plus kildekode sammen med formelementer, gitter, knapper og andre Cutestrap-komponenter.
Ikke kun Cutestrap er a godt alternativ til Normaliser men det er også super let at redigere. Cutestrap kan arbejde godt som en grundlæggende ramme at du kan ændre til din smag.
Alle CSS klasser følg BEM-metoden til navngivning og hierarkier. Denne konvention kan være udvidet med dit eget BEM stylesheet, selvom du helt sikkert ikke behøver at følge de samme navngivningskonventioner.
Gitterene hovedsagelig stole på Flexbox og du kan downloade Cutestraps stylesheet som almindelig CSS eller i Sass format.
Jeg kan ikke tænke på et bedre frontend-alternativ, der er let at oprette og endda nemmere at tilpasse. Alle standard HTML-elementer har definerede stilarter så du kan bogstaveligt talt tilføje Cutestrap til dit websted og starte kodning. Designet vil ikke have meget flair, men det vil se et helvede meget bedre end browserens standardindstillinger.
For at lære mere, tjek Cutestrap hjemmesiden, hvor du kan gennemse funktioner og download en kopi af CSS stilark.