Tailwind CSS: Utila-Unua CSS-Kadro kaj API por Rapida, Respondema Dezajno

Tailwind CSS Framework

Dum mi profundiĝas en te techniko ĉiutage, mi ne ricevas tiom da tempo, kiom mi ŝatus dividi la kompleksajn integriĝojn kaj aŭtomatigon, kiujn mia kompanio efektivigas por klientoj. Ankaŭ mi ne havas multan malkovran tempon. Plejparto de la teknologio, pri kiu mi skribas, estas kompanioj, kiuj serĉas Martech Zone kovrante ilin, sed de tempo al tempo - precipe per Twitter - mi vidas iom da zumo ĉirkaŭ nova teknologio, kiun mi bezonas dividi.

Se vi laboras pri interreta projektado, disvolviĝo de poŝtelefonoj, aŭ eĉ nur starigas enhavan administran sistemon, vi probable luktis kun la ĉagrenoj de konkurencaj stiloj tra multaj stilfolioj. Eĉ kun la mirindaj evoluaj iloj konstruitaj en ĉiu retumilo, spuri kaj purigi CSS povas postuli multe tro da tempo kaj energio.

CSS Kadroj

En la lastaj jaroj, projektistoj plenumis sufiĉe mirindan liberigon de kolektoj de stiloj preparitaj kaj uzotaj. Ĉi tiuj CSS-Stilfolioj estas pli bone konataj kiel CSS-Kadroj, provante akomodi ĉiujn malsamajn stilojn kaj respondemajn kapablojn tiel ke programistoj povas simple referenci kadron anstataŭ konstrui CSS-dosieron de nulo. Iuj popularaj kadroj estas:

  • bootstrap - kadro evoluinta dum jardeko, unue enkondukita de Twitter. Ĝi ofertas sennombrajn funkciojn. Ĝi ja havas malavantaĝojn, necesas SASS, malfacile troe kontrolatan, dependan de JQquery, kaj ĝi estas sufiĉe forta por ŝarĝi.
  • Bulma - pura kadro, kiu estas amika por programistoj kaj ne dependas de JavaScript.
  • Fondaĵo - pli ĝenerala kaj uzebla CSS-kadro, kiu havas tunojn da eroj facile agordeblaj. Aldone, ekzistas Fundamento por Retpoŝto kaj Motion UI por kuraĝigoj.
  • UI-Ilaro - kombinaĵo de HTML, JavaScript kaj CSS por rapide kaj facile disvolvi vian antaŭan finaĵon.

Tailwind CSS Framework

Dum aliaj kadroj bonege akomodas popularajn elementojn de uzanto-interfaco, Tailwind uzas metodaron nomatan Atoma CSS. Resume, Tailwind inĝenie organizis la klasajn nomojn per natura lingvo por fari tion, kion ili diras fari. Do, dum Tailwind ne havas bibliotekon de komponantoj, la kapablo facile konstrui potencan respondeman interfacon nur referenceante CSS-klasnomojn estas eleganta, rapida kaj nekomparebla.

Jen vere bonegaj ekzemploj:

CSS-Kradoj

CSS kolumno komenci kradojn kolumnoj

CSS-Gradientoj

CSS-gradientoj

CSS por Malluma Reĝimo Subteno

CSS malluma reĝimo

Tailwind ankaŭ havas mirindan etendaĵo havebla por VS-Kodo por ke vi povu facile identigi kaj enmeti klasojn de la kodredaktilo de Mikrosofto.

Eĉ pli sprita, Tailwind aŭtomate forigas ĉiujn neuzatajn CSS-ojn dum konstruado por produktado, kio signifas, ke via fina CSS-pakaĵo estas la plej malgranda. Fakte plej multaj projektoj de Tailwind sendas malpli ol 10kB de CSS al la kliento.

Kion vi pensas?

Ĉi tiu retejo uzas Akismeton por redukti spamon. Lernu, kiel via komento datiĝas.