Sass жана АЗЫРААК Preprocessors

Желе иштеп чыгуучулар бир же эки preprocessors менен тааныш болушу керек

Кокс же Pepsi, Mac же PC, Marvel же DC? Ар бир коомчулукта, жакшы бир талаш жок. желе дизайнерлердин же иштеп чыгуучулар үчүн, ошол талаш-Sass же анча эмес.

Эмне Sass жана аз?

Синтаксистик Awesome Стилдерди (Sass) жана .Абдылда CSS (аз) эки CSS preprocessors болуп саналат. Алар жөнөкөй жана натыйжалуу иштеп чыгарууга өзгөчө стилдер бутактары. браузерлердин заманбап серепчилер .sass же тушукканы билэ түрлөрүн окуп мүмкүн эмес, анткени зарыл кадам болуп саналат, аларды окуй алышат деп да Sass жана АЗЫРААК CSS Стилдерди салып түзөт.

Сиз интернет өнүктүрүү дүйнөдө болуу боюнча иш-чаралардын планы болсо, анда ал эки preprocessors же экөө тең бири жакшы билген үчүн жакшы болот.

ал түшүп келгенде, экөө тең окшош. Алар CSS жөнөкөй, объектиге-багытталган жазып, бир жана жагымдуу окуя. Ошентсе да, бир нече негизги айырмачылыктар бар. Алардын бешөө, бул жерде келтирилген.

  • 01 Sass Ruby болуп саналат. АЗЫРААК JavaScript барбы

    Sass Ruby-жылы негизделген, жана Ruby орнотуу талап кылынат. Макинтошто бар болсо, бул эч кандай чоң келишим болуп саналат. Бирок, сиз Windows машина бар болсо, анда мындан ары орнотуу болуп саналат.

    АЗЫРААК Sass сыяктуу Ruby-жылы курулган, бирок JavaScript үчүн болчубуз келет. АЗЫРААК колдонуу үчүн, сиз жүрүш колдонулуучу JavaScript наада же сырткары Түзүүчүнүн аркылуу CSS барактарды түзөт.

  • 02 Өзгөрмөлөр дайындоо үчүн: Sass $ колдонот; АЗЫРААК Uses @

    Both Sass жана азыраак адистешкен каармандар Өзгөрмөлөрдү жүктөлсүн. Бул жолу тактоолорду киргизүү үчүн жок; жөн гана мүнөзгө кире албайт.

    Жылы Sass, бул доллар белгиси ($) турат. Аз, бул белгиси боюнча (@) болот. Аз гана жагы эле @ колдонуп бир нече иштеп жаткан CSS селекторлор бар экенин, ошондуктан, аны үйрөнүү сызык бир аз моюн мүмкүн.

  • 03 Sass Компас, АЗЫРААК Preboot бар

    Sass жана АЗЫРААК улай Миксиндер (сайтка боюнча CSS жарыялап сактоо жана бөлүшүү жөндөмү) бириктирүү бар.

    • Sass келечектеги колдоо үчүн өзгөртүүлөр менен колдо бар бардык параметрди камтыйт Компас Миксиндер үчүн жеткиликтүү болот.

    • АЗЫРААК Preboot.less, АЗЫРААК Миксиндер, АЗЫРААК элементтерин, GS жана чи бар. Аз программалык колдоо Sass караганда бытыранды болуп, көп алып келген ошол эле жол менен иштебей калышы мүмкүн узартууга ар кандай жолдор менен. Сиздин долбоор үчүн, компас сыяктуу аткаруу үчүн көрсөтүлгөн бутактары бардык зарыл болушу мүмкүн.

  • 04 АЗЫРААК Sass артык Error билдирүүлөрү бар

    Sass жана АЗЫРААК да синтаксисинде ката билдирүү менен, алардын жөндөмү текшерилет берилди. АЗЫРААК ката туура жайгашкан билдирди ошол сыноолорго дагы так ката билдирүүлөрдү жазыла элек.

    ушул сыяктуу бир нерсе атыны үстүнөн тердөө, учурда бир аз сактап калат.

  • 05 АЗЫРААК Sass көбүрөөк маалымат-Достук жана документтер

    АЗЫРААК документтер биринчи жолу колдонуучулар үчүн артынан көзгө жагымдуу өбөлгө болуп саналат. Sass документтер маалымат базасы же уики орнотуу менен көп элек.

    Бул сайт дизайны пайдалануу үчүн арналган аянт болуп саналат, анткени Sass же андан аз же кабыл алуу курсу үчүн маанилүү боло турган бир чындык.