Buat Grid Baseline di Web Menggunakan Sassline

Sebahagian besar kandungan dalam talian adalah berasaskan teks, tetapi orang tidak akan berminat untuk membaca teks di laman web anda kecuali jika tipografi direka dengan baik.

Anda boleh bekerjasama rangka kerja adat tetapi mereka boleh merasa ketat. Sebaliknya cuba Sassline, perpustakaan berasaskan Sass percuma untuk membuat gridlines sempurna di web.

Alat percuma ini berfungsi pada Sass sehingga anda perlu tahu jalan anda di sekitar bahasa preprocessing terlebih dahulu. Sekiranya anda masih baru dalam pembangunan web maka ini adalah idea yang baik amalkan CSS dan Sass anda sebelum mengambil Sassline.

Tetapi apabila anda belajar, anda tidak akan dapat merancang susun atur dengan cara yang sama sekali lagi.

Ia menggunakan unit brek untuk dicipta baseline tersuai yang sesuai dengan teks anda di seluruh papan. Ini termasuk semua tajuk anda, perenggan, sekatan, semuanya.

Dan Sassline dilengkapi dengan titik putus responsif supaya anda dapat menyesuaikan saiz teks anda (dan ketinggian baris) secara automatik berdasarkan grid Sassline. Ini bergantung pada campuran Sass yang memerlukan pengalaman Sass jika anda ingin bekerja dengan mereka.

Sebab itulah saya secara khusus mengesyorkan alat ini pemaju web berpengalaman ingin memperbaiki alur kerja mereka.

Halaman demo menawarkan contoh yang jelas tentang bagaimana grid asas ini berfungsi termasuk item senarai, tarik harga, dan pelbagai saiz header.

Tambahan pula, anda boleh menambah ini ke dalam rangka frontend seperti Bootstrap jika anda bersedia membuat beberapa pelarasan kecil pada kod anda. The keseluruhan perpustakaan Sassline adalah super serba boleh dan ia mesti menjadi ruji untuk pencinta Sass di mana-mana.

Untuk memulakan lawatan repo GitHub utama dan muat turun salinan fail sumber.

Anda juga akan menemui arahan persediaan dan pautan ke postingan blog yang hebat ini membimbing anda melalui ciri perpustakaan Sassline mengikut ciri.