Компютърна академия IT STEP! Учим се от 1999 година. Висококачествено компютърно образование за възрастни и деца. Подготвяме програмисти, дизайнери и системни администратори, които не могат да бъдат заменени от изкуствен интелект. За тази цел, освен задълбочени знания, ние се научаваме да разбираме задачи, да мислим за готови проекти и да работим в екип.

Your browser is out of date!

You are using an outdated browser Internet Explorer. This version of the browser does not support many modern technologies, that's why many pages of the website are not displayed correctly, and may not work some of functions . We recommend viewing the website using the latest versions of the browsers Google Chrome, Safari, Mozilla Firefox, Opera, Microsoft Edge

ШАГ логотип

Sass vs. LESS

18.03.2021

1002 преглеждания

За да откроим разликата между 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



Автор::

author_about_redaction

It Step беше част от младежки обмен в Италия

През септември месец It Step беше част от Младежки обмен в Италия. Повече за преживяванията ни там, вижте тук.

През септември месец 2022 година IT Step имаше възможност да участва в младежки обмен в Италия! Там нашите студенти разполагаха с цяла седмица, по време на която се фокусира върху забавления и личностно развитие. Проектът бе реализиран от асоциацията InCoMolfetta и бе с основен фокус спорта и подтикна всички участници да преосмислят своето благосъстояние – физическо и ментално здраве. Нашите студенти имаха възможност да се насладят на много наброй вълнуващи преживявания, сред които гмуркане във водите на Адриатическо море, изследване на впечатляв

ШАГ логотип

Студенти на IT STEP посeтиха офиса на Stanga!

Студенти на IT Step посетиха офиса на Stanga1. Те имаха възможността да се запознаят с екипа на компанията и да получат ценни съвети за бъдещото им развитие.

В IT Step работим повече от 7 години със студенти в областта на IT сферата. Участваме активно в процеса на тяхното професионално и лично израстване. За това време съхранихме една основна идея, която може да бъде дефинирана най-вече като мисия на академията. "Да се стараем да предоставяме на нашите студенти повече възможности за реализация и досег с реална работна среда." В процеса на развитие на тази наша цел срещнахме съмишленици, в лицето на  Stanga1. Eдна от най-перспективните компании за софтуерни услуги и дигитална продукция. За да развием на

ШАГ логотип

Вълнуващо VR събитие в IT STEP academy!

Беше вълнуващ уикенд в IT Step! В неделя (11.12) малчуганите от Малка компютърна академия присъстваха на VR събитие! Всяко дете имаше възможността да се потопи в света на Minecraft, да се телепортира, да лети и да създава блокови структури.

Беше вълнуващ уикенд в IT Step! В неделя (11.12) малчуганите от Малка компютърна академия присъстваха на VR събитие! Всяко дете имаше възможността да се потопи в света на Minecraft, да се телепортира, да лети и да създава блокови структури. Подобен тип занимания стават все по-интересни за малките ни студенти и поради тази причина се опитаме да ги направим и по-редовни. Благодарим на нашите партньори от Awara IT, които осигуриха нужната техника и напътстваха студентите по време на това вълнуващо "пътуване"!  

ШАГ логотип

Студент на IT STEP academy демонстрира блестящи знания и креативни решения

Студент на IT STEP academy демонстрира блестящи знания и креативни решения по време на Националния есенен турнир по информационни технологии "Джон Атанасов".

Студент на IT STEP academy демонстрира блестящи знания и креативни решения по време на Националния есенен турнир по информационни технологии "Джон Атанасов". Заедно в екип, с още други млади надежди на ИТ сектора, представиха иновативен проект, който подпомага процеса при кандидатстване за европейско финансиране на малки бизнеси и училища. Модерното уеб приложение Gran Buddy използва AI функции, за да свърши 80% от работата по автоматично попълване на документи за кандидатстване по европейски проекти. С помощта на приложението на кандидата за безвъзм

ШАГ логотип