Sass dan LESS Preprocessor

Pengembang web harus terbiasa dengan satu atau kedua preprocessors

Coke atau Pepsi, Mac atau PC, Marvel atau DC? Di setiap komunitas, ada perdebatan tentang mana yang lebih baik. Untuk perancang web atau pengembang, perdebatan itu adalah Sass atau Less.

Apa itu Sass dan KURANG?

Stylesheet Sintetis (Sass) dan Leaner CSS (KURANG) keduanya merupakan preprosesor CSS. Mereka adalah ekstensi stylesheet khusus yang membuat desain lebih mudah dan lebih efisien. Baik Sass dan KURANG mengkompilasi ke stylesheet CSS sehingga peramban dapat membacanya, yang merupakan langkah yang diperlukan karena peramban modern tidak dapat membaca jenis file .ass atau .less.

Jika Anda berencana untuk berada di dunia pengembangan web, itu ide yang baik untuk menjadi berpengalaman dalam salah satu dari dua preprocessors-atau keduanya .

Ketika datang ke sana, keduanya serupa. Mereka membuat tulisan CSS lebih sederhana, lebih berorientasi objek, dan pengalaman yang lebih menyenangkan. Namun demikian, ada beberapa perbedaan utama. Lima di antaranya tercantum di sini.

  • 01 Sass Ada di Ruby. KURANG Apakah dalam JavaScript

    Sass berbasis di Ruby, dan membutuhkan instalasi Ruby. Ini bukan masalah besar jika Anda memiliki Mac. Namun, instalasi lebih lama jika Anda memiliki mesin Windows.

    KURANG dibangun di Ruby seperti Sass, tetapi telah di-porting ke JavaScript. Untuk menggunakan KURANG, Anda mengunggah file JavaScript yang berlaku ke server Anda atau mengompilasi lembar CSS melalui kompilator offline.

  • 02 Untuk Menetapkan Variabel: Sass Menggunakan $; KURANG Menggunakan @

    Baik Sass dan LESS menggunakan karakter khusus untuk menetapkan variabel. Dengan cara ini Anda tidak perlu terus memasukkan spesifikasi; Anda cukup memasukkan karakter.

    Di Sass, itu adalah tanda dolar ($). Dalam KURANG, ini adalah simbol (@). Satu-satunya downside untuk KURANG adalah bahwa ada beberapa pemilih CSS yang sudah menggunakan @, sehingga mungkin memperkuat kurva belajar sedikit.

  • 03 Sass Memiliki Kompas, KURANG Memiliki Preboot

    Sass dan LESS memiliki ekstensi yang tersedia untuk mengintegrasikan mixins (kemampuan untuk menyimpan dan membagikan deklarasi CSS di seluruh situs).

    • Sass memiliki Kompas yang tersedia untuk mixin, yang mencakup setiap opsi yang tersedia dengan pembaruan untuk dukungan di masa mendatang.

    • KURANG memiliki Preboot.less, KURANG Mixins, Unsur KURANG, 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 memerlukan semua ekstensi yang terdaftar untuk mendapatkan kinerja yang serupa dengan Kompas.

  • 04 KURANG Memiliki Pesan Kesalahan Lebih Baik Daripada Sass

    Baik Sass dan LESS telah diuji kemampuannya untuk melaporkan kesalahan dalam sintaks. KURANG memiliki pesan kesalahan yang lebih akurat dalam tes karena melaporkan lokasi kesalahan yang benar.

    Sesuatu seperti ini bisa menghemat sedikit waktu karena salah ketik.

  • 05 KURANG Memiliki Dokumentasi User-Friendly Lebih Banyak Dari Sass

    Dokumentasi KURANG secara visual menarik dan lebih mudah diikuti untuk pengguna pertama kali. Dokumentasi Sass memiliki lebih banyak basis pengetahuan atau pengaturan wiki.

    Ini adalah fakta yang bisa menjadi penting untuk tingkat adopsi baik Sass atau KURANG karena merupakan platform yang dirancang untuk digunakan dalam desain situs web.