Компютърна академия 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

11.06.2019

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

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

Кои са най-поплярните софтуери и професии в сферата на 3D моделирането и визуализацията?

В съвремения свят на дизайна и архитектурата, 3D моделирането и визуализацията се превръщат в ключови инструменти за създаване на впечатляващи визуални проекти. Обучението по 3D моделиране и визуализация отваря врати към безброй възможности за творческо изразяване и професионална реализация.

В съвремения свят на дизайна и архитектурата, 3D моделирането и визуализацията се превръщат в ключови инструменти за създаване на впечатляващи визуални проекти. Обучението по 3D моделиране и визуализация отваря врати към безброй възможности за творческо изразяване и професионална реализация. В тази статия ще разгледаме най-търсените технологии и софтуери в областта, както и какви възможности за професионална реализация биха могли да имат завършилите обучение по 3D моделиране и визуализаци. Сред най-търсените технологии и софтуери в мом�

ШАГ логотип

Учене чрез игра с помощта на Minecraft

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

Повечето деца обичат да прекарват време на компютъра, но какво точно правят на него? Най-честият отговор е: играят компютърни игри и общуват с приятели. Една от игрите, които най-вероятно сте виждали детето ви да играе е Minecraft. Тя му дава възможност да общува с връстниците си и да пресъздава свят от въображението си. Това звучи като добър начин за прекарване на свободното време, но според повечето хора не помага с разбирането на уроците в училище или избора на бъдеща кариера. Ние обаче вярваме, че Minecraft може да бъде използван за много различни н

ШАГ логотип

IT Step беше домакин на Microsoft събитие, в което се включиха 38 малчугани!

Събитието, Microsoft Imagine Cup Junior беше насочено към млади технологични ентусиасти и успя да вдъхнови много деца да използват технологиите за решаване на проблеми от реалния свят.

IT Step беше домакин на Microsoft събитие, в което се включиха 38 малчугани! Събитието, Microsoft Imagine Cup Junior беше насочено към млади технологични ентусиасти и успя да вдъхнови много деца да използват технологиите за решаване на проблеми от реалния свят. Нашият партньор и съорганизатор на събитието, Артем Черневски допринесе за постигането на тези забележителни резултати. Благодарение на него всички участници имаха достъп до нужните инструменти за разработване на техните групови проекти.  Сред участниците се отличиха двама студенти (Александър М

ШАГ логотип

5 Chat AI инструмента и за какво могат да ни бъдат полезни

5 Chat AI инструмента и за какво могат да ни бъдат полезни, вижте тук.

Изкуственият интелект навлиза в ежедневието на почти всеки един от нас, особено след популяризирането на ChatGPT. Хората му задават всевъзможни задачи, свързани с всичко от генериране на готварски рецепти до решаване на изпити за придобиване на образователна степен. За жалост, той невинаги успява да се оправдае очакванията ви. Поради тази причина в тази статия сме ви подготвили други 5 Chat AI инструмента и ще ви обясним как те могат да ви бъдат полезни. 1. Microsoft Bing В началото на февруари, Microsoft обяви новия си AI-подобрен Bing. Той e безплатен и има дост

ШАГ логотип

ВНИМАНИЕ!

Приемът за Летните ни компютърни програми вече стартира! Местата са ограничени.

Вижте още

Този сайт използва Cookies

Политика за поверителност