CSS Starter Kit pro vývojáře - Shoelace.css

Vývojáři frontendu potřebují všechny nejlepší zdroje, které mohou získat. Obvykle to znamená práce nad rámec například Bootstrap, protože je dodáván v podstatě se vším.

Existuje však spousta alternativ a Shoelace.css je jedním z takových příkladů, se kterými byste se měli seznámit.

Tento volná sada CSS není opravdu úplný rámec. Místo toho je to spíš jako startovací sada pro vývojáře kteří nechtějí vytvořit desítky vlastních stylů CSS od nuly.

Vždy můžete použít reset CSS, ale každý prohlížeč formátuje pouze stejně. Reset je není to vše, co je vhodné pro složitější úkoly, a to je přesně to, co má tkanička.

Přichází jako balíček s CLI spuštěným na uzlu můžete instalovat s jakýmkoliv projektem. I když to také má verzi CDN pokud nechcete používat npm.

Chcete-li to všechno nastavit, podívejte se na instalačního průvodce v oficiální dokumentaci. Navzdory tomu, že je označena jako knihovna CSS, je to obsahuje komponenty JavaScriptu, také. Ačkoli většina z nich běží na jQuery, takže to budete muset zahrnout jako závislost.

Pokud budete kopat dále do dokumentů najdete stránku přizpůsobení který vám ukáže jak editovat proměnné v CSS. Ty vám umožní vytvářet vlastní komponenty a měnit výchozí styly šátků s lehkostí.

Každá komponenta má pocit Bootstrap-y k designu, Tkanička bude fungovat pro téměř jakékoliv rozvržení.

Nicméně, to také má strmější křivku učení než Bootstrap, protože to není tak populární, ani nemá tolik podpory. V době psaní tohoto článku je šňůra stále ve verzi beta verze 1.0, takže je zde dost času na to, aby dohnala větší rámce rozhraní.

Rychlý pohled na dokumenty by to měl dokázat připraven pro výrobní místo. Je to jen na vás, jestli by šňůra stála za to se učit a realizovat.

Podívejte se na GitHub repo chytit kopii a online dokumenty pro více informací o nastavení. Máte-li jakékoli dotazy nebo návrhy pro tkaničku, můžete také napsat řádek tvůrci na Twitteru @ claviska.