Tailwind CSS: 'n nut-eerste CSS-raamwerk en API vir 'n vinnige, responsiewe ontwerp

Tailwind CSS Framework

Alhoewel ek daagliks in die tegnologie besig is, kry ek nie soveel tyd as wat ek graag die ingewikkelde integrasies en outomatisering wat my onderneming vir kliënte implementeer, wil deel nie. Ek het ook nie veel ontdekkings tyd nie. Die meeste tegnologie waaroor ek skryf, is ondernemings wat soek Martech Zone dit dek, maar af en toe - veral via Twitter - sien ek 'n bietjie gons rondom 'n nuwe tegnologie wat ek moet deel.

As u werk in webontwerp, mobiele app -ontwikkeling of selfs net 'n inhoudbestuurstelsel opstel, het u waarskynlik met die frustrasies van mededingende style in verskeie stylblaaie geworstel. Selfs met die wonderlike ontwikkelingshulpmiddels in elke blaaier, kan die opsporing en opruiming van CSS veels te veel tyd en energie verg.

CSS-raamwerke

Ontwerpers het die afgelope paar jaar 'n ongelooflike taak verrig om versamelings style vry te stel wat voorberei en gereed is om te gebruik. Hierdie CSS -stylblaaie staan ​​beter bekend as CSS -raamwerke, en probeer om al die verskillende style en responsiewe vermoëns te akkommodeer, sodat ontwikkelaars net na 'n raamwerk kan verwys eerder as om 'n CSS -lêer van nuuts af te bou. Sommige gewilde raamwerke is:

  • Skoenlus - 'n raamwerk wat oor 'n dekade ontwikkel is, die eerste keer deur Twitter bekendgestel. Dit bied tallose funksies. Dit het wel nadele, wat SASS vereis, moeilik om oor te skryf, afhanklik van JQquery, en dit is redelik stewig om te laai.
  • Bulma -'n skoon ontwikkelingsvriendelike raamwerk wat nie afhanklik is van JavaScript nie.
  • Stigting - 'n meer generiese en bruikbare CSS -raamwerk met tonne komponente wat maklik aanpasbaar is. Boonop is daar Stigting vir e -pos en Motion UI vir animasies.
  • UI-stel -'n kombinasie van HTML, JavaScript en CSS om u front-end vinnig en maklik te laat ontwikkel.

Tailwind CSS Framework

Terwyl ander raamwerke die gewilde gebruikersinterface -elemente baie goed akkommodeer, gebruik Tailwind 'n metodologie wat bekend staan ​​as Atoom CSS. Kortom, Tailwind het die klasname op 'n vindingryke manier georganiseer deur natuurlike taal te doen wat hulle sê hulle doen. Alhoewel Tailwind nie 'n biblioteek met komponente het nie, is die vermoë om maklik 'n kragtige, responsiewe koppelvlak te bou net deur na CSS -klasname te verwys elegant, vinnig en onvergelykbaar.

Hier is 'n paar wonderlike voorbeelde:

CSS roosters

css kolom begin roosters kolomme

CSS Gradients

css gradiënte

CSS vir Dark Mode -ondersteuning

css donker modus

Tailwind het ook 'n fantastiese uitbreiding beskikbaar vir VS -kode, sodat u maklik klasse uit die kode -redakteur van Microsoft kan identifiseer en invoeg.

Nog meer vernuftig, Tailwind verwyder outomaties alle ongebruikte CSS wanneer dit vir produksie gebou word, wat beteken dat u laaste CSS -bundel die kleinste is wat dit moontlik kan wees. Die meeste Tailwind -projekte stuur eintlik minder as 10 kB CSS aan die kliënt.

Wat dink jy?

Hierdie webwerf gebruik Akismet om spam te verminder. Leer hoe jou opmerking verwerk is.