Tailwind CSS: utiliitide esimene CSS-i raamistik ja API kiireks reageerimiseks

Tailwind CSS raamistik

Kuigi ma olen igapäevaselt tehnikaga kursis, ei saa ma nii palju aega, kui tahaksin jagada keerulisi integratsioone ja automatiseerimist, mida minu ettevõte klientidele rakendab. Samuti pole mul palju avastamisaega. Enamik tehnoloogiat, millest ma kirjutan, on ettevõtted, kes otsivad Martech Zone neid kajastades, kuid iga natukese aja tagant - eriti Twitteri vahendusel - näen mingit suminat uue tehnoloogia ümber, mida mul on vaja jagada.

Kui töötate veebidisaini, mobiilirakenduste arendamise või isegi lihtsalt sisuhaldussüsteemi seadistamisega, olete tõenäoliselt maadelnud konkureerivate stiilide pettumustega mitmel stiililehel. Isegi kui igas brauserisse on loodud hämmastavad arendustööriistad, võib CSS -i jälgimine ja puhastamine nõuda liiga palju aega ja energiat.

CSS-i raamistikud

Viimastel aastatel on disainerid teinud päris hämmastavat tööd, valmistades ette ja valmis kasutamiseks stiilikollektsioone. Need CSS -i stiililehed on paremini tuntud kui CSS -raamistikud, püüdes mahutada kõiki erinevaid stiile ja reageerimisvõimalusi, nii et arendajad saaksid lihtsalt raamistikule viidata, mitte CSS -faili nullist üles ehitada. Mõned populaarsed raamistikud on järgmised:

  • Bootstrap - raamistik, mis on arenenud kümne aasta jooksul ja mille esmakordselt tutvustas Twitter. See pakub lugematuid funktsioone. Sellel on varjuküljed, mis nõuavad SASS -i, mida on raske üle kanda, sõltuvalt JQqueryst ja selle laadimine on üsna kopsakas.
  • Bulma -puhas raamistik, mis on arendajatele sõbralik ja ei sõltu JavaScriptis.
  • Sihtasutus - üldisem ja kasutatavam CSS -raamistik, millel on palju hõlpsasti kohandatavaid komponente. Lisaks on olemas Sihtasutus e -posti jaoks ja Liikumise UI animatsioonide jaoks.
  • UI komplekt -HTML-i, JavaScripti ja CSS-i kombinatsioon, mis võimaldab kasutajaliidese kiiresti ja lihtsalt välja töötada.

Tailwind CSS raamistik

Kui teised raamistikud teevad populaarsete kasutajaliidese elementide kohandamisel suurepärast tööd, kasutab Tailwind metoodikat, mida tuntakse kui Aatomiline CSS. Lühidalt, Tailwind organiseeris leidlikult klasside nimed, kasutades loomulikku keelt, et teha seda, mida nad ütlevad. Seega, kuigi Tailwindil pole komponentide kogu, on võimalus luua võimas ja reageeriv liides lihtsalt CSS -i klassinimede viitamisega elegantne, kiire ja võrreldamatu.

Siin on mõned suurepärased näited:

CSS-võrgud

css veeru algusvõrkude veerud

CSS gradiendid

css gradiendid

CSS tume režiimi tugi

css tume režiim

Tailwindil on ka fantastiline laiendus saadaval VS -koodi jaoks, nii et saate Microsofti koodiredaktorist hõlpsasti klasse tuvastada ja sisestada.

Veelgi leidlikum, Tailwind eemaldab tootmiseks ehitades automaatselt kõik kasutamata CSS -i, mis tähendab, et teie lõplik CSS -kimp on väikseim, mis see olla võiks. Tegelikult saadab enamik Tailwindi projekte kliendile alla 10 kB CSS -i.

Mis sa arvad?

Sellel saidil kasutatakse rämpsposti vähendamiseks Akismetit. Vaadake, kuidas teie andmeid töödeldakse.