Tailwind CSS: A IwUlO-Akọkọ CSS Framework ati API fun Dekun, Apẹrẹ Idahun

Tailwind CSS Framework

Lakoko ti Mo jin sinu imọ -ẹrọ lojoojumọ, Emi ko gba akoko pupọ bi Emi yoo fẹ lati pin awọn iṣọpọ eka ati adaṣe ti ile -iṣẹ mi ṣe fun awọn alabara. Bakanna, Emi ko ni akoko wiwa pupọ. Pupọ ninu imọ -ẹrọ ti Mo kọ nipa jẹ awọn ile -iṣẹ ti n wa Martech Zone bo wọn, ṣugbọn ni gbogbo igba ni igba diẹ - ni pataki nipasẹ Twitter - Mo rii diẹ ninu ariwo ni ayika imọ -ẹrọ tuntun ti Mo nilo lati pin.

Ti o ba ṣiṣẹ ni apẹrẹ wẹẹbu, idagbasoke ohun elo alagbeka, tabi paapaa kan ṣeto eto iṣakoso akoonu kan, o ti ṣee ṣe jijakadi pẹlu awọn ibanujẹ ti awọn aza idije kọja ọpọlọpọ awọn iwe aṣa. Paapaa pẹlu awọn irinṣẹ idagbasoke iyalẹnu ti a ṣe laarin ẹrọ aṣawakiri kọọkan, titele isalẹ ati mimọ CSS le nilo akoko pupọ ati agbara pupọ.

Awọn ilana CSS

Ni awọn ọdun aipẹ, awọn apẹẹrẹ ti ṣe iṣẹ iyalẹnu ti o lẹwa ti dasile awọn ikojọpọ ti awọn aza ti o ti ṣetan ati ṣetan lati lo. Awọn Stylesheets CSS wọnyi ni a mọ dara julọ bi Awọn ilana CSS, n gbiyanju lati gba gbogbo awọn aza ti o yatọ ati awọn agbara idahun ki awọn olupilẹṣẹ le tọka ilana kan dipo ki o kọ faili CSS lati ibere. Diẹ ninu awọn ilana olokiki ni:

  • Bootstrap - ilana kan ti o ti dagbasoke ni ọdun mẹwa, akọkọ ti a ṣafihan nipasẹ Twitter. O nfun ainiye awọn ẹya. O ni awọn iṣipopada, to nilo SASS, nira lati tunṣe, ti o gbẹkẹle JQquery, ati pe o wuwo pupọ lati fifuye.
  • Wa -ilana ti o mọ ti o jẹ ọrẹ-idagbasoke ati pe ko ni igbẹkẹle lori JavaScript.
  • Ipilẹ - ilana jeneriki diẹ sii ati lilo CSS ti o ni awọn toonu ti awọn paati ti o jẹ asefara ni rọọrun. Ni afikun, nibẹ ni Ipilẹ fun Imeeli ati UI išipopada fun awọn ohun idanilaraya.
  • Ohun elo UI -apapọ ti HTML, JavaScript, ati CSS lati mu idagbasoke iwaju rẹ yarayara ati irọrun.

Tailwind CSS Framework

Lakoko ti awọn ilana miiran ṣe iṣẹ nla ti gbigba awọn eroja ni wiwo olumulo olokiki, Tailwind nlo ilana ti a mọ si Atomiki CSS. Ni kukuru, Tailwind ṣe agbekalẹ ọgbọn awọn orukọ kilasi lilo ede abinibi lati ṣe ohun ti wọn sọ pe wọn nṣe. Nitorinaa, lakoko ti Tailwind ko ni ile -ikawe ti awọn paati, agbara lati ni rọọrun kọ alagbara kan, ni wiwo idahun kan nipa titọka awọn orukọ kilasi CSS jẹ ẹwa, yara, ati ailopin.

Eyi ni diẹ ninu awọn apẹẹrẹ nla gaan:

Awọn akopọ CSS

css iwe bẹrẹ grids ọwọn

Awọn Gradients CSS

css gradients

CSS fun Atilẹyin Ipo Dudu

css ipo dudu

Tailwind tun ni ikọja kan itẹsiwaju wa fun Koodu VS ki o le ni rọọrun ṣe idanimọ ati fi awọn kilasi sii lati olootu koodu Microsoft.

Paapaa ọgbọn diẹ sii, Tailwind yọkuro laifọwọyi gbogbo CSS ti ko lo nigbati o ba kọ fun iṣelọpọ, eyiti o tumọ pe lapapo CSS ikẹhin rẹ jẹ eyiti o kere julọ ti o le jẹ. Ni otitọ, pupọ julọ awọn iṣẹ Tailwind ọkọ oju omi kere ju 10kB ti CSS si alabara.

Kini o le ro?

Aaye yii nlo Akismet lati dinku apamọ. Mọ bi a ṣe n ṣalaye data rẹ ti o ṣawari.