CSS framework Kraken
Kromě populárního CSS frameworku Bootstrap existují i další zajímavé. Kraken je jeden takový.
Kraken se podobně jako Bootstrap hodí na rychlé nasekání webu. Není potřeba se obtěžovat s nějakým obtékáním, základní typografií, vzhledem formulářů a podobně.
Připojí se jeden CSS soubor a web bez nějaké snahy vypadá poměrně rozumně (a dokonce i responsivně). A velice rychle si tak lze zkoušet různé varianty rozložení prvků na stránce.
Oproti Bootstrapu je výhodné:
- datová velikost – desítky kB oproti stovkám kB u Bootstrapu,
- s tím souvisí jednodušší používání,
- zvětšovatelná velikost písma – Bootstrap používá pixely, takže nejde ve starších Explorerech zvětšovat,
- tolik „neprofláknutý“ design (byť jistá vzhledová inspirace je cítit).
Naopak nevýhodná je ještě slabší podpora starých Explorerů než v případě Bootstrapu. Tím, že Kraken vychází z „mobile first“, se v IE 8 a starších objeví jen jedno-sloupcový zjednodušený design.
Co si myslíte o tomto článku?
Diskuse
Související články
CSS item-pack: balance – vyvážené rozložení flex položek
Vlastnost item-pack: balance rozděluje flex položky rovnoměrně mezi řádky, podobně jako text-wrap: balance vyvažuje řádky textu.
CSS Container Queries – responsivní komponenty
Jak pomocí @container, container-type a container-name vytvářet komponenty, které se přizpůsobí velikosti svého rodiče místo viewportu.
CSS Anchor Positioning – posicování elementů relativně k jiným
Jak pomocí anchor-name, position-anchor a funkce anchor() posicovat elementy relativně k jiným bez JavaScriptu.
Centrování na webových stránkách
Moderní způsoby vertikálního i horizontálního centrování v CSS. Flexbox, Grid, margin auto a další techniky.