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

Tailwind CSS Framework

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 askorik. 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 lan egiten baduzu edo edukiak kudeatzeko sistema konfiguratzen 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 menpekoa da, eta nahiko kargagarria da.
  • Bulma - Garatzaileentzako egokia den eta Javascript-ekiko menpekotasunik ez duen esparru garbia.
  • Fundazioa - CSS esparru generiko eta erabilerrazagoa, erraz pertsonalizatzeko moduko osagai ugari dituena. Gainera, badago Posta elektronikorako oinarria Mugimendu-interfazea animazioetarako.
  • UI Kit - HTML, JavaScript eta CSS konbinazioa zure frontend-a azkar eta erraz garatzeko.

Tailwind CSS Framework

Beste esparru batzuek erabiltzaileen interfaze elementu ezagunak egokitzen lan bikaina egiten duten bitartean, Tailwind-ek izeneko metodologia erabiltzen du CSS atomikoa. Laburbilduz, Tailwind-ek ingenio handiz antolatu zituen klase izenak hizkuntza naturala erabiliz, esaten dutena egiteko. Beraz, Tailwind-ek osagaien liburutegirik ez duen arren, CSS klaseen izenak erreferentziatzat hartuta interfaze indartsua eta sentikorra erraz eraikitzeko ahalmena 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 kodearako, 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.