Kola mı Pepsi mi, Mac mi PC mi, Marvel mı DC mi? Her toplulukta hangisinin daha iyi olduğu konusunda bir tartışma vardır. Web tasarımcıları için veya geliştiriciler, bu tartışma Sass veya LESS.
Sözdizimsel Olarak Harika Stil Sayfaları (Sass) ve Leaner CSS (LESS), CSS ön işlemcileridir. Tasarım yapmayı daha kolay ve verimli hale getiren özel stil sayfası uzantılarıdır. Hem Sass hem de LESS, tarayıcıların okuyabilmesi için CSS stil sayfalarında derlenir. Modern tarayıcılar .sass veya .less dosya türlerini okuyamadığından bu gerekli bir adımdır.
Web dünyasında olmayı planlıyorsanız gelişim, iki önişlemciden birinde - değilse de ikisinde - bilgili olmak iyi bir fikirdir. Söz konusu olduğunda, pek çok benzerlikleri var. CSS yazmayı daha basit, daha nesne yönelimli ve daha eğlenceli hale getiriyorlar. Bununla birlikte, birkaç önemli fark vardır.
Sass Ruby'de, LESS ise Javascript'te
Sass, Ruby tabanlıdır ve bir Ruby kurulumu gerektirir. Mac'iniz varsa bu önemli değil. Ancak, bir Windows makineniz varsa daha uzun bir kurulumdur.
LESS, Sass gibi Ruby'de oluşturuldu, ancak JavaScript'e taşındı. LESS'i kullanmak için, ilgili JavaScript dosyalarını sunucunuza yüklemeniz veya çevrimdışı bir derleyici aracılığıyla CSS sayfalarını derlemeniz gerekir.
Değişkenleri Atamak İçin, Sass '$' Kullanırken, LESS '@' Kullanır
Hem Sass hem de LESS, değişkenleri atamak için özel karakterler kullanır. Bu, bu ön işlemcileri kullanmanın yararının bir parçasıdır. Değişkenleri her atamak istediğinizde spesifikasyonları girmeye devam etmeniz gerekmez. Bunun yerine, sadece karakteri girebilirsiniz.
Sass'ta dolar işaretidir ($). LESS'te, "at" simgesi (@). LESS'in tek dezavantajı, halihazırda @ kullanan birkaç mevcut CSS seçicinin olmasıdır. Bu komplikasyon, öğrenme eğrisini biraz sertleştirebilir.
Sass Pusulaya Sahipken, LESS Önyüklemeye Sahiptir
Sass ve LESS, karışımları entegre etmek için mevcut uzantılara sahiptir (bir site boyunca CSS bildirimlerini saklama ve paylaşma yeteneği).
Sass, gelecekteki destek için güncellemelerle mevcut her seçeneği içeren karışımlar için Compass'ı kullanır.
LESS, Preboot.less, LESS Mixins, LESS Elements, gs ve Frameless özelliklerine sahiptir. LESS'in yazılım desteği, Sass'tan daha parçalıdır, bu da uzantılar için hepsi aynı şekilde çalışmayabilecek birçok farklı seçeneğe yol açar. Projeniz için, Compass'ın performansını çoğaltmak için listelenen uzantıların çoğunu (veya tümünü) kullanmanız gerekebilir.
LESS, Sass'tan Daha İyi Hata Mesajlarına Sahiptir
Hem Sass hem de LESS, söz dizimindeki hataları bildirme yetenekleri açısından test edilmiştir. LESS, testlerde daha doğru hata mesajlarına sahiptir; hatanın doğru konumunu bildirmiştir. Bu, bir yazım hatası kodu raydan çıkardığında kullanışlı olabilir. DAHA AZ hata mesajı, sorunu hızlı bir şekilde belirlemenize yardımcı olabilir.
LESS, Sass'tan Daha Kullanıcı Dostu Belgelere Sahiptir
LESS dokümantasyonu görsel olarak çekici ve ilk kez kullananlar için takip etmesi daha kolay. Sass belgeleri, kurulum sırasında ya çok daha fazla temel bilgi ya da bir wiki ile sık sık çapraz referanslar gerektirir.
Bu gerçek kendi başına, Sass veya LESS'in benimsenme oranları üzerinde büyük bir ağırlık oluşturabilir.