Tailwind CSS: Sesebelisoa sa Pele sa CSS le API ea Moralo o Potlakileng, o Ikarabellang
Ha ke ntse ke kenella ka hare ho theknoloji letsatsi le leng le le leng, ha ke fumane nako e ngata kamoo nka ratang ho arolelana likhokahanyo tse rarahaneng le boiketsetso tseo k'hamphani ea ka e li sebelisang ho bareki. Hape, ha ke na nako e ngata ea ho sibolla. Boholo ba mahlale ao ke ngolang ka ona ke lik'hamphani tse batlang Martech Zone ho li koahela, empa nako le nako - haholo-holo ka Twitter - ke bona buzz ho pota theknoloji e ncha eo ke hlokang ho e arolelana.
Haeba o sebetsa ho meralo ea webo, nts'etsopele ea lisebelisoa tsa mehala, kapa o bile o theha sistimi ea taolo ea litaba, mohlomong o kile oa loana le ho ferekanngoa ke litaele tsa tlholisano ho li-stylesheet tse ngata. Le ha ho na le lisebelisoa tse makatsang tsa nts'etsopele tse hahiloeng ka har'a sebatli se seng le se seng, ho latela le ho hloekisa CSS ho ka hloka nako le matla a mangata haholo.
Meralo ea CSS
Lilemong tsa morao tjena, baqapi ba entse mosebetsi o makatsang oa ho lokolla likoleke tsa litaele tse seng li entsoe le tse loketseng ho sebelisoa. Li-CSS Stylesheets tsena li tsejoa hantle e le CSS Frameworks, li leka ho amohela mefuta eohle e fapaneng le bokhoni ba ho arabela e le hore bahlahisi ba ka bua feela ka sebopeho ho fapana le ho aha file ea CSS ho tloha qalong. Mekhoa e meng e tsebahalang ke ena:
- Bootstrap - moralo o fetohileng ho feta lilemo tse leshome, o qalileng ho hlahisoa ke Twitter. E fana ka likarolo tse ngata. E na le mathata a tlase, a hlokang SASS, a thata ho fetisoa, a ipapisitse le JQquery, 'me e ntle haholo ho e jara.
- fumana - moralo o hloekileng o khahlisang moqapi ebile ha o itšetlehe ka JavaScript.
- Foundation - moralo oa CSS o tloaelehileng hape o ka sebelisoang o nang le lithane tsa likarolo tse ikhethileng habonolo. Ntle le moo, ho na le Motheo oa Imeile 'me UI ea Motion bakeng sa litšoantšo.
- UIKit - motsoako oa HTML, JavaScript le CSS ho etsa hore li-front-end tsa hau li ntlafatsoe kapele le ha bonolo.
Moralo oa CSS oa Tailwind
Le ha meralo e meng e etsa mosebetsi o motle oa ho amohela likarolo tse tsebahalang tsa li-interface, Tailwind e sebelisa mokhoa o tsejoang e le Atomic CSS. Ka bokhutšoanyane, Tailwind ka bohlale o hlophisitse mabitso a sehlopha ka puo ea tlhaho ho etsa seo ba reng ba se etsa. Kahoo, ha Tailwind e sena laebrari ea likarolo, bokhoni ba ho aha sebopeho se matla, se arabelang ka ho supa mabitso a sehlopha sa CSS se setle, se potlakile ebile ha se bapisoe.
Mehlala e meng e metle haholo ke ena:
Li-grid tsa CSS
Litlhaku tsa CSS
CSS bakeng sa Tšehetso ea Mokhoa o Lefifi
Tailwind e boetse e na le fantastis katoloso e fumaneha bakeng sa VS Code e le hore u tsebe ho khetholla le ho kenya lihlopha habonolo ho tsoa ho mohlophisi oa khoutu ea Microsoft.
E bohlale le ho feta, Tailwind ka boeona e tlosa CSS eohle e sa sebelisoeng ha u ntse u ahela tlhahiso, ho bolelang hore mokotla oa hau oa hoqetela oa CSS ke o monyane ka ho fetisisa kamoo o ka bang. Ebile, merero e mengata ea Tailwind e romella tlase ho 10kB ea CSS ho moreki.