Content MarketingE-pasta mārketings un automatizācija

Tailwind CSS: Utility-First CSS Framework un API ātram, atsaucīgam dizainam

Lai gan ikdienā esmu dziļi iepazinies ar tehnoloģijām, man nav tik daudz laika, cik es vēlētos dalīties ar sarežģītajām integrācijām un automatizāciju, ko mans uzņēmums īsteno klientiem. Tāpat man nav daudz atklājumu laika. Lielākā daļa tehnoloģiju, par kurām es rakstu, ir uzņēmumi, kas meklē Martech Zone tos aptverot, taču ik pa laikam - it īpaši, izmantojot Twitter - es redzu kādu satraukumu ap jaunu tehnoloģiju, ar kuru man ir jādalās.

Ja strādājat tīmekļa dizainā, mobilo lietotņu izstrādē vai pat vienkārši izveidojat satura pārvaldības sistēmu, jūs, iespējams, esat cīnījies ar vilšanos, kas saistīta ar konkurējošiem stiliem vairākās stilu lapās. Pat ar pārsteidzošiem izstrādes rīkiem, kas iebūvēti katrā pārlūkprogrammā, CSS izsekošana un tīrīšana var prasīt pārāk daudz laika un enerģijas.

CSS ietvari

Pēdējos gados dizaineri ir paveikuši diezgan pārsteidzošu darbu, laižot klajā stilu kolekcijas, kas ir sagatavotas un gatavas lietošanai. Šīs CSS stila lapas ir labāk pazīstamas kā CSS ietvari, cenšoties pielāgot visus dažādus stilus un reaģēšanas iespējas, lai izstrādātāji varētu vienkārši atsaukties uz ietvaru, nevis veidot CSS failu no nulles. Daži populāri ietvari ir:

  • Sāknēšanas - sistēma, kas ir attīstījusies desmit gadu laikā un kuru pirmo reizi ieviesa Twitter. Tā piedāvā neskaitāmas funkcijas. Tam ir negatīvie aspekti, kuriem nepieciešama SASS, grūti pārspīlēti, atkarīgi no JQquery, un to ir diezgan smagi ielādēt.
  • Bulma -tīrs, izstrādātājiem draudzīgs ietvars un nav atkarīgs no JavaScript.
  • Fonds - vispārīgāka un lietojamāka CSS sistēma, kurā ir daudz viegli pielāgojamu komponentu. Turklāt ir Fonds e -pastam un Kustības UI animācijām.
  • Lietotāja saskarne -HTML, JavaScript un CSS kombinācija, lai jūsu priekšgala sistēma tiktu izstrādāta ātri un viegli.

Tailwind CSS ietvars

Lai gan citi ietvari lieliski veic populāru lietotāja saskarnes elementu pielāgošanu, Tailwind izmanto metodiku, kas pazīstama kā Atomu CSS. Īsi sakot, Tailwind atjautīgi sakārtoja klases nosaukumus, izmantojot dabisko valodu, lai darītu to, ko viņi saka. Tātad, lai gan Tailwind nav komponentu bibliotēkas, iespēja viegli izveidot jaudīgu, atsaucīgu saskarni, tikai atsaucoties uz CSS klases nosaukumiem, ir eleganta, ātra un nesalīdzināma.

Šeit ir daži patiešām lieliski piemēri:

CSS režģi

css kolonnu sākuma režģu kolonnas

CSS gradienti

css gradienti

CSS tumšā režīma atbalstam

css tumšais režīms

Tailwind ir arī fantastisks pieejams paplašinājums VS kodam, lai jūs varētu viegli identificēt un ievietot klases no Microsoft koda redaktora.

Pat ģeniālāks, Tailwind, būvējot ražošanai, automātiski noņem visus neizmantotos CSS, kas nozīmē, ka jūsu galīgais CSS komplekts ir mazākais, kāds tas varētu būt. Faktiski lielākā daļa Tailwind projektu klientam nosūta mazāk par 10 KB CSS.

Douglas Karr

Douglas Karr ir TKO no OpenINSIGHTS un dibinātājs Martech Zone. Duglass ir palīdzējis desmitiem veiksmīgu MarTech jaunuzņēmumu, ir palīdzējis veikt vairāk nekā 5 miljardu dolāru Martech iegādes un ieguldījumu uzticamības pārbaudi, kā arī turpina palīdzēt uzņēmumiem ieviest un automatizēt to pārdošanas un mārketinga stratēģijas. Douglas ir starptautiski atzīts digitālās transformācijas un MarTech eksperts un runātājs. Duglass ir arī publicēts Dummie rokasgrāmatas un biznesa vadības grāmatas autors.

Saistītie raksti

Atpakaļ uz augšu pogu
aizvērt

Reklāmu bloķēšana konstatēta

Martech Zone var nodrošināt jums šo saturu bez maksas, jo mēs gūstam peļņu no savas vietnes, izmantojot ieņēmumus no reklāmām, saistīto uzņēmumu saites un sponsorēšanu. Būsim pateicīgi, ja, apskatot mūsu vietni, noņemtu savu reklāmu bloķētāju.