Sass ve LESS Ön İşlemciler

İçerik

• Sass Ruby olduğunu
• Değişkenleri Atamak İçin Sass, '$' Kullanırken Daha Az '@' Kullanıyor
• Dass önyükleme yaparken Sass pusulası var
• LESS Sass'tan Daha İyi Hata Mesajlarına Sahiptir
• LESS, Sass'tan Daha Kullanıcı Dostu Belgelere Sahiptir

Kok veya Pepsi, Mac veya PC, Marvel veya DC? Her toplulukta, üzerinde daha iyi bir tartışma var. Web tasarımcıları veya geliştiricileri için bu tartışma Sass veya LESS'dir.

Sözdizimsel Müthiş Stil Sayfaları (Sass) ve Leaner CSS (LESS) her ikisi de CSS ön işlemcileridir. Tasarımları daha kolay ve verimli hale getiren özel stil sayfası uzantılarıdır. Sass ve 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 geliştirme dünyasında olmayı planlıyorsanız, her iki ön işlemciden birinde deneyimli olmak iyi bir fikirdir.. Konu söz konusu olduğunda, birçok benzerlikleri var. CSS yazmayı daha basit, daha nesne odaklı ve daha eğlenceli hale getiriyorlar. Bununla birlikte, birkaç önemli fark vardır.

Sass Ruby olduğunu

Sass Ruby merkezli ve Ruby kurulumu gerektirir. Mac'iniz varsa bu önemli değil. Ancak, bir Windows makineniz varsa daha uzun bir kurulumdur.

LESS, Sass gibi Ruby'de inşa edildi, ancak JavaScript'e taşındı. Daha az kullanmak için, geçerli JavaScript dosyalarını sunucunuza yüklemeniz veya CSS sayfalarını bir çevrimdışı derleyici aracılığıyla derlemeniz gerekir.

Değişkenleri Atamak İçin Sass, '$' Kullanırken Daha Az '@' Kullanıyor

Sass ve 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 etmenize gerek yoktur. Bunun yerine, karakteri girebilirsiniz.

Sass'ta dolar işareti ($). DAHA AZ, "at" sembolü (@). LESS'in tek dezavantajı, zaten @ kullanan birkaç mevcut CSS seçicisinin olmasıdır. Bu komplikasyon öğrenme eğrisini biraz sertleştirebilir.

Dass önyükleme yaparken Sass pusulası var

Sass ve LESS, mixinleri entegre etmek için mevcut uzantılara sahiptir (bir sitede CSS bildirimlerini saklama ve paylaşma yeteneği).

Sass, gelecekteki destek güncellemeleriyle birlikte sunulan her seçeneği içeren, mixins için Compass kullanıyor.

LESS Preboot.less, LESS Mixins, LESS Elements, gs ve Frameless özelliklerine sahiptir. LESS’in yazılım desteği, Sass'tan daha parçalara ayrılmıştır, bu da hepsi aynı şekilde çalışmayabilecek uzantılar için birçok farklı seçeneğe yol açar. Projeniz için, Compass'ın performansını çoğaltmak üzere listelenen uzantıların birden fazlasını (veya tümünü) kullanmanız gerekebilir.

LESS Sass'tan Daha İyi Hata Mesajlarına Sahiptir

Hem Sass hem de LESS, sözdizimindeki hataları bildirme yetenekleri açısından test edilmiştir. LESS'in testlerde daha doğru hata mesajları var - hatanın doğru yerini bildirdi. Bu, bir yazım hatası kodu raydan çıkarırken kullanışlı olabilir. LESS hata mesajları, sorunu hızlı bir şekilde belirlemenize yardımcı olabilir.

LESS, Sass'tan Daha Kullanıcı Dostu Belgelere Sahiptir

LESS belgeleri görsel olarak çekici ve ilk kez kullananlar için izlemesi daha kolay. Sass belgeleri, çok daha fazla temel bilgi veya kurulum sırasında bir wiki ile sık sık çapraz referans gerektirir.

Kendi başına bu gerçek, büyük ölçüde Sass veya LESS'in benimsenme oranlarına ağırlık verebilir.