Tailwind CSS: 'n nut-eerste CSS-raamwerk en API vir 'n vinnige, responsiewe ontwerp
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 Raamwerk
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 Gradiënte
CSS vir Dark Mode -ondersteuning
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.
