Gå til indhold
Europæisk virksomhedGrundlagt i 2014Bygget og drevet i EuropaBetalinger sikret af Kortbetalinger kører gennem Stripe. Dine kortoplysninger når aldrig vores servere.
GRADAX

Tailwind CSS

Utility-first CSS-framework til hurtigt at bygge skræddersyede designs.

Tailwind CSS er et utility-first CSS-framework, der leverer lavniveau-utility-klasser til at bygge brugerdefinerede designs uden at skrive brugerdefineret CSS. I stedet for færdigdesignede komponenter giver Tailwind dig byggeklodser, afstand, farve, typografi, layout, som kan sammensættes til ethvert design direkte i din HTML.

Tailwind CSS er fundamentet for vores stylingtilgang hos GRADAX. Alle projekter bruger Tailwind, fordi det giver os mulighed for at bygge pixelperfekte designs hurtigere end nogen anden CSS-tilgang, samtidig med at vi bevarer fuld designfleksibilitet.

Det bruger vi det til

  • Brugerdefinerede webapplikationsgrænseflader
  • Implementering af designsystem
  • Responsive marketingsites
  • Styling af dashboards og administrationspaneler
  • Udvikling af e-mailskabeloner
  • Styling af komponentbibliotek

Det giver os

  • Utility-FirstStyl elementer direkte med komponerbare utility-klasser. Ingen navngivningskonventioner eller CSS-filer at administrere.
  • JIT-kompileringKun den CSS, du bruger, sendes til produktion. Typiske bundle-størrelser under 10 KB gzippet.
  • Design token-systemEnsartet spacing, farver, typografi og breakpoints defineret i konfigurationen og brugt overalt.
  • Mørk tilstandIndbygget dark mode-support med et simpelt prefix. Skift mellem lyse og mørke temaer uden besvær.

Spørgsmål vi får

Er Tailwind CSS bedre end almindelig CSS?
For de fleste projekter, ja. Tailwind eliminerer CSS-navngivning, specificitetsproblemer og død kode. Det giver mindre bundles og er hurtigere at udvikle med.
Gør Tailwind HTML grimt?
Tailwind-klasser i HTML kan virke omstændelige, men med komponentabstraktion i React indkapsles klasserne i komponenterne. Fordelen er ingen kontekstskift mellem HTML- og CSS-filer.
Kan Tailwind bruges sammen med eksisterende CSS?
Ja. Tailwind kan tilføjes gradvist til ethvert projekt. Det fungerer side om side med eksisterende CSS, Sass eller CSS-in-JS uden konflikter.
Er Tailwind CSS tilgængeligt?
Tailwind tilbyder hjælpeklasser til skærmlæsertekst, fokusstile og reduceret bevægelse. Tilgængelighed afhænger af, hvordan du bygger komponenter, Tailwind giver dig værktøjerne, men du skal bruge dem korrekt.

Mere om: Styling og design

Ikke sikker på, hvordan det gælder for dig?

En senioringeniør gennemgår din side, din søgetilstedeværelse og måden, henvendelser når dig på, og skriver derefter de tre ting ned, der er værd at udbedre først. Du beholder dokumentet uanset hvad.

Din tilbudsliste

Din tilbudsliste er tom

Tilføj de ydelser, du er interesseret i, i den størrelse, der passer. Vi sender ét skriftligt tilbud for dem alle.

Gennemse kataloget

Start med en kategori

  • Ingen betaling, ingen bindingDette er en forespørgsel. Du beslutter efter det skriftlige tilbud.
  • Solgt og leveret af GRADAXÉn kontrakt og ét team, uanset hvem der udfører arbejdet.
  • Dine data forbliver i EUIntet flyttes uden for unionen for at blive behandlet.

Cookieindstillinger

Vælg hvilke cookies du tillader. Nødvendige cookies kan ikke slås fra: websitet har brug for dem for at fungere.