Sass i mniej preprocesorów

Coke lub Pepsi, Mac lub PC, Marvel lub DC? W każdej społeczności jest debata, o której jest lepsza. Dla projektantów stron internetowych lub programistów debata jest sass lub mniej.

Syntaktycznie niesamowite arkusze stylów (SASS) i szczuplejsze CSS (mniej) to oba preprocesory CSS. Są to specjalne przedłużenia arkusza stylów, które sprawiają, że projektowanie jest łatwiejsze i bardziej wydajne. Zarówno sass, jak i mniej kompilują w arkuszach stylów CSS, aby przeglądarki mogły je przeczytać. Jest to niezbędny krok, ponieważ współczesne przeglądarki nie mogą czytać .sass lub .mniej typów plików.

Jeśli planujesz być w świecie tworzenia stron internetowych, dobrze jest być dobrze zorientowanym w jednym z dwóch preprocesorów-jeśli nie oboje. Jeśli chodzi o to, mają wiele podobieństw. Utrzymują pisanie CSS prostsze, zorientowane na obiekty i przyjemniejsze. Niemniej jednak istnieje kilka kluczowych różnic.

01 z 05

Sass jest w Ruby, a mniej jest w JavaScript

Obrazy Shannon Fagan/Getty

SASS ma siedzibę w Ruby i wymaga instalacji rubinowej. To nic wielkiego, jeśli masz Mac. Jest to jednak dłuższa instalacja, jeśli masz komputer z systemem Windows.

Mniej zbudowano w Ruby, jak Sass, ale został przeniesiony do JavaScript. Aby użyć mniej, musisz przesłać odpowiednie pliki JavaScript do serwera lub skompilować arkusze CSS za pośrednictwem kompilatora offline.

02 z 05

Aby przypisać zmienne, Sass używa „$”, a mniej używa „@”

  Luis Alvarez/Getty Images

Zarówno sass, jak i mniej używają wyspecjalizowanych znaków do przypisywania zmiennych. Jest to część korzyści z korzystania z tych preprocesorów. Nie musisz wprowadzać specyfikacji za każdym razem, gdy chcesz przypisać zmienne. Zamiast tego możesz po prostu wpisać znak.

W SASS jest to znak dolarowy ($). W mniejszym stopniu jest to symbol „at” (@). Jedynym minusem dla mniej jest to, że istnieje kilka istniejących selektorów CSS, którzy już używają @. Ta komplikacja może nieco usztywnić krzywą uczenia się.

03 z 05

Sass ma kompas, a mniej ma preboot

  Obrazy Caiaimage/Gertty

SASS i mniej mają rozszerzenia do integracji miksów (możliwość przechowywania i udostępniania deklaracji CSS na całej stronie).

SASS używa kompasu dla miksin, który zawiera każdą opcję dostępną z aktualizacjami do przyszłego wsparcia.

Mniej ma pretoot.Mniej, mniej miksin, mniej elementów, GS i bezszrażu. Obsługa oprogramowania Less jest bardziej rozdrobniona niż SASS, co powoduje wiele różnych opcji rozszerzeń, które mogą nie działać w ten sam sposób. W swoim projekcie może być konieczne użycie wielu (lub wszystkich) wymienionych rozszerzeń w celu powtórzenia wydajności kompasu.

04 z 05

Mniej ma lepsze komunikaty o błędach niż sass

  Razvan Chisu/Getty Images

Zarówno SASS, jak i mniej zostały przetestowane pod kątem ich zdolności do zgłaszania błędów w składni. Mniej ma dokładniejsze komunikaty o błędach w testach-i zgłosiło prawidłową lokalizację błędu. Może się to przydać, gdy literówka wykoleje kod. Mniej wiadomości o błędach może pomóc szybko zidentyfikować problem.

05 z 05

Mniej ma bardziej przyjazną dokumentację niż sass

  Obrazy bohatera/obrazy Getty 

Im mniej dokumentacji jest atrakcyjna wizualnie i łatwiejsza do obserwowania dla użytkowników po raz pierwszy. Dokumentacja SASS wymaga o wiele więcej wiedzy podstawowej lub częstych odniesień z wiki podczas konfiguracji.

Ten fakt sam w sobie może mocno obciążać wskaźniki adopcji albo sass lub mniej.