Utwórz siatki linii bazowych w sieci za pomocą Sassline

Znaczna część treści online jest oparta na tekście, ale ludzie nie będą zainteresowani czytaniem tekstu w witrynie, chyba że typografia jest dobrze zaprojektowana.

Możesz pracować z niestandardowe ramy, ale te mogą się ograniczać. Zamiast tego spróbuj Sassline, bezpłatnej biblioteki opartej na Sassie, aby tworzyć doskonałe linie siatki w sieci.

To bezpłatne narzędzie działa na Sassie, więc najpierw musisz znać swój język preprocessingu. Jeśli wciąż jesteś nowy w tworzeniu stron internetowych, dobrym pomysłem jest ćwicz swoje CSS i Sass przed podniesieniem Sassline.

Ale kiedy się tego nauczysz, nigdy nie zaprojektujesz układów w ten sam sposób.

Do tworzenia używa jednostek rem niestandardowe linie bazowe, które pasują do tekstu na całej planszy. Obejmuje to wszystkie nagłówki, akapity, cytaty blokowe, wszystko.

Sassline jest wyposażony w responsywne punkty przerwania, dzięki czemu można automatycznie dostosować rozmiar tekstu (i wysokość linii) na podstawie siatki Sassline. Polega to na miksach Sass, które wymagają doświadczenia Sass, jeśli chcesz z nimi pracować.

Dlatego szczególnie polecam to narzędzie doświadczeni twórcy stron internetowych chcą poprawić swój przepływ pracy.

Strona demonstracyjna oferuje całkiem jasny przykład działania tej siatki linii bazowych, w tym elementów listy, wycen i innych rozmiarów nagłówków.

Dodatkowo możesz dodać to do frameworka, takiego jak Bootstrap, jeśli chcesz dokonać drobnych zmian w kodzie. The cała biblioteka Sassline jest bardzo wszechstronna i powinien być podstawą dla miłośników Sassa na całym świecie.

Aby rozpocząć, odwiedź główne repozytorium GitHub i pobierz kopię plików źródłowych.

Znajdziesz tu również instrukcje instalacji i link do tego niesamowitego wpisu na blogu, który poprowadzi Cię przez funkcję biblioteki Sassline według funkcji.