Web geliştiricileri, bir ya da her iki önişlemciye aşina olmalıdır
Kok veya Pepsi, Mac veya PC, Marvel veya DC? Her toplumda, daha iyi olan bir tartışma var. Web tasarımcıları veya geliştiricileri için, bu tartışma Sass veya Less'dir.
Sass nedir ve daha mı az?
Syntactically Awesome Stylesheets (Sass) ve Leaner CSS (LESS) hem CSS ön işlemcileridir. Tasarımlamayı daha kolay ve daha verimli hale getiren özel stil sayfası uzantılarıdır. Hem Sass hem de LESS, CSS stil sayfalarını derler, böylece tarayıcılar bunları okuyabilirler, bu da modern tarayıcıların okuyamayacağı önemli bir adımdır çünkü .sass veya .less dosya türleri.
Web geliştirme dünyasında olmayı planlıyorsanız, iki ön işlemciden birinde veya her ikisinde de iyi bir fikir edinmek iyi bir fikirdir .
Aşağı geldiğinde, ikisi de benzer. CSS'yi daha basit, daha fazla nesne yönelimli ve daha keyifli bir deneyim haline getiriyorlar. Yine de, bazı önemli farklılıklar vardır. Bunlardan beşi burada listelenmiştir.
01 Sass Ruby'de. LESS JavaScript’te
Ruby'de Sass gibi LESS inşa edildi, ancak JavaScript'e taşındı. LESS'i kullanabilmek için, geçerli JavaScript dosyalarını sunucunuza yükler veya CSS sayfalarını bir çevrimdışı derleyici aracılığıyla derlersiniz.
02 Değişkenleri Atamak İçin: Sass $; LESS kullanır @
Hem Sass hem de LESS değişkenleri atamak için özel karakterler kullanır. Bu şekilde şartnamelere girmeye gerek yok; sadece karakteri girebilirsiniz.
Sass'da dolar işareti ($). LESS'de, (@) sembolüdür. LESS'in tek dezavantajı, halihazırda kullanmış olan birkaç CSS seçicisinin bulunmasıdır, bu yüzden öğrenme eğrisini biraz zorlaştırabilir.
03 Sass Pusula Var, Ya Önsöz Preboot Var
Sass ve LESS, miksleri (bir sitedeki CSS bildirimlerini saklama ve paylaşma yeteneği) tümleştirmek için kullanılabilir uzantılara sahiptir.
Sass, gelecekteki destek için güncellemeler ile mevcut her seçeneği içeren bir pusula için mevcuttur.
LESS Preboot.less, LESS Mixins, LESS Elements, gs ve Frameless var. LESS'in yazılım desteği, Sass'ten daha fazla parçalara ayrılır ve sonuçta aynı şekilde işlev görmeyebilecek uzantılar için birçok farklı seçenek ortaya çıkarır. Projeniz için, Compass'a benzer bir performans elde etmek için listelenen uzantıların tümüne ihtiyacınız olabilir.
04 LESS Sass'ten Daha İyi Hata Mesajlarına Sahip
Hem Sass hem de LESS, sözdizimindeki hataları bildirme yetenekleri açısından test edilmiştir. LESS, testlerde hataların doğru yerini bildirdiğinden daha doğru hata mesajlarına sahiptir.
Böyle bir şey yazım hatası yüzünden biraz zaman harcayabilir.
05 LESS, Sass'den Daha Fazla Kullanıcı Dostu Belgelere Sahip
LESS belgeleri ilk kez kullanıcılar için görsel olarak çekici ve daha kolay takip edilir. Sass belgelerinin daha fazla bilgi tabanı veya wiki kurulumu vardır.
Bu, web sitesi tasarımında kullanılmak üzere tasarlanmış bir platform olduğu için Sass veya LESS'in benimseme oranları için önemli olabilecek bir gerçektir.