I-Tailwind CSS: Isakhelo sokuQala seCSS kunye ne-API yoYilo olukhawulezayo, oluPhendulayo

Isikhokelo seCSS Tailwind

Ngelixa ndingene nzulu kubuchwephesha bemihla ngemihla, andifumani xesha lininzi ngokungathi ndingathanda ukwabelana ngokudityaniswa okunzima kunye nokuzenzekelayo okwenziwa yinkampani kubathengi. Kananjalo, andinaxesha elininzi lokufumanisa. Uninzi lwetekhnoloji endibhala ngayo ziinkampani ezifunayo Martech Zone Ukuzigubungela, kodwa rhoqo ngexeshana-ngakumbi nge-Twitter-ndibona i-buzz ejikeleze itekhnoloji entsha endifuna ukuyabelana ngayo.

Ukuba usebenza kuyilo lwewebhu, ukuphuculwa kwesoftware, okanye usete inkqubo yolawulo lomxholo, kungenzeka ukuba ulwile nokuphazamiseka kwezitayile ezikhuphisanayo kwiifayile ezininzi. Ngaphandle kwezixhobo zophuhliso ezimangalisayo ezakhiwe ngaphakathi kwisikhangeli ngasinye, ukulandelela kunye nokucoca i-CSS kunokufuna ixesha elininzi kunye namandla.

Imigaqo-nkqubo yeCSS

Kwiminyaka yakutshanje, abayili benze umsebenzi omangalisayo wokukhulula ingqokelela yezitayile esele zilungisiwe kwaye zikulungele ukusetyenziswa. Ezi zitayile zeCSS ziyaziwa ngcono njengezakhelo zeCSS, ezizama ukulungiselela zonke iindlela ezahlukeneyo kunye namandla okuphendula ukuze abaphuhlisi bakwazi ukujonga nje isikhokelo kunokuba bakhe ifayile yeCSS kwasekuqaleni. Ezinye izikhokelo ezithandwayo zezi:

  • Pivotdiagram Isakhelo esiguquke ngaphezulu kweshumi leminyaka, saqala saziswa yi-Twitter. Inika amanqaku amaninzi. Inezantsi, ifuna i-SASS, kunzima ukuyibhala ngaphezulu, ixhomekeke kwi-JQquery, kwaye intle kakhulu ukulayisha.
  • Khangela -Isakhelo esicocekileyo esinobuqili kwaye asinakuxhomekeka kwiJavaScript.
  • SeSiseko -Isakhelo se-CSS esingaqhelekanga nesisebenzisekayo esineetoni zezinto ezenziwa ngokulula ngokulula. Ukongeza, kukho Isiseko se-imeyile kwaye UI UI oopopayi.
  • Ikhithi ye-UI - indibaniselwano ye-HTML, iJavaScript, kunye neCSS ukufumana isiphelo sakho sangaphambili siphuhliswe ngokukhawuleza nangokulula.

Isikhokelo seCSS Tailwind

Ngelixa ezinye izikhokelo zisenza umsebenzi omkhulu wokulungiselela izinto ezithandwayo zomsebenzisi, iTailwind isebenzisa indlela eyaziwa njenge I-Atomic CSS. Ngamafutshane, uTailwind ngobuchule waququzelela amagama eklasi esebenzisa ulwimi lwendalo ukwenza into abathi bayayenza. Ke, ngelixa iTailwind ingenalo ilayibrari yamacandelo, ukubanakho ukwakha ngokulula isixhobo esinamandla, nesiphendulayo ngokubhekisa kumagama eklasi yeCSS intle, iyakhawuleza, kwaye ayinakuthelekiswa nanto.

Nayi eminye imizekelo ebalaseleyo:

Iigridi zeCSS

Ikholamu ye-css yokuqala yeekholamu

Iimpawu zeCSS

Iicss gradients

I-CSS yeNkxaso yeMowudi emnyama

css imowudi emnyama

I-Tailwind nayo inomdla ulwandiso luyafumaneka yeKhowudi yeVS ukuze ukwazi ukubona ngokulula kwaye ufake iiklasi ezivela kumhleli wekhowudi kaMicrosoft.

Eyona nto inobukrelekrele ngakumbi, iTailwind isusa ngokuzenzekelayo yonke i-CSS engasetyenziswanga xa usakha imveliso, oko kuthetha ukuba inyanda yakho yokugqibela yeCSS yeyona incinci kunokuba inokwenzeka. Ngapha koko, uninzi lweeprojekthi zeTailwind zithunyelwa ngaphantsi kwe-10kB yeCSS kumthengi.

Ingaba ucinga ntoni?

Le sayithi isebenzisa i-Akismet ukunciphisa ugaxekile. Funda indlela idatha yakho yokubhaliweyo isetyenziswe ngayo.