Vytváranie základných mriežok na webe pomocou Sassline

Veľká časť online obsahu je založená na texte, ale ľudia nemajú záujem o čítanie textu na vašich stránkach, pokiaľ nie je typografia dobre navrhnutá.

Môžete pracovať s ale môžu sa cítiť reštriktívne. Namiesto toho skúste Sassline, bezplatnú knižnicu Sass na vytvorenie dokonalých mriežok na webe.

Tento bezplatný nástroj funguje na Sass, takže budete musieť najprv poznať cestu okolo tohto preprocesačného jazyka. Ak ste ešte stále nový vývoj webu, je to dobrý nápad precvičujte svoje CSS a Sass pred zdvihnutím Sassline.

Ale akonáhle sa to naučíte, nikdy nebudete navrhovať usporiadanie rovnakým spôsobom.

Používa rem jednotky na vytvorenie vlastné základné čiary, ktoré zodpovedajú vášmu textu. Toto zahŕňa všetky hlavičky, odseky, blokové bloky, všetko.

A Sassline prichádza s citlivými krivkami, takže môžete automaticky upraviť veľkosť textu (a výšku línií) na základe siete Sassline. To sa spolieha na zmesi Sass, ktoré vyžadujú skúsenosť Sass, ak chcete pracovať s nimi.

Preto som tento nástroj výslovne odporúčal skúsených vývojárov webu snažiť sa zlepšiť svoj pracovný postup.

Demografická stránka ponúka dosť jasný príklad toho, ako funguje táto základná sieť, vrátane zoznamu položiek, vytiahnite cenové ponuky a rôzne veľkosti záhlavia.

Navyše môžete pridať do frontend rámcov ako Bootstrap, ak ste ochotní urobiť malé úpravy vášho kódu. celá knižnica Sassline je super univerzálna a to by malo byť základom pre milovníkov Sass všade.

Ak chcete začať, navštívte hlavnú repo spoločnosti GitHub a prevezmite kópiu zdrojových súborov.

Nájdete tu tiež pokyny na nastavenie a odkaz na tento úžasný blogový príspevok, ktorý vás vedie cez funkciu Sassline knižnice podľa funkcie.