Różnice między Sass i LESS Preprocessors

ТОП 5 преимуществ CSS препроцессоров (LESS, SASS / SCSS, Stylus). Какой препроцессор css лучше

Spisu treści:

Czym są Sass i MNIEJSZE?
01 Sass jest w Ruby While LESS Jest w Javascript
03 Sass ma kompas, podczas gdy mniej ma preboot
04 MNIEJ Ma lepsze komunikaty o błędach niż Sass
05 MNIEJ ma więcej przyjaznej dla użytkownika dokumentacji niż Sass

Coca-Cola czy Pepsi, Mac lub PC, Marvel czy DC? W każdej społeczności jest debata, która jest lepsza. Dla projektantów stron internetowych lub programistów ta debata to Sass lub Less.

Czym są Sass i MNIEJSZE?

Syntaktycznie niesamowite arkusze stylów (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, dzięki czemu przeglądarki mogą je czytać, co jest koniecznym krokiem, ponieważ nowoczesne przeglądarki nie mogą odczytywać plików typu.sass lub.less.

Jeśli planujesz być w świecie tworzenia stron internetowych, dobrym pomysłem jest być dobrze zorientowanym w jednym z dwóch preprocesorów - lub obu.

Kiedy do tego dochodzi, oba są podobne. Dzięki temu pisanie CSS jest prostsze, bardziej zorientowane obiektowo i przyjemniejsze. Niemniej jednak istnieje kilka kluczowych różnic.

01 Sass jest w Ruby While LESS Jest w Javascript

Zarówno Sass, jak i LESS używają wyspecjalizowanych znaków do przypisywania zmiennych. W ten sposób nie musisz wpisywać specyfikacji; możesz po prostu wpisać postać.

W Sassie 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ą @, więc może nieco utrudnić uczenie się.

03 Sass ma kompas, podczas gdy mniej ma preboot

Sass i LESS mają rozszerzenia umożliwiające integrację miksów (możliwość przechowywania i udostępniania deklaracji CSS w całej witrynie).

Sass ma Kompas dostępny dla miksów, który zawiera wszystkie dostępne opcje z aktualizacjami do przyszłej pomocy.

LESS ma Preboot.less, LESS Mixins, LESS Elements, gs i Frameless. Obsługa oprogramowania LESS jest bardziej fragmentaryczna niż Sass, co powoduje wiele różnych opcji rozszerzeń, które mogą nie działać w ten sam sposób. Dla twojego projektu możesz potrzebować wszystkich wymienionych rozszerzeń, aby uzyskać podobną wydajność jak Compass.

04 MNIEJ 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, ponieważ zgłosił poprawną lokalizację błędu.

Coś takiego może zaoszczędzić trochę czasu na pocenie się literówką.

05 MNIEJ ma więcej przyjaznej dla użytkownika dokumentacji niż Sass

Dokumentacja LESS jest atrakcyjna wizualnie i łatwiejsza do zastosowania dla początkujących użytkowników. Dokumentacja Sass ma znacznie więcej bazy wiedzy lub konfiguracji wiki.

Jest to fakt, który może być ważny dla wskaźników przyjęcia Sass lub LESS, ponieważ jest to platforma przeznaczona do wykorzystania w projektowaniu stron internetowych.