Tailwind CSS: E Utility-First CSS Framework an API fir Rapid, Responsive Design

Schwänz CSS Framework

Wärend ech all Dag déif an den Tech sinn, kréien ech net sou vill Zäit wéi ech déi komplex Integratiounen an Automatiséierung deele wollt, déi meng Firma fir d'Clienten implementéiert. Och hunn ech net vill Entdeckungszäit. Déi meescht vun der Technologie iwwer déi ech schreiwen sinn Firmen déi sichen Martech Zone se ofdecken, awer all Kéier - besonnesch iwwer Twitter - gesinn ech e bësse Buzz ronderëm eng nei Technologie déi ech deele muss.

Wann Dir am Webdesign, Handy App Entwécklung schafft, oder souguer just en Inhaltsmanagementsystem opstellt, hutt Dir wahrscheinlech mat de Frustratioune vu konkurréierende Stiler iwwer verschidde Stylblieder gekämpft. Och mat den erstaunlechen Entwécklungsinstrumenter, déi an all Browser gebaut sinn, kann CSS verfollegen a botzen vill ze vill Zäit an Energie erfuerderen.

CSS Kaderen

An de leschte Joeren hunn d'Designers eng zimlech erstaunlech Aarbecht gemaach fir Sammlunge vu Stiler ze verëffentlechen déi virbereet a prett sinn ze benotzen. Dës CSS Stylesheets si besser bekannt als CSS Frameworks, probéieren all déi verschidde Stiler a reaktiounsfäeg Fäegkeeten z'empfänken, sou datt d'Entwéckler just e Kader kënne referenzéieren anstatt eng CSS Datei vun Null opzebauen. E puer populär Kaderen sinn:

  • Bootstrap - e Kader dee sech iwwer e Jorzéngt entwéckelt huet, fir d'éischt vun Twitter agefouert. Et bitt eng Onmass Features. Et huet Nodeeler, erfuerdert SASS, schwéier ze iwwerschreiwe, ofhängeg vun JQquery, an et ass zimmlech hefteg ze lueden.
  • Fannen -e proppere Kader deen Entwécklerfrëndlech ass an keng Ofhängegkeet vu JavaScript huet.
  • Fondatioun - e méi generesche a benotzbare CSS Kader deen Tonne Komponenten huet déi liicht personaliséierbar sinn. Zousätzlech gëtt et Fondatioun fir E -Mail an Motion UI fir Animatiounen.
  • UI Kit -eng Kombinatioun vun HTML, JavaScript, an CSS fir Äre Frontend séier a liicht z'entwéckelen.

Schwänz CSS Framework

Wärend aner Kaderen eng super Aarbecht maache fir populär User Interface Elementer z'empfänken, benotzt Tailwind eng Methodologie bekannt als Atomesch CSS. Kuerz gesot, Tailwind organiséiert genial d'Klassennimm mat der natierlecher Sprooch fir ze maachen wat se soen se maachen. Also, wärend Tailwind keng Bibliothéik vu Komponenten huet, ass d'Fäegkeet fir einfach e mächtege, reaktiounsfäege Interface ze bauen just andeems se d'CSS Klassennimm referéieren elegant, séier an onvergläichbar.

Hei sinn e puer wierklech super Beispiller:

CSS Grids

css Kolonn Start Gitter Kolonnen

CSS Gradienten

css Gradienten

CSS fir Dark Mode Support

css donkel Modus

Tailwind huet och eng fantastesch Verlängerung verfügbar fir VS Code sou datt Dir ganz einfach Klassen aus dem Microsoft Editor fir de Code identifizéiere kënnt.

Nach méi genial, Tailwind läscht automatesch all net benotzte CSS beim Bau fir d'Produktioun, dat heescht datt Äre leschte CSS Bündel dee klengste ass deen et méiglecherweis kéint sinn. Tatsächlech verschécken déi meescht Tailwind Projete manner wéi 10kB CSS dem Client.

Wat denks du?

Dëse Site benotzt Akismet fir Spam ze reduzéieren. Léiert wéi Är Kommentarfaten veraarbecht ginn.