София, ул. Алабин №58

Sass vs. LESS

За да откроим разликата между SASS (Syntactically Awesome Stylesheets) и LESS (Leaner CSS) първо е нужно да изясним какво е CSS препроцесор, защото и двете са езици за него.

 

CSS препроцесорът е сравнително иновативен метод, който служи в помощ на програмистите и е способен да забърза значително процеса за създаване на сайт.

Какви са ползите от препроцесорите?

  •    имат вложен синтаксис;
  •    възможност за дефиниране на променливи;
  •    възможност за дефиниране на миксини;
  •    математически функции;
  •    оперативни функции (като „осветяване“ и „потъмняване“);
  •    присъединяване към няколко файла.

 

В тази публикация ще се спрем на два от най-наложилите се CSS препроцесори SASS и LESS.

Ако имате намерение да бъдете в света на уеб програмирането, е добра идея да сте добре запознати с един от двата препроцесора – или и двата.

Що се отнася до тях, те са подобни. Те правят писането на CSS по-опростено, по-обектно-ориентирано и по-приятно. Въпреки това има няколко ключови разлики. Тук са изброени пет от тях.

 

Кой CSS препрограмен език да изберем?

Разбира се, отговорът на този въпрос зависи от редица предпочитания, пристрастия и дори емоции и няма как да бъде меродавен, но все пак ще Ви изложим черно на бяло кои са предимствата на едното пред другото.

 

Sass е базирана в Ruby и изисква инсталиране на Ruby. Това не е голяма работа, ако имате Mac. Въпреки това, инсталирането е по-дълго, ако имате компютър с Windows.

LESS е построен в Ruby като Sass, но е пренесен на JavaScript. За да използвате LESS, качвате подходящите JavaScript файлове на сървъра си или компилирате листовете CSS чрез офлайн компилатор.

 

SASS притежава два синтаксиса – Sassy CSS и the indentend syntax.

Sassy CSS е по-широкоизползваният език от двата и мнозина го предпочитат, поради простата причина, че той повече се доближава до този на CSS и CSS код може да бъде валиден за SCSS.

The indented syntax пък не използва символи като {} и ; за дефиниране на блокове и валидността се постига, благодарение на бялото пространство.

 

Освен това, трябва да използвате приложение като CodeKit, LiveReload или Mix, за да гледате и компилирате авторските си файлове. Трябва да знаете Ruby, Command Line или нещо друго.

Sass и LESS разполагат с разширения за интегриране на миксини (възможност за съхраняване и споделяне на декларации за CSS в даден сайт).

Sass разполага с Compass за mixins, който включва всяка опция, която се предлага с актуализации за бъдеща поддръжка.

LESS има Preboot.less, LESS Mixins, LESS Elements, gs и Frameless. Софтуерната поддръжка на LESS е по-непостоянна от Sass, което води до много различни опции за разширения, които не всички могат да функционират по същия начин.

При LESS смесените библиотеки изглеждат много по-добре от тези в миналото, но повечето хора смятат, че не са толкова стабилни, колкото версиите на Sass.

 

Що се отнася до логиката, LESS има способността да прави специални миксини (guarded maxins). Това са миксини, които се използват само когато определено условие е вярно. В случай, че искате да зададете цвят на фона, базиран на текущия цвят на текста в модул, ако цветът на текста е „доста светъл“, вероятно ще искате тъмен фон. Ако е „доста тъмно“, ще искате лек фон. Така че Вие имате само един миксин, който противоречи на друг, то се гарантира, че само един от тях ще влезе в сила.

 

Както Sass, така и LESS са тествани заради способността им да съобщават за грешки в синтаксиса. LESS има по-точни съобщения за грешка в тестовете, тъй като съобщава за правилното местоположение на грешката. Нещо, което би спестило доста време при печатна грешка.

 

Кой е по-подходящ за начинаещи?

Файловете за LESS са визуално по-привлекателни и по-лесни за използване от начинаещите потребители. В тези на Sass има много повече фундаменти, които трябва да бъдат покрити

 

Обучение по SASS или LESS? Имате го! Запишете се за безплатна консултация при нас, за да научите повече или се свържете с нас на телефон: +359 899 945 847


Да
Не

Регистрирайте се и започнете да учите!