การตกแต่งหน้าตาเว็บไซค์ให้เกิดความสวยงามและเป็นมิตรกับ ผู้ใช้งานเว็บไซค์เราจะหนีไม่พ้นเรื่องการเขียนโค้ดเพื่อตกแต่งเว็บไซค์ซึ่งเราอาจจะเขียนเอง หรือ framework ก็ได้ซึ่งแต่ละอย่างจะมีพื่นฐานมาจาก css ทั้งนั้น ซึ่งเขียนไปเรื่อย ๆ จะได้ยิน sass กับ scss มันต่างกันยังไง วันนี้จะมาเหล่าให้ฟังกัน

SASS คือ ?
เครื่องมือที่ช่วยให้การทำงานกับ CSS ง่ายขึ้นเป็นภาษาสไตล์ชีตภาษาหนึ่งเปรียบเสมือนเป็น CSS Preprocessor ซึ่งทำงานคล้ายกับ LESS CSS. การเขียน Sass นั้นจะเขียนคล้าย ๆ กับ CSS แต่ Sass จะมีฟังก์ชั่นเพิ่มขึ้นมาช่วยให้เขียนได้ง่ายขึ้น แล้วสุดท้ายจะถูก Compile เป็น CSS อยู่ดี

SASS & SCSS

ลักษณะการเขียนเหมือนกัน มีส่วนต่างกันคือ

SASS จะไม่มี { } และ ; จัด Scope ด้วยการ Indent
SCSS จะมีทั้ง { } และ ; เหมือนกันกับ CSS

ตัวอย่าง

แล้วมันเหมือนหรือต่างกันยังไง คำตอบที่จะมีให้คือ มันคือตัวเดียวกัน! 

แล้วจะเลือกใช้ตัวไหนดี คำตอบ แล้วแต่ที่ถนัดเลย และความชอบ