Sass және LESS Preprocessors

Веб-әзірлеушілер алдын-ала өңдеушілердің бірімен немесе екеуімен таныс болуы керек

Coke немесе Pepsi, Mac немесе PC, Marvel немесе DC? Әрбір қоғамдастықта жақсы пікірталас бар. Веб-дизайнерлер немесе әзірлеушілер үшін бұл пікірталас Sass немесе Less.

Sass және LESS дегеніміз не?

Синтетикалық тұрғыдан керемет стильдер кестесі (Sass) және Leaner CSS (LESS) CSS-де алдын ала өңдеушілер болып табылады. Олар қарапайым және тиімдірек жобалауға мүмкіндік беретін арнайы стиль кестелерінің кеңейтімдері. Sass және LESS сияқты CSS стиль кестелеріне браузерлер оларды оқуға мүмкіндік береді, бұл қажетті қадам болып табылады, себебі қазіргі заманғы браузерлер оқылмайды .sass немесе .less файл түрлері.

Егер веб-дизайн әлемінде болуды жоспарласаңыз, екі препроцессордың біреуінде немесе екеуінде де жақсы білу керек .

Оған жақындағанда, екеуі де ұқсас. Олар CSS-ті жазуды жеңілдетеді, объектілі-бағдарланған және одан да жағымды тәжірибе жасайды. Дегенмен, бірнеше негізгі айырмашылықтар бар. Олардың бесеуі осында келтірілген.

  • 01 Sass Ruby-де. LESS JavaScript-де

    Sass Ruby-те негізделген және Ruby-ді орнатуды талап етеді. Егер сізде Mac бар болса, бұл үлкен мәміле емес. Дегенмен, сізде Windows құрылғысы болса, бұл ұзағырақ орнату.

    LESS Ruby-де Sass сияқты жасалды, бірақ ол JavaScript-ге ауысты. LESS қызметін пайдалану үшін сіз қолданыстағы JavaScript файлдарын серверге жүктеп немесе дербес компилятор арқылы CSS парақтарын құрастырасыз.

  • 02 Айнымалыларды тағайындау: Sass $ пайдаланылады; ЖЕҢІЛДІКТЕР @

    Sass және LESS екеуі айнымалыларды тағайындау үшін арнайы таңбаларды пайдаланады. Осылайша сізге техникалық сипаттамаларды енгізу қажет емес; таңбаны енгізуге болады.

    Сассқа бұл доллар белгісі ($). LESS-де бұл символы (@). LESS-тің жалғыз төмендеуі - қазірдің өзінде қолданатын CSS-нің бірнеше селекторлары бар, сондықтан оқудың қисық сызығын біршама күшейтуі мүмкін.

  • 03 Sass Compass бар, LESS PRBOOTOT бар

    Sass және LESS миксаларды интеграциялау үшін қол жетімді кеңейтімдерге ие (сайтқа CSS декларацияларын сақтау және бөлісу мүмкіндігі).

    • Sass болашақта қолдау көрсететін жаңартулармен қамтамасыз етілетін әрбір нұсқаны қамтитын Миксиндерге арналған компасты қолданады.

    • LESS жоқ Preboot.less, LESS MIXINS, LESS Elements, gs және Frameless. LESS бағдарламасының қолдау қызметі Sass-ге қарағанда фрагменттелген, соның арқасында бәрі бірдей жұмыс істемеуі мүмкін кеңейтімдерге арналған көптеген нұсқалар пайда болады. Сіздің жобаңыз үшін Compass-қа ұқсас өнімділікті алу үшін сізде көрсетілген кеңейтімдердің бәріне қажет болуы мүмкін.

  • 04 САССАҢДІҢ БІЗДІҢ ЖАУАП БОЛСЫНДА

    Sass және LESS екеуі де синтаксисті қателер туралы хабарлау қабілетін тексерді. LESS қателердің дұрыс орналасуын көрсеткенде, сынақтарда дәлірек қате хабарламалары бар.

    Осындай нәрсе басып шығару үлгісі бойынша терлеуді біраз уақытты үнемдеуі мүмкін.

  • 05 LAST Сассқа қарағанда көп пайдаланушыға арналған құжаттама бар

    LESS құжаттары визуалды түрде тартымды және бірінші рет қолданушыларға ыңғайлы. Sass құжаттамасында білім базасы немесе вики теңшелімі бар.

    Бұл Sass немесе LESS асырап алудың маңыздылығына байланысты болуы мүмкін, себебі бұл веб-сайт дизайны үшін пайдалануға арналған алаң.