Mari mengenal CSS Tailwind. Tailwind CSS adalah framework CSS “yang mengutamakan utilitas” yang menyediakan katalog mendalam tentang kelas dan alat CSS yang memungkinkan Anda dengan mudah mulai menata situs web atau aplikasi Anda.

Tujuan dasarnya adalah saat Anda membangun proyek, Anda tidak perlu berurusan dengan cascading styles dan khawatir tentang cara mengganti 10-selector pileup yang telah digunakan banyak aplikasi selama 2 tahun terakhir.

Baca juga: Mengenal Framework Bootstrap

Jadi apa yang membuat Tailwind bagus?

Solusi Taildwind adalah menyediakan berbagai macam kelas CSS yang masing-masing memiliki fokus penggunaan sendiri. Alih-alih kelas bernama .btn yang dibuat dengan sekumpulan atribut CSS secara langsung, di Tailwind, Anda akan menerapkan sekelompok kelas seperti bg-blue-500 py-2 px-4 yang dibulatkan ke elemen tombol atau membuat file kelas btn dengan menerapkan kelas utilitas tersebut ke pemilih itu.

Manfaat Tailwind CSS
Ada banyak manfaat menggunakan framework CSS seperti Tailwind. Di bawah ini adalah yang utama.

  • Anda menulis lebih sedikit CSS khusus. Dengan Tailwind, Anda menata elemen dengan menerapkan kelas yang sudah ada sebelumnya langsung di HTML Anda. Dengan menggunakan kelas utilitas dengan cara ini, Anda dapat membuat desain khusus tanpa menulis CSS.
    Anda menyimpan file CSS kecil. Tanpa kerangka kerja seperti Tailwind, Anda harus terus menulis CSS saat menambahkan fitur dan komponen baru. Akibatnya, file CSS Anda terus bertambah dan bertambah berat. Dengan menggunakan utilitas seperti flexbox dan utilitas padding Tailwind, sebagian besar gaya dapat digunakan kembali sehingga Anda jarang perlu menulis CSS baru.
  • Anda tidak perlu menemukan nama kelas. Saat Tailwind, Anda memilih kelas dari sistem desain yang telah ditentukan sebelumnya. Itu berarti Anda tidak perlu bersusah payah memilih nama kelas “sempurna” untuk gaya dan komponen tertentu, atau mengingat yang rumit seperti sidebar-inner-wrapper.
  • Anda dapat membuat perubahan yang lebih aman. Dengan pendekatan tradisional, jika Anda membuat perubahan pada CSS, Anda dapat merusak sesuatu di situs Anda. Tidak seperti CSS, kelas utilitas dalam HTML Anda bersifat lokal. Itu berarti Anda dapat mengubahnya tanpa khawatir merusak sesuatu yang lain di situs Anda.

Jadi apakah kamu sudah mengenal CSS tailwind.

Dengan pengalaman PT Quorum Nusa Prestasi yang luas dalam industri Teknologi Informasi, kami mendorong klien kami untuk membuka bisnis mereka terhadap peluang baru dan mewujudkan impian. Perusahaan perangkat lunak ada untuk memecahkan masalah dan membantu kehidupan, dan ini adalah prioritas utama kami.

Hubungi kami dengan menekan tombol contact us diatas atau klik disini!

Sumber: hubspot

Continue Reading