Twórcy stron powinni znać jeden lub oba preprocesory
Coke lub Pepsi, Mac czy PC, Marvel lub DC? W każdej społeczności trwa debata, która jest lepsza. Dla projektantów stron internetowych lub programistów ta debata to Sass lub mniej.
Czym są Sass i MNIEJ?
Syntaktycznie niesamowite arkusze stylów (Sass) i Leaner CSS (LESS) to oba preprocesory CSS. Są to specjalne rozszerzenia arkuszy stylów, dzięki którym projektowanie jest łatwiejsze i bardziej wydajne. Zarówno Sass, jak i LESS kompilują się w arkusze stylów CSS, aby umożliwić przeglądarkom ich odczytanie, co jest koniecznym krokiem, ponieważ nowoczesne przeglądarki nie potrafią czytać plików typu .sass lub .less.
Jeśli planujesz pozostać w świecie tworzenia stron internetowych, dobrze jest być dobrze zorientowanym w jednym z dwóch preprocesorów - lub jednym i drugim .
Kiedy do tego dojdzie, oba są podobne. Sprawiają, że pisanie CSS staje się prostsze, bardziej obiektowe i przyjemniejsze. Niemniej jednak istnieje kilka kluczowych różnic. Pięć z nich jest wymienionych tutaj.
01 Sass jest w Ruby. LESS Jest w JavaScript
LESS został skonstruowany w języku Ruby jak Sass, ale został przeniesiony do JavaScript. Aby korzystać z LESS, należy przesłać odpowiednie pliki JavaScript do swojego serwera lub skompilować arkusze CSS za pomocą kompilatora offline.
02 Aby przypisać zmienne: Sass Używa $; MNIEJ Użycie @
Zarówno Sass, jak i LESS używają specjalnych znaków do przypisania zmiennych. W ten sposób nie musisz wprowadzać specyfikacji; możesz po prostu wpisać znak.
W Sassie jest to znak dolara ($). W LESS jest to symbol at (@). Jedyną wadą LESSa jest to, że istnieje kilka selektorów CSS, które już używają @, więc może trochę usztywnić krzywą uczenia się.
03 Sass Ma Kompas, LESS Ma Preboot
Sass i LESS mają dostępne rozszerzenia do integracji miksów (możliwość przechowywania i udostępniania deklaracji CSS w witrynie).
Sass ma Compass dostępny dla mixins, który zawiera każdą opcję dostępną z aktualizacjami dla przyszłej pomocy.
LESS ma Preboot.less, LESS Mixins, LESS Elements, gs i Frameless. Obsługa oprogramowania LESS jest bardziej pofragmentowana niż Sass, co daje wiele różnych opcji rozszerzeń, które mogą nie działać w taki sam sposób. W przypadku Twojego projektu możesz potrzebować wszystkich wymienionych rozszerzeń, aby uzyskać podobną wydajność do Compass.
04 MNIEJ ma lepsze komunikaty o błędach niż Sass
Zarówno Sass, jak i LESS zostały przetestowane pod kątem możliwości zgłaszania błędów w składni. LESS ma dokładniejsze komunikaty o błędach w testach, ponieważ zgłosiło poprawną lokalizację błędu.
Coś takiego może zaoszczędzić trochę czasu na poceniu się przez literówkę.
05 MNIEJ ma bardziej przyjazną dla użytkownika dokumentację niż Sass
Dokumentacja LESS jest atrakcyjna wizualnie i łatwiejsza do śledzenia dla początkujących użytkowników. Dokumentacja Sass ma znacznie więcej baz wiedzy lub konfiguracji wiki.
Jest to fakt, który może mieć znaczenie dla wskaźników przyjęcia Sass lub LESS, ponieważ jest to platforma zaprojektowana do użytku w projektowaniu stron internetowych.