Cutestrap er ditt lille alternativ til Bootstrap

Ikke hvert prosjekt trenger et stort rammeverk . Både Foundation og Bootstrap er fantastiske bredt støttede frontend-rammer.

Noen ganger trenger et webprosjekt bare noe enkelt . Og det er akkurat det Cutestrap leverer.

Cutestrap beskriver seg selv som "noe i mellom normalize.css og et fullt blåst rammeverk" . Dette er en flott beskrivelse fordi det ikke er et bare-bein stilark, og det er heller ikke altfor utsmykket .

Det viktigste stilarket utgjør ca. 8KB, som er over ti ganger mindre enn Bootstraps minifiserte stilark (gjennomsnittlig 110KB-120KB).

Hvert Cutestrap-nettsted bruker en vertikal rytme som passer godt sammen med sitt forhåndsdefinerte rutenett . Alle standard typografiinnstillingene har sine egne linjehøydeverdier som samsvarer tilsvarende.

All spesifisitet holdes på et minimum, slik at du enkelt kan overskrive eventuelle innstillinger om nødvendig.

Du finner en rekke eksempler på hjemmesiden. Den viser demoer pluss kildekoden sammen med formelementer, grids, knapper og andre Cutestrap-komponenter.

Ikke bare Cutestrap er et godt alternativ til Normalisere, men det er også veldig enkelt å redigere . Cutestrap kan fungere som et grunnleggende rammeverk som du kan endre til din smak.

Alle CSS-klasser følger BEM-metoden for navngivning og hierarkier. Denne konvensjonen kan utvides med ditt eget BEM-stilark, selv om du absolutt ikke trenger å følge de samme navngivningskonvensjonene.

Gridene stole mest på Flexbox, og du kan laste ned Cutestraps stilark som vanlig CSS eller i Sass-format .

Jeg kan ikke tenke på et bedre frontend-alternativ som er enkelt å sette opp og enda enklere å tilpasse . Alle standard HTML-elementer har definerte stiler, så du kan bokstavelig talt legge til Cutestrap på nettstedet ditt og starte kodingen. Designet vil ikke ha mye flair, men det vil se et helvete mye bedre enn nettleserens standardinnstillinger.

For å lære mer, sjekk ut Cutestrap-nettstedet der du kan bla gjennom funksjoner og laste ned en kopi av CSS-stilarket .