นักพัฒนาเว็บควรทำความคุ้นเคยกับตัวประมวลผลทั้งสองตัว
Coke หรือ Pepsi, Mac หรือ PC, Marvel หรือ DC? ในทุกชุมชนมีการถกเถียงกันดีกว่า สำหรับนักออกแบบเว็บหรือนักพัฒนาซอฟต์แวร์การอภิปรายนั้นเป็น Sass หรือ Less
อะไรคือ Sass และ LESS?
Stylesheets ที่น่าประทับใจทาง Syntactically (Sass) และ Leaner CSS (LESS) มีทั้งตัวประมวลผล CSS ก่อน เป็นส่วนขยายสไตล์ชีตพิเศษที่ทำให้การออกแบบง่ายและมีประสิทธิภาพมากขึ้น ทั้ง Sass และ LESS รวบรวมเป็น CSS stylesheets เพื่อให้เบราว์เซอร์สามารถอ่านได้ซึ่งเป็นขั้นตอนที่จำเป็นเนื่องจากเบราว์เซอร์รุ่นใหม่ไม่สามารถอ่านไฟล์ประเภท. sass หรือ.
ถ้าคุณวางแผนที่จะอยู่ในโลกของการพัฒนาเว็บเป็นความคิดที่ดีที่จะรอบคอบในหนึ่งในสอง preprocessors - หรือทั้งสอง อย่าง
เมื่อมันลงมาทั้งสองอย่างก็เหมือนกัน พวกเขาทำให้การเขียน CSS ง่ายขึ้นเชิงวัตถุมากขึ้นและเป็นประสบการณ์ที่สนุกสนานมากขึ้น อย่างไรก็ตามมีข้อแตกต่างที่สำคัญบางอย่าง ห้าของพวกเขาอยู่ที่นี่
01 Sass อยู่ในทับทิม น้อยลงใน JavaScript
LESS ถูกสร้างขึ้นใน Ruby เช่น Sass แต่ได้รับการเปลี่ยนเป็น JavaScript แล้ว เพื่อที่จะใช้ LESS คุณสามารถอัปโหลดไฟล์ JavaScript ที่ใช้บังคับไปยังเซิร์ฟเวอร์หรือคอมไพล์แผ่น CSS ผ่านตัวแปลแบบออฟไลน์
02 การกำหนดตัวแปร: Sass ใช้ $; น้อยกว่าการใช้ @
ทั้ง Sass และ LESS ใช้อักขระเฉพาะเพื่อกำหนดตัวแปร ด้วยวิธีนี้คุณไม่จำเป็นต้องป้อนข้อมูลจำเพาะ คุณสามารถป้อนตัวอักษรได้
ใน Sass เป็นเครื่องหมายดอลลาร์ ($) ใน LESS จะเป็นสัญลักษณ์ (@) ข้อเสียเดียวสำหรับ LESS คือมีตัวเลือก CSS ที่มีอยู่เพียงไม่กี่ตัวที่ใช้ @ อยู่แล้วดังนั้นอาจทำให้เส้นโค้งการเรียนรู้แข็งขึ้นเล็กน้อย
03 Sass มีเข็มทิศ, LESS มี Preboot
Sass และ LESS มีส่วนขยายที่พร้อมใช้งานเพื่อรวม mixins (ความสามารถในการจัดเก็บและแชร์การประกาศของ CSS ทั่วทั้งไซต์)
Sass มีเข็มทิศพร้อมสำหรับ mixins ซึ่งรวมทุกตัวเลือกพร้อมกับการอัปเดตสำหรับการสนับสนุนในอนาคต
LESS มี Preboot.less, LESS Mixins, LESS Elements, gs และ Frameless การสนับสนุนซอฟต์แวร์ของ LESS มีการแยกส่วนกันมากกว่า Sass ทำให้มีตัวเลือกต่างๆสำหรับส่วนขยายที่อาจไม่ทำงานในลักษณะเดียวกัน สำหรับโครงการของคุณคุณอาจต้องใช้ส่วนขยายทั้งหมดที่แสดงไว้เพื่อให้ได้ประสิทธิภาพที่ใกล้เคียงกับเข็มทิศ
04 น้อยกว่ามีข้อผิดพลาดที่ดีกว่า Sass
ทั้ง Sass และ LESS ได้รับการทดสอบความสามารถในการรายงานข้อผิดพลาดทางไวยากรณ์ LESS มีข้อความผิดพลาดที่แม่นยำกว่าในการทดสอบเนื่องจากรายงานตำแหน่งที่ถูกต้องของข้อผิดพลาด
สิ่งเช่นนี้อาจช่วยประหยัดเวลาในการขับเหงื่อมากกว่าการสะกดผิด
05 น้อยกว่ามีเอกสารที่ใช้งานง่ายกว่า Sass
เอกสารที่ไม่ค่อยมีความดึงดูดสายตาและง่ายขึ้นสำหรับผู้ใช้ครั้งแรก เอกสาร Sass มีฐานความรู้หรือการตั้งค่าวิกิพีเดียมากขึ้น
นี่เป็นข้อเท็จจริงที่อาจมีความสำคัญต่ออัตราการยอมรับของ Sass หรือ LESS เนื่องจากเป็นแพลตฟอร์มที่ออกแบบมาเพื่อใช้ในการออกแบบเว็บไซต์