Tailwind CSS: Erabilgarritasuna duen lehen CSS esparrua eta diseinu azkarra eta sentikorrarentzako APIa

Tailwind CSS markoa

Egunero teknologian sakon nagoen bitartean, ez dut nire enpresak bezeroentzako ezartzen dituen integrazio eta automatizazio konplexuak partekatu nahiko nituzkeen bezainbeste denbora lortzen. Gainera, ez dut aurkikuntza denbora asko. Idazten dudan teknologia gehiena bilatzen duten enpresak dira Martech Zone horiek estaltzen ditu, baina tarteka - batez ere Twitter bidez - partekatu behar dudan teknologia berri baten inguruan zalaparta batzuk ikusten ditut.

Web diseinuan, mugikorretarako aplikazioen garapenean edo edukiak kudeatzeko sistema konfiguratzen lan egiten baduzu, ziurrenik estilo orrialde anitzetan lehian dauden estiloen frustrazioekin borrokatu zara. Nabigatzaile bakoitzaren barruan sortutako garapen tresna harrigarriekin ere, CSS jarraipena egiteak eta garbiketak denbora eta energia gehiegi eska dezake.

CSS markoak

Azken urteotan, diseinatzaileek nahiko lan harrigarria egin dute prestatutako eta erabiltzeko prest dauden estilo bildumak kaleratzen. CSS estilo-orri hauek CSS Frameworks izenarekin ezagutzen dira, estilo eta erantzuteko gaitasun guztiak egokitzen saiatuz, garatzaileek CSS fitxategia hutsetik eraiki beharrean esparrua erreferentzia dezaten. Esparru ezagun batzuk hauek dira:

  • Bootstrap - Hamarkada batean zehar garatutako esparrua, Twitterrek lehen aldiz aurkeztu zuena. Ezaugarri ugari eskaintzen ditu. Alde txarrak ditu, SASS behar da, gehiegizkoa da, JQquery-ren menpe dago, eta kargatzeko nahiko larria da.
  • Bulma - Garatzaileentzako egokia den eta Javascript-ekiko menpekotasunik gabeko esparru garbia.
  • Fundazioa - CSS esparru generiko eta erabilerrazagoa, erraz pertsonaliza daitezkeen osagai ugari dituena. Gainera, badago Posta elektronikorako oinarria Mugimendu-interfazea animazioetarako.
  • UIKit - HTML, JavaScript eta CSS konbinazioa zure frontend-a azkar eta erraz garatzeko.

Tailwind CSS markoa

Beste esparru batzuek erabiltzaileen interfaze elementu ezagunak egokitzen lan bikaina egiten duten bitartean, Tailwind-ek izeneko metodologia erabiltzen du CSS atomikoa. Laburbilduz, Tailwind-ek ingenioz antolatu zituen klase izenak hizkuntza naturala erabiliz, esaten dutena egiteko. Beraz, Tailwind-ek osagaien liburutegirik ez duen arren, interfaze indartsua eta sentikorra erraz eraikitzeko gaitasuna CSS klaseen izenak erreferentziatzat hartuta dotorea, azkarra eta paregabea da.

Hona hemen adibide bikainak:

CSS sareak

css zutabea hasierako saretak zutabeak

CSS Gradienteak

css gradienteak

CSS Dark Mode euskarrirako

css modu iluna

Tailwind-ek ere zoragarria du luzapena eskuragarri VS Kodearentzat, Microsoft-en kode editoretik klaseak erraz identifikatu eta txertatu ahal izateko.

Oraindik asmatuagoa denez, Tailwind-ek automatikoki ezabatzen ditu erabiltzen ez diren CSS guztiak ekoizpenerako eraikitzerakoan, hau da, zure azken CSS sorta izan daitekeen txikiena da. Izan ere, Tailwind proiektu gehienek 10kB CSS baino gutxiago bidaltzen dizkiote bezeroari.

Zer deritzozu?

Gune honek Akismet-ek spam erabiltzen du. Ikasi zure iruzkina nola prozesatu den.