Tailwind CSS: Tsarin Amfani na farko CSS da API don Rapid, Design Responsive

Tsarin Tailwind CSS

Yayin da nake zurfafa cikin fasahar yau da kullun, ban sami lokaci mai yawa kamar yadda nake so in raba hadaddun haɗe -haɗe da sarrafa kai da kamfani na ke aiwatarwa ga abokan ciniki. Hakanan, ba ni da lokacin gano abubuwa da yawa. Yawancin fasahar da nake rubutu game da su kamfanoni ne ke nema Martech Zone rufe su, amma kowane lokaci - musamman ta hanyar Twitter - Ina ganin wasu maganganu game da sabuwar fasahar da nake buƙatar rabawa.

Idan kuna aiki a ƙirar gidan yanar gizo, haɓaka aikace -aikacen wayar hannu, ko ma kawai kafa tsarin sarrafa abun ciki, tabbas kun yi kokawa da takaicin salon gasa a tsakanin takaddun salo da yawa. Ko da kayan aikin ci gaba mai ban mamaki da aka gina a cikin kowane mai bincike, bin diddigin da tsaftace CSS na iya buƙatar lokaci da kuzari da yawa.

Tsarin CSS

A cikin 'yan shekarun nan, masu zanen kaya sun yi kyakkyawan aiki mai ban mamaki na sakin tarin salo waɗanda aka riga aka shirya kuma suna shirye don amfani. Waɗannan Stylesheets na CSS an fi sanin su da Tsarin CSS, suna ƙoƙarin ɗaukar duk salo daban -daban da ƙarfin amsawa don masu haɓakawa su iya yin nuni kan tsarin maimakon gina fayil ɗin CSS daga karce. Wasu mashahuran tsarin sune:

  • Bootstrap - tsarin da ya samo asali sama da shekaru goma, wanda Twitter ya fara gabatarwa. Yana ba da fasalulluka marasa adadi. Yana da rashi, yana buƙatar SASS, mai wahalar wuce gona da iri, ya dogara da JQquery, kuma yana da nauyi sosai don ɗauka.
  • sami -tsari mai tsabta wanda ke da abokantaka kuma ba shi da dogaro da JavaScript.
  • Foundation - ƙarin tsari da amfani CSS tsarin da ke da tarin abubuwan da aka keɓance su cikin sauƙi. Bugu da ƙari, akwai Foundation don Imel da kuma Motsa UI don rayarwa.
  • Kayan UI -haɗin HTML, JavaScript, da CSS don haɓaka ƙarshen gaban ku cikin sauri da sauƙi.

Tsarin Tailwind CSS

Yayin da sauran tsare -tsaren ke yin babban aiki na karɓar shahararrun abubuwan ƙirar mai amfani, Tailwind yana amfani da hanyar da aka sani da Atomic CSS. A takaice, Tailwind cikin dabara ya tsara sunayen ajin ta amfani da yaren halitta don yin abin da suka ce suna yi. Don haka, yayin da Tailwind ba shi da ɗakin karatu na abubuwan da aka gyara, ikon sauƙaƙe gina iko mai ƙarfi, mai sauƙin amsawa kawai ta hanyar ambaton sunayen ajin CSS kyakkyawa ne, mai sauri, kuma mara misaltuwa.

Ga wasu manyan misalai na gaske:

Farashin CSS

css shafi fara grids ginshiƙai

Digiri na CSS

grass na css

CSS don Tallafin Yanayin duhu

yanayin css duhu

Tailwind kuma yana da ban mamaki akwai samuwa don Lambar VS ta yadda zaku iya ganowa da shigar da azuzuwan daga editan lambar Microsoft.

Ko da ƙwarewa, Tailwind yana cire duk CSS ɗin da ba a amfani da su lokacin gini don samarwa, wanda ke nufin tarin CSS na ƙarshe shine mafi ƙanƙanta da zai iya kasancewa. A zahiri, yawancin ayyukan Tailwind suna jigilar ƙasa da 10kB na CSS ga abokin ciniki.

Me kuke tunani?

Wannan shafin yana amfani da Akismet don rage spam. Koyi yadda aka sarrafa bayanan bayaninka.