Vytvořit základní mřížky na webu pomocí Sassline

Hlavní část obsahu online je založena na textu, ale lidé nemají zájem číst text na vašich stránkách, pokud není typografie dobře navržena..

Můžete pracovat vlastní rámce, ale ty se mohou cítit restriktivní. Místo toho zkuste Sassline, bezplatnou knihovnu založenou na Sassu pro vytváření perfektních mřížek na webu.

Tento bezplatný nástroj funguje na serveru Sass, takže budete muset nejprve vědět, jak se v tomto jazyce předběžně zpracovávat. Pokud jste stále nový vývoj webových aplikací, pak je to dobrý nápad cvičit své CSS a Sass před vyzvednutím Sassline.

Ale jakmile se naučíte, nikdy nebudete navrhovat rozložení stejně.

Používá jednotky rem k vytvoření vlastní základní linie, které odpovídají vašemu textu napříč deskami. To zahrnuje všechny vaše záhlaví, odstavce, blockquotes, všechno.

Sassline přichází s citlivými zarážkami, takže můžete automaticky upravit velikost textu (a výšku řádku) na základě mřížky Sassline. To se spoléhá na Sass mixiny, které vyžadují Sass zkušenosti, pokud s nimi chcete pracovat.

Proto tento nástroj doporučuji speciálně pro zkušených vývojářů webu hledají zlepšení svého pracovního postupu.

Demo stránka nabízí docela jasný příklad toho, jak tato základní mřížka funguje, včetně položek seznamu, tažení nabídek a různých velikostí záhlaví.

Navíc můžete toto přidat do frontendových rámců, jako je Bootstrap, pokud jste ochotni provést nějaké drobné úpravy kódu. celá knihovna Sassline je super univerzální a mělo by to být základ pro milovníky Sassu všude.

Chcete-li začít, navštivte hlavní repo GitHub a stáhněte si kopii zdrojových souborů.

Najdete zde také pokyny pro nastavení a odkaz na tento úžasný blogový příspěvek, který vás provede funkcí knihovny Sassline.