Sass - ภาพรวม

SASS คืออะไร?

SASS (Syntactically Awesome Stylesheet) คือตัวประมวลผลล่วงหน้า CSS ซึ่งช่วยลดการทำซ้ำด้วย CSS และประหยัดเวลา เป็นภาษาส่วนขยาย CSS ที่เสถียรและมีประสิทธิภาพมากขึ้นซึ่งอธิบายรูปแบบของเอกสารได้อย่างหมดจดและมีโครงสร้าง

เริ่มแรกได้รับการออกแบบโดย Hampton Catlin และพัฒนาโดย Natalie Weizenbaum ในปี 2549 ต่อมา Weizenbaum และ Chris Eppstein ใช้เวอร์ชันเริ่มต้นเพื่อขยาย Sass ด้วย SassScript

ทำไมต้องใช้ SASS?

เป็นภาษาประมวลผลล่วงหน้าซึ่งจัดเตรียมไวยากรณ์ที่เยื้อง (ไวยากรณ์ของตัวเอง) สำหรับ CSS
มีคุณสมบัติบางอย่างซึ่งใช้สำหรับการสร้างสไตล์ชีตที่ช่วยให้การเขียนโค้ดมีประสิทธิภาพมากขึ้นและง่ายต่อการบำรุงรักษา
เป็นชุด CSS ขั้นสูงซึ่งหมายความว่ามีคุณสมบัติทั้งหมดของ CSS และเป็นตัวประมวลผลล่วงหน้าแบบโอเพนซอร์สซึ่งเข้ารหัส Ruby.
ให้รูปแบบเอกสารในรูปแบบที่ดีมีโครงสร้างมากกว่า CSS แบบแบน มันใช้วิธีการที่ใช้ซ้ำได้คำสั่งตรรกะและฟังก์ชันในตัวบางอย่างเช่นการจัดการสีคณิตศาสตร์และรายการพารามิเตอร์

คุณสมบัติของ SASS

มีความเสถียรมีประสิทธิภาพและเข้ากันได้กับ CSS เวอร์ชันต่างๆ
เป็นชุด CSS ที่ยอดเยี่ยมและใช้ JavaScript
เป็นที่รู้จักกันในชื่อ syntactic sugar สำหรับ CSS ซึ่งช่วยให้ผู้ใช้อ่านหรือแสดงสิ่งต่างๆได้ชัดเจนขึ้น
ใช้ไวยากรณ์ของตัวเองและรวบรวมเป็น CSS ที่อ่านได้
คุณสามารถเขียน CSS โดยใช้โค้ดน้อยลงได้ภายในเวลาอันสั้น
เป็นตัวประมวลผลล่วงหน้าแบบโอเพ่นซอร์สซึ่งตีความเป็น CSS

ข้อดีของ SASS

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

ข้อเสียของ SASS

นักพัฒนาต้องใช้เวลาในการเรียนรู้คุณสมบัติใหม่ ๆ ที่มีอยู่ในตัวประมวลผลล่วงหน้านี้
หากมีคนจำนวนมากกำลังทำงานในไซต์เดียวกันควรใช้ตัวประมวลผลล่วงหน้าเดียวกัน บางคนใช้ Sass และบางคนใช้ CSS เพื่อแก้ไขไฟล์โดยตรง ดังนั้นจึงเป็นเรื่องยากที่จะทำงานบนไซต์
มีโอกาสที่จะสูญเสียประโยชน์ของตัวตรวจสอบองค์ประกอบในตัวของเบราว์เซอร์