Tailwind CSS: A Utility-First CSS Framework and API for Rapid, Responsive Design

Tailwind CSS ramma

Þó að ég sé djúpt í tækni daglega, þá fæ ég ekki eins mikinn tíma og ég myndi deila flóknum samþættingum og sjálfvirkni sem fyrirtækið mitt innleiðir fyrir viðskiptavini. Eins hef ég ekki mikinn uppgötvunartíma. Flest tæknin sem ég skrifa um eru fyrirtæki sem leita til Martech Zone nær yfir þau, en öðru hvoru - sérstaklega í gegnum Twitter - sé ég sums staðar suð í kringum nýja tækni sem ég þarf að deila.

Ef þú vinnur við vefhönnun, farsímaforritþróun eða jafnvel bara að setja upp innihaldsstjórnunarkerfi, þá hefur þú sennilega glímt við gremju samkeppnisstíla í mörgum stílblöðum. Jafnvel með ótrúlegu þróunarverkfærunum sem eru innbyggð í hverjum vafra getur það þurft allt of mikinn tíma og orku að elta upp og hreinsa CSS.

CSS ramma

Á undanförnum árum hafa hönnuðir unnið nokkuð magnað starf við að gefa út safn af stílum sem eru tilbúnir og tilbúnir til notkunar. Þessi CSS stílblöð eru betur þekkt sem CSS Frameworks og reyna að koma til móts við alla mismunandi stíl og móttækilega getu þannig að verktaki getur bara vísað til ramma frekar en að byggja CSS skrá frá grunni. Sumir vinsælir rammar eru:

  • Ræsi - ramma sem hefur þróast á áratug, fyrst kynnt af Twitter. Það býður upp á ótal eiginleika. Það hefur ókosti, krefst SASS, erfitt að yfirskrifa, háð JQquery, og það er frekar þungt að hlaða.
  • finna -hreinn ramma sem er þróunarvæn og er ekki háð JavaScript.
  • Foundation - almennari og nothæfari CSS ramma sem hefur tonn af íhlutum sem auðvelt er að aðlaga. Að auki, það er Grunnur fyrir tölvupóst og Hreyfimyndavél fyrir hreyfimyndir.
  • UI Kit -sambland af HTML, JavaScript og CSS til að fá framendann þinn þróaðan fljótt og auðveldlega.

Tailwind CSS ramma

Þó að aðrir rammar geri frábært starf við að taka á móti vinsælum notendaviðmóti, notar Tailwind aðferðafræði sem kallast Atomic CSS. Í stuttu máli, Tailwind skipulagði snjallt bekkjanöfnin með því að nota náttúrulegt tungumál til að gera það sem þeir segjast gera. Svo, þó að Tailwind sé ekki með safn af íhlutum, þá er hæfileikinn til auðveldlega að byggja upp öflugt, móttækilegt viðmót bara með því að vísa í CSS flokkanöfn er glæsileg, hröð og óviðjafnanleg.

Hér eru nokkur frábær dæmi:

CSS rist

css dálkur byrjun rist dálka

CSS Gradients

css stigun

CSS fyrir Dark Mode stuðning

css dökk ham

Tailwind hefur líka frábært framlenging í boði fyrir VS kóða þannig að þú getur auðveldlega greint og sett inn flokka úr kóða ritstjóra Microsoft.

Jafnvel sniðugra, Tailwind fjarlægir sjálfkrafa allt ónotað CSS þegar það er smíðað til framleiðslu, sem þýðir að síðasta CSS búnturinn þinn er sá minnsti sem hann gæti mögulega verið. Í raun senda flest Tailwind verkefni minna en 10kB af CSS til viðskiptavinarins.

Hvað finnst þér?

Þessi síða notar Akismet til að draga úr ruslpósti. Lærðu hvernig ummæli þín eru unnin.