Tailwind CSS: Yon sèvis piblik-Premye CSS chapant ak API pou Rapid, Design reponn

Tailwind CSS chapant

Pandan ke mwen fon nan teknoloji sou yon baz chak jou, mwen pa jwenn kòm anpil tan jan mwen ta renmen pataje entegrasyon yo konplèks ak automatisation ke konpayi mwen an aplike pou kliyan yo. Osi byen, mwen pa gen anpil tan dekouvèt. Pifò nan teknoloji mwen ekri sou yo se konpayi ki chache Martech Zone kouvri yo, men chak fwa nan yon ti tan - espesyalman via Twitter - mwen wè kèk Buzz alantou yon nouvo teknoloji ke mwen bezwen pataje.

Si w ap travay nan konsepsyon entènèt, devlopman app mobil, oswa menm jis mete kanpe yon sistèm jesyon kontni, ou te pwobableman lit ak fristrasyon yo nan estil konpetisyon atravè Stylesheets miltip. Menm ak zouti yo devlopman etonan bati nan chak navigatè, swiv desann ak netwaye CSS ka mande pou lwen twòp tan ak enèji.

CSS chapant

Nan dènye ane yo, konsèpteur yo te fè yon travay trè etonan nan divilge koleksyon estil ki prepped ak pare yo sèvi ak. Sa yo CSS Stylesheets yo pi byen li te ye tankou CSS Frameworks, ap eseye akomode tout estil yo diferan ak kapasite reponn pou ke devlopè ka jis referans yon fondasyon olye ke bati yon dosye CSS nan grate. Kèk kad popilè yo se:

  • Demaraj - yon fondasyon ki evolye sou yon dekad, premye entwodwi pa Twitter. Li ofri karakteristik inonbrabl. Li gen enkonvenyan, ki egzije SASS, difisil pou overwreied, depann sou JQquery, epi li trè for chaje.
  • Bulma - yon fondasyon pwòp ki nan pwomotè-zanmitay epi ki pa gen okenn depandans sou JavaScript.
  • Fondasyon - yon fondasyon CSS plis jenerik ak ka itilize ki gen tòn eleman ki fasil customizable. Anplis de sa, gen nan Fondasyon pou Imèl ak Mouvman UI pou Animations.
  • Twous UI - yon konbinezon de HTML, JavaScript, ak CSS yo ka resevwa devan-fen ou devlope byen vit ak byen fasil.

Tailwind CSS chapant

Pandan ke lòt kad fè yon gwo travay nan akomode eleman itilizatè koòdone popilè, Tailwind sèvi ak yon metodoloji li te ye tankou CSS atomik. Nan ti bout tan, Tailwind enjenyeu òganize non yo klas lè l sèvi avèk lang natirèl fè sa yo di yo fè. Se konsa, pandan ke Tailwind pa gen yon bibliyotèk nan eleman, kapasite nan fasil bati yon pwisan, koòdone reponn jis pa referansye CSS non klas se elegant, vit, ak enprenabl.

Men kèk egzanp reyèlman gwo:

CSS Grilles

CSS kolòn kòmanse grilles kolòn

CSS gradyan

gradyan CSS

CSS pou sipò mòd nwa

css mòd nwa

Tailwind tou te gen yon kokenn ekstansyon ki disponib pou VS Kòd pou ke ou ka fasilman idantifye ak insert klas ki soti nan editè kòd Microsoft la.

Menm plis enjenyeu, Tailwind otomatikman retire tout CSS rès lè bati pou pwodiksyon, ki vle di pake CSS final ou a se pi piti a li ta ka pètèt dwe. An reyalite, pifò pwojè Tailwind bato mwens pase 10kB nan CSS kliyan an.

Ki sa ou panse?

Sit sa a sèvi ak Akismet diminye Spam. Aprann kijan kòmantè ou a trete.