Coke atau Pepsi, Mac atau PC, Marvel atau DC? Di setiap komunitas, ada perdebatan tentang mana yang lebih baik. Untuk desainer web atau developer, debat itu Sass atau KURANG.
Syntacticically Awesome Stylesheets (Sass) dan Leaner CSS (LESS) keduanya adalah preprosesor CSS. Itu adalah ekstensi stylesheet khusus yang membuat perancangan lebih mudah dan lebih efisien. Baik Sass dan LESS dikompilasi ke dalam stylesheet CSS sehingga browser dapat membacanya. Ini adalah langkah yang diperlukan karena browser modern tidak dapat membaca jenis file .sass atau .less.
Jika Anda berencana berada di dunia web perkembangan, merupakan ide bagus untuk menguasai salah satu dari dua praprosesor—jika bukan keduanya. Ketika sampai pada itu, mereka memiliki banyak kesamaan. Mereka membuat penulisan CSS lebih sederhana, lebih berorientasi objek, dan lebih menyenangkan. Namun demikian, ada beberapa perbedaan utama.
Sass Ada di Ruby Sedangkan LESS Ada di Javascript
Sass berbasis di Ruby dan membutuhkan instalasi Ruby. Ini bukan masalah besar jika Anda memiliki Mac. Namun, ini adalah instalasi yang lebih lama jika Anda memiliki mesin Windows.
KURANG dibangun di Ruby, seperti Sass, tetapi telah dipindahkan ke JavaScript. Untuk menggunakan LESS, Anda harus mengunggah file JavaScript yang berlaku ke server Anda atau mengompilasi lembar CSS melalui kompiler offline.
Untuk Menetapkan Variabel, Sass Menggunakan '$' Sementara LESS Menggunakan '@'
Baik Sass dan LESS menggunakan karakter khusus untuk menetapkan variabel. Ini adalah bagian dari manfaat menggunakan praprosesor ini. Anda tidak harus terus memasukkan spesifikasi setiap kali ingin menetapkan variabel. Sebagai gantinya, Anda cukup memasukkan karakter.
Di Sass, itu adalah tanda dolar ($). Di LESS, ini adalah simbol "at" (@). Satu-satunya downside untuk LESS adalah bahwa ada beberapa pemilih CSS yang sudah menggunakan @. Kerumitan itu bisa sedikit memperketat kurva belajar.
Sass Memiliki Kompas Sedangkan LESS Memiliki Preboot
Sass dan LESS memiliki ekstensi yang tersedia untuk mengintegrasikan mixin (kemampuan untuk menyimpan dan membagikan deklarasi CSS di seluruh situs).
Sass menggunakan Kompas untuk mixin, yang menyertakan setiap opsi yang tersedia dengan pembaruan untuk dukungan di masa mendatang.
LESS memiliki Preboot.less, LESS Mixins, LESS Elements, gs, dan Frameless. Dukungan perangkat lunak LESS lebih terfragmentasi daripada Sass, menghasilkan banyak opsi berbeda untuk ekstensi yang mungkin tidak semuanya berfungsi dengan cara yang sama. Untuk proyek Anda, Anda mungkin perlu menggunakan beberapa (atau semua) ekstensi yang terdaftar untuk mereplikasi kinerja Kompas.
KURANG Memiliki Pesan Kesalahan Lebih Baik Daripada Sass
Sass dan LESS telah diuji kemampuannya untuk melaporkan kesalahan dalam sintaksis. LESS memiliki pesan kesalahan yang lebih akurat dalam pengujian—itu melaporkan lokasi kesalahan yang benar. Ini bisa berguna ketika salah ketik menggagalkan kode. Pesan kesalahan KURANG dapat membantu Anda mengidentifikasi masalah dengan cepat.
LESS Memiliki Dokumentasi yang Lebih Ramah Pengguna Daripada Sass
Dokumentasi LESS menarik secara visual dan lebih mudah diikuti oleh pengguna pertama kali. Dokumentasi Sass membutuhkan lebih banyak pengetahuan dasar, atau referensi silang yang sering dengan wiki selama penyiapan.
Fakta ini dengan sendirinya dapat sangat membebani tingkat adopsi Sass atau LESS.