Tailwind CSS: Utility-Choyamba CSS M'chilamulo ndi API ya Rapid, Responsive Design

Ndondomeko ya CSS ya Tailwind

Pomwe ndimakhudzidwa kwambiri ndiukadaulo tsiku lililonse, sindimakhala ndi nthawi yochuluka momwe ndingafunire kugawana zophatikizika ndi makina omwe kampani yanga imagwiritsa ntchito makasitomala. Komanso, ndilibe nthawi yambiri yopezeka. Zambiri mwaukadaulo zomwe ndimalemba ndimakampani omwe amafunafuna Martech Zone kuwaphimba, koma kamodzi pa kanthawi - makamaka kudzera pa Twitter - Ndikuwona mphekesera mozungulira ukadaulo watsopano womwe ndiyenera kugawana nawo.

Ngati mumagwira ntchito yopanga mawebusayiti, kukonza pulogalamu yam'manja, kapena ngakhale kungoyambitsa njira zoyendetsera zinthu, mwina mwalimbana ndi zokhumudwitsa zamafashoni ampikisano pamafayilo angapo. Ngakhale mutakhala ndi zida zodabwitsa zopangira mkati mwa msakatuli aliyense, kutsatira ndi kuyeretsa CSS kungafune nthawi yochulukirapo komanso mphamvu.

Mapangidwe a CSS

M'zaka zaposachedwa, opanga adachita ntchito yodabwitsa kwambiri yotulutsa masitayelo omwe adakonzedwa ndikukonzekera kugwiritsa ntchito. Ma Stylesheets awa a CSS amadziwika bwino monga CSS Frameworks, kuyesera kutengera mitundu yonse yosiyanasiyana ndi kuthekera kwakuthekera kuti opanga angangotchula chimango m'malo mongomanga fayilo ya CSS kuyambira pachiyambi. Makhalidwe ena otchuka ndi awa:

  • Bootstrap - chimango chomwe chidasinthika kwazaka khumi, zoyambitsidwa koyamba ndi Twitter. Imakhala ndi zinthu zambiri. Ili ndi zotsalira, zomwe zimafuna SASS, zovuta kuzidutsa, zimadalira JQquery, ndipo ndizabwino kwambiri.
  • kupeza - dongosolo loyera lomwe ndi losavuta kutukula ndipo silidalira JavaScript.
  • Foundation - chimango chogwiritsa ntchito kwambiri cha CSS chomwe chili ndi matani azinthu zomwe zimatha kusintha mosavuta. Kuphatikiza apo, pali Maziko a Imelo ndi UI Yoyenda makanema ojambula pamanja.
  • Chida cha UI - kuphatikiza kwa HTML, JavaScript, ndi CSS kuti kutsogolo kwanu kutukuke mwachangu komanso mosavuta.

Ndondomeko ya CSS ya Tailwind

Pomwe mafelemu ena amagwira ntchito yayikulu yokhazikika pazogwiritsa ntchito, Tailwind amagwiritsa ntchito njira yotchedwa Atomiki CSS. Mwachidule, a Tailwind adasanja mwanzeru ma kalasiwo pogwiritsa ntchito chilankhulo kuti achite zomwe anena. Chifukwa chake, pomwe Tailwind ilibe laibulale yazipangizo, kuthekera kopanga mawonekedwe olimba, omvera pongotchula mayina amakalasi a CSS ndiwokongola, mwachangu, komanso wosayerekezeka.

Nazi zitsanzo zabwino kwambiri:

Magulu a CSS

css mizati yoyambira grids mizati

Zithunzi za CSS

zojambula za css

CSS Yothandizidwa Ndi Njira Yakuda

css yakuda

Tailwind imakhalanso ndi zosangalatsa kufalikira kulipo ya VS Code kuti muzitha kuzindikira ndikulowetsa makalasi kuchokera pa mkonzi wa Microsoft code.

Chanzeru kwambiri, Tailwind amachotsa CSS yonse yomwe sinagwiritsidwe ntchito pomanga, zomwe zikutanthauza kuti mtolo wanu womaliza wa CSS ndiye wawung'ono kwambiri momwe ungakhalire. M'malo mwake, ma projekiti ambiri a Tailwind amatumiza zosakwana 10kB ya CSS kwa kasitomala.

Mukuganiza chiyani?

Tsambali likugwiritsa ntchito Akismet kuchepetsa spam. Phunzirani momwe deta yanu ikufotokozera.