Tailwind CSS

Tailwind CSS

Tailwind adalah berbeza daripada kerangka seperti Bootstrap, Yayasan, atau Bulma kerana ia bukan kit UI.
Tailwind adalah berbeza daripada kerangka seperti Bootstrap, Yayasan, atau Bulma kerana ia bukan kit UI.Ia tidak mempunyai tema lalai, dan tiada komponen UI terbina dalam.Di sisi lain, ia juga tidak mempunyai pendapat tentang bagaimana laman web anda harus kelihatan dan tidak mengenakan keputusan reka bentuk yang anda perlu berjuang untuk membatalkannya.Jika anda sedang mencari rangka kerja yang datang dengan menu widget yang direka bentuk untuk membina laman web anda, Tailwind mungkin bukan kerangka yang sesuai untuk anda, itulah sebabnya kami mempunyai beberapa alternatif.Tetapi jika anda ingin kepala besar mula melaksanakan reka bentuk tersuai dengan identiti sendiri, Tailwind mungkin hanya apa yang anda cari.Utiliti yang pertama Membuat rangka kerja untuk membina UI tersuai bermakna anda tidak boleh memberikan abstraksi pada tahap biasa butang, bentuk, kad, navbar, dan sebagainya. Sebaliknya, Tailwind menyediakan kelas utiliti yang sangat kompleks dan rendah sehingga memudahkan untuk membinaantara muka pengguna yang kompleks tanpa menggalakkan mana-mana dua tapak untuk melihat perkara yang sama.Komponen mesra Walaupun anda boleh melakukan banyak dengan hanya kelas utiliti, kadang-kadang kelas komponen adalah keputusan yang tepat.Tailwind menyediakan alat untuk mengekstrak kelas komponen dari pola utiliti yang berulang, menjadikannya mudah untuk mengemas kini beberapa contoh komponen dari satu tempat.Responsif kepada teras Setiap utiliti Tailwind juga datang dalam perasa responsif, sehingga sangat mudah untuk membina antara muka responsif tanpa meninggalkan HTML anda.Tailwind menggunakan awalan {skrin}: intuitif yang menjadikannya mudah untuk melihat kelas responsif dalam markup anda sambil mengekalkan nama kelas asal yang dikenali dan utuh.Direka untuk disesuaikan Jika masuk akal untuk disesuaikan, Tailwind membolehkan anda menyesuaikannya.Ini termasuk warna, saiz sempadan, berat font, utiliti jarak, titik putus, bayang-bayang, dan banyak lagi.Tailwind ditulis dalam PostCSS dan dikonfigurasi dalam JavaScript, yang bermaksud anda mempunyai kuasa penuh dari bahasa pengaturcaraan sebenar di hujung jari anda.Tailwind adalah lebih daripada satu rangka kerja CSS, ia merupakan enjin untuk mewujudkan sistem reka bentuk.
tailwind-css

ciri-ciri

Kategori

Alternatif untuk Tailwind CSS untuk Web

Topcoat

Topcoat

Topcoat adalah pustaka CSS sumber terbuka baru yang direka untuk membantu pemaju membina aplikasi web dengan penekanan pada kelajuan.
Material Design Lite

Material Design Lite

Rangka kerja web front-end Google untuk membina laman web kepada spesifikasi Reka Bentuk Bahan.
320 and Up

320 and Up

Panel boilerplate 'skrin kecil pertama'.
Juiced (a Flexbox CSS Framework)

Juiced (a Flexbox CSS Framework)

Juiced mempunyai banyak ciri susun atur yang sama yang anda ketahui dan suka, tetapi meningkatkan kepada mereka dengan penyasaran mudah alih yang lebih baik, pesanan lajur adat, pilihan penjajaran yang lebih baik ...
The Semantic Grid System

The Semantic Grid System

Tetapkan lebar lajur dan longkang, pilih bilangan lajur, dan beralih antara piksel dan peratusan.
Kube Web Framework

Kube Web Framework

Kube adalah salah satu rangka kerja yang paling canggih dan fleksibel di dunia. Kube membantu anda menghabiskan lebih sedikit masa pada tugas-tugas rutin dan lebih banyak masa mencipta produk yang menakjubkan.
The Goldilocks Approach

The Goldilocks Approach

Pendekatan Goldilocks terhadap Reka Bentuk Web Responsif - Titik permulaan yang baik untuk reka bentuk yang mengambil resolusi peranti daripada persamaan.
Golden Grid System

Golden Grid System

Sistem grid untuk reka bentuk web responsif.Termasuk lajur lipat, longkang elastik, grid asas zoomable, dan skrip overlay grid menyenangkan.
Less Framework

Less Framework

Rangka Kerja Kurang adalah sistem grid CSS untuk mereka bentuk laman web penyesuaian.Ia mengandungi 4 susun atur dan 3 set pratetap tipografi, semuanya berdasarkan grid tunggal.
960 Grid System

960 Grid System

Sistem 960 Grid adalah usaha untuk menyelaraskan aliran kerja pembangunan web dengan menyediakan dimensi yang biasa digunakan, berdasarkan lebar 960 piksel.
Sassy-validation

Sassy-validation

Pengesahan sassy adalah perpustakaan pengesahan jenis data Sass.Validate data yang dimasukkan atau tidak sama sekali!
Wee

Wee

Rangka depan ringan yang ringan untuk membina projek web kompleks dan responsif secara logik.
inuit.css

inuit.css

inuit.css adalah rangka kerja CSS yang ringan dan sentiasa dikemas kini yang menyediakan anda dengan titik permulaan yang pragmatik dan kaya untuk semua projek anda.
Flexbox Grid

Flexbox Grid

Sistem grid berdasarkan sifat paparan flex.
Backstretch

Backstretch

Backstretch adalah plugin jQuery yang mudah yang membolehkan anda menambah imej latar belakang berupaya dinamik, tayangan slaid ke mana-mana halaman atau unsur.