Sass ndi LESS Preprocessors

Otsatsa Webusaiti ayenera kudziwa ndi mmodzi kapena onse otsogolera

Coke kapena Pepsi, Mac kapena PC, Marvel kapena DC? M'madera onse, pali mtsutso pa zomwe ziri bwino. Kwa okonza makasitomala kapena omanga, mtsutso umenewo ndi Sass kapena Pang'ono.

Kodi Sass ndi LESS?

Zithunzi Zochititsa Kaso Zokongola (Sass) ndi Leaner CSS (LESS) onsewa ndi a CSS preprocessors. Ndizowonjezereka zapamwamba zomwe zimapanga zosavuta komanso zosavuta. Onse Sass ndi LESS akuphatikizira muzithunzithunzi za CSS kotero kuti asakatuli awerenge, chomwe ndi sitepe yofunikira chifukwa osatsegula masiku ano sangathe kuwerenga .sass kapena .less files.

Ngati mukukonzekera kukhala mudziko la chitukuko cha intaneti, ndi lingaliro labwino kuti mudziwe bwino mwa mmodzi wa otsogolera awiriwa kapena onse awiri .

Pamene izo zifika pansi pa izo, zonsezo ziri zofanana. Amapanga zolembera CSS zosavuta, zowonjezera, ndi zina zosangalatsa. Komabe, pali kusiyana kwakukulu kochepa. Zisanu mwazolembedwa apa.

  • 01 Sass Amakhala ku Ruby. YAM'MBUYO YOTSATIRA

    Sass yakhazikitsidwa ku Ruby, ndipo imafuna kuikidwa kwa Ruby. Izi sizinthu zazikulu ngati muli ndi Mac. Komabe, ndizowonjezereka kwambiri ngati muli ndi makina a Windows.

    BESI inamangidwa ku Ruby monga Sass, koma yatumizidwa ku JavaScript. Kuti mugwiritse ntchito LESS, mumatsitsa mafayilo a JavaScript pa seva yanu kapena musonkhanitse mapepala a CSS pogwiritsa ntchito makina osakaniza.

  • 02 Kupatsa Zosiyanasiyana: Sass Uses $; MAFUNSO OTHANDIZA @

    Onse awiri Sass ndi LESS amagwiritsa ntchito malemba omwe apadera kuti apange zosiyana. Mwanjira imeneyi simukuyenera kulowera kulowa maumboni; mungathe kulowetsa khalidwelo.

    Ku Sass, ndi chizindikiro cha dola ($). Mu LESS, ndi chizindikiro (@). Chotsalira chokha cha LESS ndi chakuti pali ochepa omwe amasankha CSS omwe amagwiritsabe ntchito @, kotero kuti akhoza kuumitsa phokoso laphunziro pang'ono.

  • 03 Sass Has Compass, KUSAMBIRA KWAMBIRI KWAMBIRI

    Sass ndi LESS muli zowonjezera zowonjezera kuti ziphatikize mixins (kuthekera kusunga ndi kugawa zizindikiro za CSS pa webusaiti yonse).

    • Sass ali ndi Compass kupezeka kwa zosakaniza, zomwe zikuphatikizapo njira iliyonse yomwe ilipo ndi zosintha zothandizira mtsogolo.

    • Chofunika chiri ndi Preboot.less, LESS Mixins, LESS Elements, gs, ndi Frameless. Mapulogalamu a Pulogalamu apamwamba ndi osiyana kwambiri kuposa Sass, omwe amachititsa zinthu zambiri zosiyana zowonjezera zomwe sizingagwire ntchito mofananamo. Pogwiritsa ntchito polojekiti yanu, mungafunike zolemba zonse kuti mupeze ntchito yofanana ndi Compass.

  • 04 MFUNDO YABWINO Ikhala Yabwino Kuposa Mauthenga Oposa Sass

    Onse awiri ndi SASS ayesedwa kuti athe kuyankha zolakwika m'ma syntax. MAYESI ali ndi mauthenga olakwika kwambiri mu mayeserowo kuti amasonyeza malo oyenera a zolakwikazo.

    Chinachake chonga ichi chingapulumutse nthawi yambiri thukuta pa typo.

  • 05 KUSI NDI WOTENGA WOTSATIRA ZOKUTHANDIZA ZOKHUDZANA NDI SASS

    Zolembedwa zonsezi ndizowoneka zosavuta komanso zosavuta kutsata kwa ogwiritsa ntchito nthawi yoyamba. Magazini a Sass ali ndi maziko odziwa zambiri kapena otsogolera ma wiki.

    Izi ndizofunika kwambiri kuti pakhale chiwerengero chokhazikitsidwa ndi Sass kapena LESS popeza ndi nsanja yolongedwera kugwiritsidwa ntchito pa webusaitiyi.