Sass sy PRE PREprocessors

Ny mpikaroka web dia tokony ho zatra amin'ny iray na amin'ny alàlan'ny preprocessors

Coke na Pepsi, Mac na PC, Marvel na DC? Ao amin'ny vondrom-piarahamonina tsirairay, misy ny adihevitra izay tsaratsara kokoa. Ho an'ny mpamorona orinasa na mpamorona, ny adihevitra dia Sass or Less.

Inona no atao hoe sasatra sy madinika?

Syntactically Awyles Stylesheets (Sass) sy Leaner CSS (LESS) dia samy preprocessors CSS. Izy ireo dia extension extras izay manatsara kokoa sy mahomby kokoa. Ny Sass sy ny LESS samy manoratra ao amin'ny CSS stylesheets mba hahafahan'ny navigateur mamaky azy ireo, izay dingana ilaina satria satria tsy azon'ny mpamaky mora ny mamaky azy.

Raha toa ianao mikasa ny ho eo amin'ny sehatry ny fampiroboroboana amin'ny Internet, dia tsara ny manandrana tsara amin'ny iray amin'ireo mpialoha lalana roa-na ireo .

Rehefa mitranga izany dia samy mitovy. Manao fanoratana ny CSS ry zareo, mora kokoa amin'ny zava-kendrena, ary zavatra mahafinaritra kokoa. Na dia izany aza dia misy fahasamihafana vitsivitsy. Ny dimy amin'izy ireo dia voatanisa eto.

  • 01 Sass Ao amin'ny Ruby. MALAGASY dia amin'ny JavaScript

    Sass dia miorina ao Ruby, ary mitaky ny fametrahana Ruby. Tsy zavatra goavana izany raha manana Mac ianao. Na izany aza, efa misy fametrahana lava kokoa raha toa ka manana milina Windows ianao.

    LESONA dia natsangana tao Ruby toy ny Sass, saingy navela ho JavaScript. Mba hampiasana ny LESS, dia alefanao any amin'ny serveranao ny rakitra JavaScript azo ampiharina na manangona ny takelaka CSS amin'ny alàlan'ny compiler ivelan'ny aterineto.

  • 02 Hanomezanao alalana: Sass Uses $; LESS ITES @

    Samy mampiasa sari-tanana manokana ireo Sass sy LESS samy hafa mba hampizarazara ny fari-pahalalana. Amin'izany fomba izany dia tsy voatery miditra amin'ny filazalazana manokana ianao; Afaka miditra amin'ny toetra ianao.

    Ao amin'ny Sass, dia ny sonia dollar ($). Ao amin'ny LESS, izany dia ny marika (@). Ny hany tokana ambadiky ny LESS dia misy misy sidina CSS sasantsasany izay efa mampiasa @, ka mety hanamaivana ny sanda fianarana.

  • 03 Sass has Compass, TSY MALAGASY TSY MISY

    Sass sy LESS dia manana fisandrahakanana azo ampiasaina hampidirana mixins (fahafahana mitahiry sy mizara fanambarana CSS manerana ny tranokala iray).

    • Sass dia manana Compass ho an'ny mixins, izay ahitana ny safidy rehetra misy miaraka amin'ny fanavaozana ho fanohanana ho avy.

    • LESS manana Preboot. Na, LESS Mixins, LESS Elements, gs, ary Frameless. Ny fanohanan'ny rindrambaiko LESS dia saro-takarina kokoa noho i Sass, ka niteraka safidy maro hafa ho an'ny fanitarana izay mety tsy mitovy ny fomba rehetra. Ho an'ny tetikasanao, dia mety ilainao daholo ny fanitarana rehetra voatanisa mba hahazoana fampisehoana mitovy amin'ny Compass.

  • 04 MARINA dia manana hafatra diso kokoa noho ny sasy

    Samy nisedra ny Sass sy ny madinika noho ny fahaizan'izy ireo mitatitra fahadisoana amin'ny fampiharana. LESS dia manana hafatra diso kokoa amin'ny fitsapana amin'ny filazana ny toerana tokony hisy azy.

    Ny zavatra toy izany dia afaka mamonjy fotoana kely be loatra amin'ny hatsaranao amin'ny typo.

  • 05 LESS has no documentation favorable to user-friend than sass

    Ny antontan-taratasin'ny LESS dia manintona sy mora kokoa ny manaraka ireo mpampiasa voalohany. Ny antontan-kevitra momba ny Sass dia manana fahalalana fototra na wiki napetraka.

    Ity dia zava-dehibe izay mety ho manan-danja amin'ny fananganana tahan'ny Sass na LESS satria sehatra iray natao hampiasaina amin'ny sehatry ny tranokala.