Tailwind CSS

Utility-first CSS framework greitam individualių dizainų kūrimui.

Tailwind CSS yra pirmiausia orientuotas į naudingumo klases (utility-first) CSS rėmas, kuris suteikia žemo lygio naudingumo klases kuriant individualius dizainus be papildomo CSS rašymo. Vietoj iš anksto paruoštų komponentų, Tailwind pateikia statybinius blokus, atstumus, spalvas, tipografiją, maketą, kuriuos galima suderinti bet kokiam dizainui tiesiai HTML kode.

„Tailwind CSS“ yra mūsų stilių kūrimo pagrindas „GRADAX“. Kiekviename projekte naudojame „Tailwind“, nes tai leidžia kurti tiksliai atitinkančius dizainus greičiau nei bet kuri kita CSS technologija, išlaikant visapusišką dizaino lankstumą.

Kaip mes jį naudojame

Individualios web programos sąsajos
Dizaino sistemos diegimas
Atsakomieji rinkodaros svetainės
Valdymo skydelių ir administravimo panelių stilius
El. laiškų šablonų kūrimas
Komponentų bibliotekų stilius

Ką tai mums duoda

Pirmiausia orientuota į naudingumo klasesStiliaus elementus formatuokite tiesiogiai suderinamomis naudingumo klasėmis. Nereikia laikytis pavadinimų konvencijų ar tvarkyti CSS failų.
JIT KompiliavimasĮ produkciją siunčiami tik naudojami CSS kodai. Tipiškas paketo dydis suspaustas gzip formatu, mažesnis nei 10 KB.
Dizaino Tokenų SistemaNuoseklūs atstumai, spalvos, tipografija ir lūžio taškai apibrėžiami konfigūracijoje ir naudojami visur.
Tamsusis režimasIntegruota tamsiojo režimo palaikymai su paprasta prefikso sistema. Lengvai perjunkite tarp šviesaus ir tamsaus temų.

Klausimai, kuriuos dažnai klausia

Ar Tailwind CSS geriau už įprastą CSS?

Daugeliu atvejų taip. Tailwind pašalina CSS pavadinimų kūrimo, specifinumo problemų ir negyvo kodo. Jis generuoja mažesnius paketus ir leidžia kurti greičiau.

Ar Tailwind gadina HTML kodą?

Tailwind klasės HTML faile gali atrodyti ilgos, tačiau naudojant komponentų abstrakciją React, klasės yra encapsuliuotos viduje komponentų. Kompromisas yra tas, kad nereikia šokinėti tarp HTML ir CSS failų.

Ar Tailwind gali veikti su esamu CSS?

Taip. Tailwind galima pridėti etapais prie bet kurio projekto. Jis veikia kartu su esamu CSS, Sass arba CSS-in-JS sprendimais be konfliktų.

Ar Tailwind CSS yra prieinamas (accessible)?

Tailwind suteikia naudingumo klases ekrano skaitytuvų tekstui, fokusavimo stiliums ir sumažintam judesiui. Prieinamumas priklauso nuo to, kaip kuriate komponentus, Tailwind suteikia įrankius, bet juos reikia teisingai naudoti.

Daugiau apie: Stilius ir dizainas

Neaišku, kaip tai taikoma Jums?

Vyresnysis inžinierius apžiūrės Jūsų svetainę, paieškos pozicijas ir užklausų gavimo būdą, tada užrašys tris dalykus, kuriuos verta pataisyti pirmiausia. Dokumentą paliekate sau.

Rezervuoti nemokamą apžvalgą Tiesiog paklauskite