Tailwind CSS: Mfumo wa Huduma na Kwanza wa CSS na API ya Ubunifu wa Haraka, Msikivu

Mfumo wa Tailwind CSS

Wakati niko ndani ya teknolojia kila siku, sipati wakati mwingi kama ningependa kushiriki ujumuishaji tata na kiotomatiki ambacho kampuni yangu hutumia kwa wateja. Vile vile, sina wakati mwingi wa ugunduzi. Teknolojia nyingi ninazoandika juu ni kampuni zinazotafuta Martech Zone kuwafunika, lakini kila baada ya muda - haswa kupitia Twitter - naona buzz karibu na teknolojia mpya ambayo ninahitaji kushiriki.

Ikiwa unafanya kazi katika muundo wa wavuti, maendeleo ya programu ya rununu, au hata tu weka mfumo wa usimamizi wa yaliyomo, labda umepambana na kufadhaika kwa mitindo inayoshindana kwenye laha nyingi. Hata na zana za kushangaza za maendeleo zilizojengwa ndani ya kila kivinjari, kufuatilia na kusafisha CSS kunaweza kuhitaji muda mwingi na nguvu.

Mfumo wa CSS

Katika miaka ya hivi karibuni, wabuni wamefanya kazi nzuri sana ya kutolewa kwa mikusanyiko ya mitindo ambayo imetengenezwa tayari na iko tayari kutumika. Hizi Staili za CSS zinajulikana zaidi kama Mfumo wa CSS, kujaribu kuweka mitindo tofauti na uwezo wa kujibu ili watengenezaji waweze kurejelea mfumo badala ya kujenga faili ya CSS kutoka mwanzo. Mifumo mingine maarufu ni:

  • Bootstrap - mfumo ambao umebadilika zaidi ya muongo mmoja, ulioletwa kwanza na Twitter. Inatoa huduma nyingi. Inayo kushuka chini, inayohitaji SASS, ngumu kuzidiwa, inategemea JQquery, na ni nzuri kupakia.
  • kupata - mfumo safi ambao ni rafiki wa waendelezaji na hauna tegemezi kwa JavaScript.
  • Foundation - mfumo wa kawaida zaidi na unaoweza kutumika wa CSS ambao una tani za vifaa ambavyo vinaweza kubadilika kwa urahisi. Kwa kuongeza, kuna Msingi wa Barua pepe na UI ya Motion kwa michoro.
  • Kitanda cha UI - mchanganyiko wa HTML, JavaScript, na CSS ili kupata mwisho wako wa mbele ukuzwe haraka na kwa urahisi.

Mfumo wa Tailwind CSS

Wakati mifumo mingine hufanya kazi nzuri ya kukidhi vitu maarufu vya kiolesura cha mtumiaji, Tailwind hutumia mbinu inayojulikana kama CSS ya Atomiki. Kwa kifupi, Tailwind kwa ujanja alipanga majina ya darasa kwa kutumia lugha ya asili kufanya kile wanachosema wanafanya. Kwa hivyo, wakati Tailwind haina maktaba ya vifaa, uwezo wa kuunda kiolesura chenye nguvu na msikivu kwa kutaja tu majina ya darasa la CSS ni kifahari, haraka, na hailinganishwi.

Hapa kuna mifano mzuri sana:

Gridi za CSS

safu za css zinaanza safu za gridi

Gradients za CSS

gradients css

CSS kwa Msaada wa Njia Nyeusi

css mode nyeusi

Tailwind pia ina ajabu ugani unapatikana kwa Msimbo wa VS ili uweze kutambua kwa urahisi na kuingiza madarasa kutoka kwa mhariri wa msimbo wa Microsoft.

Ujanja zaidi, Tailwind huondoa kiotomatiki CSS yote ambayo haijatumiwa wakati wa kujenga utengenezaji, ambayo inamaanisha kifungu chako cha mwisho cha CSS ndicho kidogo zaidi. Kwa kweli, miradi mingi ya Tailwind husafirisha chini ya 10kB ya CSS kwa mteja.

Unafikiri?

Tovuti hii inatumia Akismet kupunguza spam. Jifunze jinsi maoni yako yanasindika.