Tailwind CSS: O le Utility-First CSS Framework ma le API mo le Vavave, Tali Fuafua

Faʻafesoʻotaʻi le CSS Framework

A o ou loloto loloto i tekonolosi i aso uma, ou te le mauaina se tele taimi ou te manaʻo ai e faʻasoa atu le lavelave tuʻufaʻatasia ma otometi o laʻu kamupani faʻaaoga mo tagata faʻatau. Ma le isi, e leai sau tele taimi mauaina. Ole tele o tekonolosi ou te tusia e uiga ia kamupani e suʻe Martech Zone ufiufi ia latou, ae o taimi taʻitasi - aemaise lava ala ile Twitter - ou te vaʻaia ai se leo i se tekonolosi fou e manaʻomia ona ou faʻasoa atu.

Afai e te galue i le 'upega tafaʻilagi tisaini, feaveaʻi polokalama atinaʻe, pe e naʻo le setiina o mea e faʻatonutonu ai le faiga, atonu na e tauivi ma le le fiafia o tauvaga sitaili i le tele o sitaili. E oʻo lava i mea ofoofogia e atiaʻe ai mea faigaluega e fausia i totonu o browser taʻitasi, o le suʻesuʻeina ma le faʻamamaina o le CSS e ono manaʻomia tele ai le taimi ma le malosi.

CSS Frameworks

I tausaga talu ai nei, na faia ai e le au mamanu se galuega taua tele o le faʻasaʻolotoina o aoina o sitaili ua uma ona sauniuni ma sauni e faʻaaoga. O nei CSS Stylesheets e sili ona taʻutaʻua o CSS Frameworks, o loʻo taumafai e faʻafetaui uma sitaili eseese ma agavaʻa tali atu ina ia mafai e tagata faʻataʻitaʻi ona faʻasino se faʻavae nai lo le fausiaina o se faila CSS mai maosiosi. O nisi lauiloa faʻavae o:

  • Bootstrap - o se auivi na tupu i luga o le sefulu tausaga, muamua faʻalauiloa mai e Twitter. E ofoina atu le mafaitaulia foliga. E i ai itu faʻaletonu, manaʻomia le SASS, faigata ona faʻapipiʻiina, faʻalagolago i le JQquery, ma e matua mamafa tele i uta.
  • maua - o se faʻavae mama o le atinaʻe-faʻauo ma e leai se faʻamoemoeina i luga o le JavaScript.
  • faavae - o se sili atu lautele ma faʻaaogaina CSS faʻavae e i ai tone o vaega e faigofie ona fetuʻunaʻi. E le gata i lea, o loʻo iai Faʻavae mo imeli ma Motion UI mo animations.
  • UI Pusa - o se tuʻufaʻatasia o le HTML, JavaScript, ma le CSS e faʻatupuina ai lou muamua-iuga vave ma faigofie.

Faʻafesoʻotaʻi le CSS Framework

E ui o isi auivi e faia se galuega tele o le taliaina o le faʻaaogaina e tagata lautele elemeni elemeni, o le Tailwind o loʻo faʻaaogaina se metotia lauiloa o le Atomic CSS. I se faapuupuuga, fetuʻunaʻi atamai Tailwind igoa vasega faʻaaogaina gagana masani e faia mea latou te fai mai ai latou faia. Ma, e ui e leai se faletusi o vaega a le Tailwind, o le agavaʻa e faigofie ai ona fausia se mamana, faʻafesoʻotaʻi fesoʻotaʻiga na o le faʻasino i igoa o vasega CSS e aulelei, vave, ma le mafaatusalia.

Nei o ni sili lelei tele faʻataʻitaʻiga:

Grid CSS

css koluma amata grids koluma

Fuafua CSS

css gradients

CSS mo Lagolago Faiga Pogisa

css auala pogisa

Tailwind e i ai foi se sili ona lelei faʻaopoopoga avanoa mo VS Code ina ia mafai ona faigofie ona e faʻailoa ma faʻaofi vasega mai le Microsoft code code.

E sili atu le poto, Tailwind otometi ona aveʻese CSS le faʻaaogaina pe a fausia mo le gaosiga, o lona uiga o lau mulimuli CSS fusi o le laʻititi e ono ono avea ai. O le mea moni, o le tele o Tailwind poloketi vaʻa lalo ifo i le 10kB o CSS i le tagata o tausia.

O le'a sou manatu?

O lenei 'upega tafaʻilagi e faʻaaogaina le Akismet e faʻaitiitia le spam. Aoao pe faapefea ona faʻasoa lau faʻamatalaga faʻamatalaga.