Tailwind CSS: Ji bo Sêwirana Bilez, Bersiv Çarçuvek û API-ya Kêrhatî-Yekem a CSS

Çarçoveya Tailwind CSS

Dema ku ez rojane di teknolojiyê de kûr dibim, bi qasî ku ez dixwazim întegrasyon û otomasyona tevlihev a ku pargîdaniya min ji bo xerîdar pêk tîne parve bikim. Di heman demê de, dema lêgerîna min zêde tune. Piraniya teknolojiya ku ez li ser dinivîsim pargîdaniyên ku lê digerin in Martech Zone wan vedihewîne, lê car carinan - nemaze bi Twitter -ê - ez li dora teknolojiyek nû ya ku ez hewce dikim parve bikim hin gûzê dibînim.

Ger hûn di sêwirana malperê de, pêşkeftina sepana mobîl de, an tewra tenê pergalek rêveberiya naverokê saz bikin, dibe ku hûn bêhêvîtiya şêwazên pêşbazkar ên di nav gelek şêwazan de têkoşîn bikin. Tewra digel amûrên pêşkeftî yên ecêb ên ku di her gerokekê de hatine çêkirin, şopandin û paqijkirina CSS -ê dikare pir dem û enerjiyê hewce bike.

SSermên CSS

Di salên dawî de, sêwiraneran karekî pir ecêb kirin ku koleksiyonên şêwazên ku amade ne û amade ne ji bo karanînê derxînin. Van şêwazên CSS -ê çêtir wekî CSS Frameworks têne zanîn, hewl didin ku hemî şêwaz û jêhatîbûnên bersivdar bicîh bikin da ku pêşdebiran tenê ji çêkirina pelê CSS -ê ji nuh ve çarçoveyek destnîşan bikin. Hin çarçoveyên populer ev in:

  • bootstrap - çarçoveyek ku deh sal in pêş ketiye, yekem car ji hêla Twitter ve hatî destnîşan kirin. Ew taybetmendiyên bêhejmar pêşkêşî dike. Ew kêmasî hene, ku SASS -ê hewce dike, dijwar e ku meriv lê zêde bike, bi JQquery ve girêdayî ye, û barkirin jî pir giran e.
  • bulma -çarçoveyek paqij a ku ji bo pêşvebiran-heval-heval e û pêwendiya wê bi JavaScript-ê tune.
  • Bingeh - çarçoveyek CSS -ya gelemperî û kêrhatî ya ku tê de gelek hêmanên ku bi hêsanî têne xweşkirin hene. Wekî din, heye Weqfa ji bo mêlê û Motion UI ji bo anîmasyonan.
  • Kit UI -kombînasyona HTML, JavaScript, û CSS-ê da ku hûn pêş-paşiya xwe zû û bi hêsanî pêşve bibin.

Çarçoveya Tailwind CSS

Dema ku çarçoveyên din karekî hêja dikin ku hêmanên navbeynkariya bikarhênerê ya populer bicîh bikin, Tailwind metodolojiyek ku wekî CSS Atomî. Bi kurtasî, Tailwind bi zanebûn navên polê bi karanîna zimanê xwezayî organîze kir da ku ya ku ew dibêjin bikin. Ji ber vê yekê, dema ku Tailwind pirtûkxaneyek hêmanan nîn e, şiyana ku meriv bi navgîniya navên pola CSS -ê tenê bi referanskirina navgînek çîna CSS -ê bi hêsanî ava bike xweş, bilez û bêhempa ye.

Li vir çend mînakên bi rastî mezin hene:

CSS Grids

css column start grids column

Gradientên CSS

radyoyên css

CSS ji bo Piştgiriya Dark Mode

css moda tarî

Tailwind di heman demê de fantastîk jî heye dirêjkirin heye ji bo VS Code da ku hûn bi hêsanî dersan ji edîtorê kodê Microsoft -ê nas bikin û têxin.

Tewra jêhatîtir jî, Tailwind dema ku ji bo hilberînê çêdike, bixweber hemî CSS -a ku nayê bikar anîn radike, ku tê vê wateyê ku pakêta weya CSS -a dawîn ya herî piçûk e ku dibe ku ew be. Bi rastî, pir projeyên Tailwind ji 10kB CSS kêmtir ji muwekîlê re dişînin.

Hûn çi difikirin?

Ev malpera Akismet bikar tîne ku ji bo kêmkirina spam. Zêdetir agahdariya danûstandinên we çawa pêvajoy kirin.