style sheet หรือชื่อเต็มๆ คือ cascade style sheet หรือย่อว่า css
เป็นไฟล์ที่เป็นส่วนประกอบของเว็บไซต์ เพื่อใช้ในการวาง Layout ของเว็บ
สมัยก่อนก็รู้จักแต่ CSS
แต่เดี๋ยวนี้เจอ 2 คำเพิ่มขึ้นมา คือ
- Sass (ไม่ใช่ software as a service – SaaS นะ ห้ามสับสน)
- Less
ความเป็นมา
Saas
Saas ถูกออกแบบโดย Hampton Catlin และพัฒนาโดย Natalie Weizenbaum ตั้งแต่ปี 2006
แต่พึ่งจะมี Stable release ออกมาเมื่อปี 2017 นี่เอง
Saas เป็น script language ที่จะถูกแปลถูก compile ไปเป็น CSS อีกที
Saas ทำให้การเขียน css ง่ายขึ้น เราสามารถประกาศตัวแปร จัดกลุ่ม code ต่างๆได้
แล้วค่อย compile เป็น css อีกที
Less
เกิดทีหลัง Saas โดยได้แรงบันดาลใจมาจาก Saas เพียงแต่ว่าออกแบบมาให้การเขียนโค้ดใกล้เคียงกับ CSS มากที่สุด
Less สามารถที่จะ real time compile ได้ อธิบายง่ายๆ คือปกติ เวลาใช้ Saas หรือ less เราจะเขียนได้ไฟล์นามสกุล .saas หรือ .less
แล้วเอาไปผ่าน compiler จะได้เป็นไฟล์ .css แล้วค่อย upload ไปไว้ในเว็บของเราอีกที
แต่ less มีความสามารถมากกว่านั้นหน่อยก็คือ สามารถเอาไฟล์ less.js ไปไว้ในเว็บของเรา แล้วเรียกใช้ ซึ่งทำให้ เราไม่ต้องไปทำให้เป็นไฟล์
.css ก่อนนั่นเอง
