Cola czy Pepsi, Mac czy PC, Marvel czy DC? W każdej społeczności toczy się debata na temat tego, co jest lepsze. Dla projektantów stron internetowych lub programiści, ta debata jest Sass lub LESS.
Syntactically Awesome Stylesheets (Sass) i Leaner CSS (LESS) są preprocesorami CSS. Są to specjalne rozszerzenia arkuszy stylów, które ułatwiają i usprawniają projektowanie. Zarówno Sass, jak i LESS kompilują się do arkuszy stylów CSS, aby przeglądarki mogły je odczytać. Jest to niezbędny krok, ponieważ nowoczesne przeglądarki nie mogą czytać typów plików .sass ani .less.
Jeśli planujesz być w świecie sieci rozwój, dobrym pomysłem jest dobra znajomość jednego z dwóch preprocesorów — jeśli nie obu. Jeśli chodzi o to, mają wiele podobieństw. Sprawiają, że pisanie CSS jest prostsze, bardziej obiektowe i przyjemniejsze. Niemniej jednak istnieje kilka kluczowych różnic.
Sass jest w Ruby, podczas gdy LESS jest w JavaScript
Sass jest oparty na Ruby i wymaga instalacji Ruby. To nic wielkiego, jeśli masz komputer Mac. Jest to jednak dłuższa instalacja, jeśli masz komputer z systemem Windows.
LESS został zbudowany w Ruby, podobnie jak Sass, ale został przeniesiony do JavaScript. Aby używać LESS, musisz przesłać odpowiednie pliki JavaScript na swój serwer lub skompilować arkusze CSS za pomocą kompilatora offline.
Aby przypisać zmienne, Sass używa „$”, podczas gdy LESS używa „@”
Zarówno Sass, jak i LESS używają wyspecjalizowanych znaków do przypisywania zmiennych. Jest to część korzyści płynących z używania tych preprocesorów. Nie musisz wprowadzać specyfikacji za każdym razem, gdy chcesz przypisać zmienne. Zamiast tego możesz po prostu wprowadzić znak.
W Sass jest to znak dolara ($). W LESS jest to symbol „at” (@). Jedynym minusem LESS jest to, że istnieje kilka istniejących selektorów CSS, które już używają @. Ta komplikacja może nieco usztywnić krzywą uczenia się.
Sass ma kompas, podczas gdy LESS ma Preboot
Sass i LESS mają dostępne rozszerzenia do integracji miksów (możliwość przechowywania i udostępniania deklaracji CSS w całej witrynie).
Sass używa Compass do miksów, które obejmują każdą dostępną opcję z aktualizacjami dla przyszłej obsługi.
LESS ma Preboot.less, LESS Mixins, LESS Elements, gs i Frameless. Obsługa oprogramowania LESS jest bardziej pofragmentowana niż Sass, co skutkuje wieloma różnymi opcjami rozszerzeń, z których nie wszystkie mogą działać w ten sam sposób. W Twoim projekcie może być konieczne użycie wielu (lub wszystkich) wymienionych rozszerzeń w celu odtworzenia wydajności programu Compass.
LESS ma lepsze komunikaty o błędach niż Sass
Zarówno Sass, jak i LESS zostały przetestowane pod kątem ich zdolności do zgłaszania błędów w składni. LESS ma dokładniejsze komunikaty o błędach w testach — zgłaszał poprawną lokalizację błędu. Może się to przydać, gdy literówka wykoleja kod. MNIEJ komunikatów o błędach może pomóc w szybkiej identyfikacji problemu.
LESS ma bardziej przyjazną dla użytkownika dokumentację niż Sass
Dokumentacja LESS jest wizualnie atrakcyjna i łatwiejsza do zrozumienia dla początkujących użytkowników. Dokumentacja Sass wymaga znacznie więcej podstawowej wiedzy lub częstych odsyłaczy z wiki podczas instalacji.
Ten fakt sam w sobie może mieć duży wpływ na wskaźniki adopcji Sass lub LESS.