Cutestrap je vaša malá alternatíva k Bootstrap
Nie každý projekt potrebuje a veľký rámec. Funkcia Foundation a Bootstrap sú fantastické širokopásmové rozhrania pre frontend.
Niekedy webový projekt potrebuje len niečo jednoduché. A to je presne to, čo Cutestrap poskytuje.
Cutestrap sa označuje ako “niečo medzi normalize.css a plným fúkaným rámcom”. Je to skvelý popis, pretože je to nie štýl s holými kosťami a jeho nie príliš ozdobený buď.
Hlavná šablóna štýlov je približne 8 kB, čo je viac ako desaťkrát menšie ako minimalizovaný štýl listu Bootstrap (v priemere 110KB-120KB).
Každá webová stránka spoločnosti Cutestrap používa a vertikálny rytmus ktorý sa dobre spája s jeho preddefinovaný systém mriežky. Všetky predvolené nastavenia typografie majú svoje vlastné hodnoty výšky linky zodpovedajúcim spôsobom.
Všetka špecifickosť je obmedzené na minimum Takže môžeš ľahko prepísať všetky nastavenia V prípade potreby.
Môžete nájsť a veľa príkladov priamo na domovskej stránke. Je zoznam demonštrácie plus zdrojový kód spolu s tvarovými prvkami, mriežkami, gombíkmi a ďalšími komponentmi Cutestrap.
Nielen Cutestrap je a skvelá alternatíva k normalizácii ale je to tiež super jednoduché úpravy. Cutestrap môže pracovať dobre ako základný rámec ktoré môžete upraviť podľa vašich predstáv.
Všetky triedy CSS postupujte podľa metodiky BEM pre pomenovanie a hierarchie. Tento dohovor môže byť rozšírená o vlastnú šablónu štýlov BEM, hoci určite nemusíte dodržiavať rovnaké konvencie pomenovania.
Mriežky väčšinou spoliehajú na Flexbox a môžete si stiahnúť štýl Cutestrapu ako obyčajný CSS alebo vo formáte Sass.
Nemôžem myslieť na lepšiu alternatívu frontend, ktorá je jednoduché nastavenie a dokonca ľahšie prispôsobiť. Všetky predvolené prvky HTML majú definované štýly takže môžete doslova pridať Cutestrap na svoje stránky a začať kódovanie. Návrh nebude mať veľa vkusu, ale bude to vyzerajú pekne oveľa lepšie než predvolené nastavenie prehliadača.
Ak sa chcete dozvedieť viac, pozrite si webovú stránku Cutestrap, kde môžete prehliadanie funkcií a stiahnite kópiu štýlu šablón CSS.