Sassline Kullanarak Web Üzerinde Taban Çizgisi Izgaraları Oluşturma

Çevrimiçi içeriğin büyük bir kısmı metin tabanlıdır, ancak tipografi iyi tasarlanmadığı sürece insanlar sitenizdeki metni okumakla ilgilenmezler.

İle çalışabilirsin özel çerçeveler ancak bunlar kısıtlayıcı olabilir. Bunun yerine, web'de mükemmel kılavuz çizgileri oluşturmak için ücretsiz bir Sass tabanlı kütüphane olan Sassline'ı deneyin.

Bu ücretsiz araç Sass üzerinde çalışır, bu yüzden ilk önce o ön işleme diliyle ilgili yolunuzu bilmeniz gerekir. Web geliştirme konusunda hala yeniyseniz, o zaman bu iyi bir fikirdir. Sassline'ı almadan önce CSS ve Sass'ınızı kullanın.

Ancak bir kez öğrendiğinizde, düzenleri bir daha asla aynı şekilde tasarlamayacaksınız..

Oluşturmak için rem birimleri kullanır metninizi panoya uygun özel taban çizgileri. Bu, tüm başlıklarınızı, paragraflarınızı, blok alıntılarınızı, her şeyinizi içerir..

Ve Sassline duyarlı kesme noktaları ile birlikte gelir, böylece Sassline ızgarasını temel alarak metin boyutunu (ve satır yüksekliğini) otomatik olarak ayarlayabilirsiniz. Bu, onlarla çalışmak istiyorsanız Sass deneyimi gerektiren Sass karışımlarına dayanır..

Bu yüzden bu aracı özellikle tavsiye ediyorum. deneyimli web geliştiricileri iş akışlarını iyileştirmek isteyen.

Demo sayfası, liste öğelerini, çekme tırnaklarını ve çeşitli başlık boyutlarını içeren bu temel kılavuzun nasıl çalıştığına dair oldukça açık bir örnek sunar..

Ayrıca, kodunuzda bazı küçük değişiklikler yapmaya istekliyseniz, bunu Bootstrap gibi ön uç çerçevelere ekleyebilirsiniz. Sassline kütüphanesinin tamamı çok yönlüdür ve her yerdeki Sass sevenler için bir temel olmalıdır.

Başlamak için ana GitHub deposunu ziyaret edin ve kaynak dosyaların bir kopyasını indirin..

Ayrıca, kurulum talimatlarını ve Sassline kitaplığı özelliğini size göre yönlendiren bu harika blog gönderisinin bağlantısını da bulacaksınız..