Toimittajan arviot: Käyttäjien arviot:[Yhteensä: 0 Keskiarvo: 0] @media(min-leveys: 500px) { } @media(min-leveys: 800px) { }
Tailwindgen on yksinkertainen online Tailwind grid-generaattori, jota voit käyttää. Se muodostaa useita rivejä ja sarakkeita ja luo sitten ruudukkoasettelun visuaalisesti yhdessä HTML-koodin kanssa. Kaikki vaadittavat Tailwind-luokat sisältyvät koodiin, ja se voi jopa luoda vastaavan React-koodin samalle.
Olemme käsitelleet CSS-verkkogeneraattoreita aiemmin. Tailwindgen tässä on tavallaan sama paitsi se tosiasia, että mukautettujen CSS-luokkien sijaan tämä työkalu luo ruudukon lisäämällä Tailwind CSS-luokkia. Hyvä asia on, että se tarjoaa visuaalisen ruudukon generaattorin, jossa voit määrittää mukautettuja rivejä ja sarakkeita saadaksesi halutun muotoisen ruudukon.
Tailwindgenin käyttäminen CSS-ruudukon luomiseen Tailwindin avulla:
Tailwindgen-verkkosivusto on täysin ilmainen käyttää. Aloittamista varten ei ole edes rekisteröitymis-tai rekisteröintisivua. Siirry pääsivustolle täällä ja aloita sitten sen käyttö heti. Sivuston pääkäyttöliittymä näyttää tältä.
Nyt sinun on valittava rivien ja sarakkeiden määrä. Seuraavaksi sinun on valittava ruudukkoasettelu valitsemalla tietyt rivit ja sarakkeet ja luotava mukautettu asettelu. Voit määrittää asettelun haluamallasi tavalla, ja se pystyy luomaan koodin kaikkeen siihen helposti.
Vieritä alaspäin, niin näet sinulle luoman koodin. Kopioi CSS-ja HTML-koodi ja käytä sitä sitten projekteissasi. Hyvä asia tässä on, että HTML:n lisäksi se luo koodin React-komponentit JSX-muodossa. Voit myös kopioida sen, jos aiot käyttää Tailwind-ruudukkoa ReactJS:ssä.
Tällä tavalla voit käyttää myös tätä yksinkertaista Tailwind-gridiä ja käyttää sitä missä tahansa käyttöliittymäprojektissasi. Tämän avulla et tarvitse koodia ruudukon asettelua käsin. Merkitse tämä työkalu kirjanmerkkeihin ja käytä sitä milloin tahansa.
Lopeta ajatuksia:
Tailwind CSS on saanut viime aikoina suosiota, ja uusia työkaluja sitä varten julkaistaan joka päivä. Yksi perusrakennuspalikoista, joita tarvitset verkkosivuston tai verkkosovelluksen käyttöliittymän suunnitteluun. Joten jos tarvitset Tailwind grid generaattorin, niin tässä olen maininnut sellaisen, joka ei petä sinua.
