สร้างกริดพื้นฐานบนเว็บโดยใช้ Sassline

ส่วนสำคัญของเนื้อหาออนไลน์นั้นใช้ข้อความเป็นหลัก แต่ผู้คนจะไม่สนใจที่จะอ่านข้อความบนเว็บไซต์ของคุณเว้นแต่ว่าตัวอักษรนั้นได้รับการออกแบบมาอย่างดี.

คุณอาจทำงานกับ เฟรมเวิร์กที่กำหนดเอง แต่สามารถรู้สึกเข้มงวด. ลองใช้ Sassline ซึ่งเป็นห้องสมุดที่ใช้ Sass ฟรีเพื่อสร้างกริดแบบสมบูรณ์แบบบนเว็บ.

เครื่องมือฟรีนี้ทำงานบน Sass ดังนั้นคุณจะต้องรู้วิธีแก้ไขภาษานั้นก่อน หากคุณยังใหม่ต่อการพัฒนาเว็บไซต์ก็เป็นความคิดที่ดี ฝึกฝน CSS และ Sass ของคุณก่อนเลือก Sassline.

แต่เมื่อคุณเรียนรู้แล้วคุณจะไม่สามารถออกแบบเลย์เอาต์ในลักษณะเดียวกันได้อีก.

มันใช้หน่วยความจำในการสร้าง เส้นเขตแดนที่กำหนดเองที่เหมาะกับข้อความของคุณทั่วกระดาน. ซึ่งรวมถึงส่วนหัวย่อหน้าบล็อกโคตต์ทุกอย่างของคุณ.

และ Sassline มาพร้อมกับเบรกพอยต์ที่ตอบสนองเพื่อให้คุณสามารถปรับขนาดข้อความของคุณ (และความสูงของบรรทัด) โดยอัตโนมัติตามตาราง Sassline สิ่งนี้อาศัยส่วนผสมของ Sass ซึ่งต้องใช้ประสบการณ์ของ Sass หากคุณต้องการทำงานกับพวกเขา.

นั่นเป็นเหตุผลที่ฉันแนะนำเครื่องมือนี้โดยเฉพาะสำหรับ นักพัฒนาเว็บไซต์ที่มีประสบการณ์ ต้องการปรับปรุงกระบวนการทำงานของพวกเขา.

หน้าตัวอย่างนำเสนอตัวอย่างที่ชัดเจนเกี่ยวกับวิธีการทำงานของตารางพื้นฐานนี้รวมถึงรายการลิสต์ราคาดึงสินค้าและขนาดส่วนหัวที่หลากหลาย.

นอกจากนี้คุณสามารถเพิ่มสิ่งนี้ลงในเฟรมเวิร์กส่วนหน้าเช่น Bootstrap หากคุณยินดีที่จะทำการปรับเปลี่ยนเล็กน้อยในรหัสของคุณ ไลบรารี Sassline ทั้งหมดนั้นมีประโยชน์หลากหลายที่สุด และมันควรจะเป็นหลักสำหรับคนรัก Sass ทุกที่.

ในการเริ่มต้นไปที่ repo หลักของ GitHub และดาวน์โหลดสำเนาของไฟล์ต้นฉบับ.

คุณจะพบคำแนะนำในการตั้งค่าและลิงก์ไปยังโพสต์บล็อกสุดยอดเยี่ยมนี้ซึ่งจะแนะนำคุณผ่านฟีเจอร์ Sassline ไลบรารี่ตามคุณสมบัติ.