Tailwind CSS: Kahi CSS Utility-First CSS a me API no Rapid, Design Responsive

Hōʻike CSS Tailwind

ʻOiai wau i loko o ka ʻenehana i kēlā me kēia lā, ʻaʻole wau i nui ka manawa e like me kaʻu makemake e kaʻana like i nā hoʻopili paʻakikī a me ka automation a kaʻu ʻoihana e hoʻokō ai no nā mea kūʻai aku. A ʻo wau, ʻaʻohe nui o kaʻu manawa ʻike. ʻO ka hapa nui o nā ʻenehana aʻu e kākau nei e pili ana i nā ʻoihana e ʻimi nei Martech Zone ke uhi nei iā lākou, akā i kēlā me kēia manawa - akā ma o Twitter - ʻike wau i kahi buzz e pili ana i kahi ʻenehana hou e pono ai wau e kaʻana.

Inā ʻoe e hana i ka hoʻolālā pūnaewele, hoʻomohala ʻana i nā polokalamu kelepona, a i ʻole hoʻonohonoho wale i kahi ʻōnaehana hoʻokele ʻike, ua hakakā paha ʻoe me nā huhū o ka hoʻokūkū ʻana i nā kaila ma nā kaila he nui. ʻOiai me nā mea hana hoʻomohala kupaianaha i kūkulu ʻia i loko o kēlā me kēia mākaʻikaʻi, ke alualu ʻana i lalo a me ka hoʻomaʻemaʻe ʻana iā CSS hiki ke koi i ka manawa a me ka ikaika loa.

Nā Palani CSS

I nā makahiki i hala aku nei, ua hana nā mea hoʻolālā i kahi hana kupaianaha loa o ka hoʻokuʻu ʻana i nā hōʻiliʻili o nā kaila i hoʻomākaukau a mākaukau e hoʻohana. ʻIke ʻia kēia mau CSS Stylesheets ma ke ʻano he CSS Frameworks, e hoʻāʻo nei e lawe i nā kaila like ʻole a me nā hiki ke pane i hiki i nā mea hoʻomohala ke kuhikuhi wale i kahi papa hana ma mua o ke kūkulu ʻana i kahi faila CSS mai ka wili ʻana. ʻO kekahi mau papa hana i makemake nui ʻia:

  • Bootstrap - kahi papahana i ulu i loko o nā makahiki he XNUMX, i hōʻike mua ʻia e Twitter. Hāʻawi ia i nā hiʻohiʻona he nui ʻole. Loaʻa nā ʻaoʻao i lalo, e koi ana iā SASS, paʻakikī e hoʻopili ʻia, kaukaʻi iā JQquery, a heft nui ia e hoʻouka.
  • Bulma - kahi papa maʻemaʻe ʻo ia ka mea hoʻomohala a ʻaʻohe hilinaʻi ma JavaScript.
  • Foundation - kahi hoʻolālā CSS maʻamau a hoʻohana ʻia i loaʻa nā tona o nā ʻāpana i maʻalahi maʻalahi. Hoʻohui ʻia, aia nō Kahi hoʻokumu no ka leka uila a Nā UI no nā kiʻi ʻoniʻoni.
  • Pahu UI - kahi hui pū o HTML, JavaScript, a me CSS e hoʻomohala koke ai me ka maʻalahi i ka hopena o mua.

Hōʻike CSS Tailwind

ʻOiai kahi hana ʻē aʻe i hana nui i ka hoʻokipa ʻana i nā mea i ʻike ʻia e nā mea hoʻohana, hoʻohana ʻo Tailwind i kahi hana i kapa ʻia CSS ʻĀtoma. I ka pōkole, ua hoʻonohonoho akamai ʻo Tailwind i nā inoa o ka papa e hoʻohana ana i ka ʻōlelo kūlohelohe e hana ai i ka mea a lākou e ʻōlelo ai. No laila, ʻoiai ʻaʻohe waihona o Tailwind o nā ʻāpana, ʻo ka hiki ke maʻalahi i ke kūkulu ʻana i kahi ʻenekini pane maʻalahi wale nō ma ke kuhikuhi ʻana i nā inoa o ka papa CSS he nani, wikiwiki a paʻakikī ʻole.

Eia kekahi mau laʻana maikaʻi loa:

Nā Kōmike CSS

css kolamu e hoʻomaka i nā kolamu grids

Nā Gradients CSS

gradients css

CSS no ke kākoʻo mode pouli

css ʻano pouli

He maikaʻi kā Tailwind kekahi Loaʻa ka hoʻolōʻihi no ka VS Code i hiki iā ʻoe ke ʻike maʻalahi a hoʻokomo i nā papa mai ka hoʻoponopono hoʻoponopono kuhi o Microsoft.

ʻOi aku ke akamai, wehe ʻo Tailwind i CSS āpau i hoʻohana ʻole ʻia ke kūkulu ʻana no ka hana, ʻo ia hoʻi ka pūʻali CSS hope loa ka liʻiliʻi loa o ia. I ka ʻoiaʻiʻo, ʻo ka hapa nui o nā papahana Tailwind e hoʻouna ma lalo o 10kB o CSS i ka mea kūʻai aku.

Pehea kou manaʻo?

Ke hoʻohana nei kēia pūnaewele i ka Akismet e ho'ēmi i ka spam. E aʻo pehea e hanaʻia ai kāuʻikeʻikepili.