Վեբ մշակողները պետք է ծանոթ լինեն մեկ կամ երկու պրոցեսորների
Coke կամ Pepsi, Mac կամ PC, Marvel կամ DC? Յուրաքանչյուր համայնքում կա բանավեճ, որն ավելի լավն է: Վեբ դիզայներների կամ մշակողների համար այդ բանավեճը Sass- ը կամ Less- ը:
Ինչ են սասը եւ սքանչելիը:
Syntactically Awesome Stylesheets (Sass) եւ Leaner CSS- ն (LESS) CSS նախապատրաստողներն են: Դրանք հատուկ ստեղնաշարի ընդարձակումներ են, որոնք դարձնում են ավելի հեշտ եւ արդյունավետ: Երկու Sass- ը եւ LESS- ը կազմվում են CSS ոճաթերթեր, որպեսզի բրաուզերները կարողանան կարդալ դրանք, ինչը անհրաժեշտ քայլ է, քանի որ ժամանակակից բրաուզերները չեն կարող ընթերցել:
Եթե դուք ծրագրում եք վեբ զարգացման աշխարհում լինել, լավ գաղափար է, որ լավ նախընտրելի է երկու նախապատրաստականներից մեկում, կամ երկուսն էլ :
Երբ խոսքը վերաբերում է դրան, երկուսն էլ նման են: Նրանք գրում են CSS- ի ավելի պարզ, ավելի օբյեկտային եւ ավելի հաճելի փորձ: Այնուամենայնիվ, կան մի քանի հիմնական տարբերություններ: Նրանցից հինգը թվարկված են այստեղ:
01 Սասը Ռուբիում է: ԱՆՎՃԱՐ է JavaScript- ում
LESS- ը Ռուբիում կառուցվել է Sass- ի նման, բայց այն տեղափոխվել է JavaScript: LESS- ի օգտագործման համար դուք ներբեռնվում եք համապատասխան JavaScript- ի ֆայլերը ձեր սերվերի վրա կամ կազմեք CSS թերթիկները անցանց կազմի միջոցով:
02 Տեղափոխել փոփոխականներ. Sass օգտագործում $; Անօգտագործումներ @
Երկու Sass- ը եւ LESS- ը օգտագործում են մասնագիտացված նիշերը `փոփոխականները հանձնելու համար: Այս կերպ դուք չեք պետք է մտնեք բնութագրերը: կարող եք պարզապես մուտքագրել բնույթը:
Սասսում դա դոլարի նշան է ($): LESS- ում դա խորհրդանշում է (@): LESS- ի միակ բացասական կողմն այն է, որ գոյություն ունեն CSS- ի մի քանի սելեկտորներ, որոնք արդեն օգտագործում են @, ուստի կարող է մի փոքր ավելի ամրապնդել ուսումնառության կորը:
03 Sass ունի Compass, LESS ունի նախապատմություն
Sass- ը եւ LESS- ը ունեն ընդարձակման հնարավորություններ, ինտեգրվելու միքսիններին (կայքում տեղադրելու եւ կիսելու CSS- ի հայտարարությունները):
Sass- ը ունի Compass- ը հասանելի է mixins- ի համար, որը ներառում է յուրաքանչյուր տարբերակ, որը հասանելի է հետագա աջակցման համար:
LESS- ը ունի Preboot.less, LESS Mixins, LESS Elements, gs եւ Frameless- ն: LESS- ի ծրագրային ապահովումը ավելի մասշտաբային է, քան Sass- ը, ինչը հանգեցնում է բազմաթիվ տարբերակների, որոնք ընդլայնում են, որոնք բոլորը չեն կարող նույն գործել: Ձեր նախագծի համար, հնարավոր է, անհրաժեշտ է բոլոր նշված ընդարձակման համար `Compass- ին նմանատիպ արդյունք ստանալու համար:
04 ԱՆՎՃԱՐ ՍԱՍՍ-ից ավելի լավ սխալներ կան
Երկու Sass- ը եւ LESS- ը փորձարկվել են սինթետիկ սխալի մասին հաղորդելու իրենց կարողության համար: ԱՆՑՆԵԼՈՒ է ավելի ճշգրիտ սխալների ուղերձներ թեստերում, որում հայտնաբերվել է սխալի ճիշտ տեղադրությունը:
Այսպիսի մի բան կարող է փրկել մի քիչ ժամանակի քրտնաջան աշխատանքի վրա:
05 ԱՆՎՃԱՐ Սասի համեմատ ավելի շատ բարեկամական փաստաթղթեր կան
ԱՆՎՃԱՐ փաստաթղթերը տեսողականորեն գրավիչ են եւ ավելի հեշտ է հետեւել առաջին անգամ օգտագործողների համար: Sass- ի փաստաթղթերը շատ ավելին են, քան գիտելիքի բազա կամ վիքի կարգավորում:
Սա մի փաստ է, որը կարող է կարեւոր լինել Sass- ի կամ LESS- ի որդեգրման տեմպերի համար, քանի որ այն պլատֆորմ է, որը նախատեսված է կայքի դիզայնի օգտագործման համար: