TailwindCSS Customization Pert-9

Apa tujuan menyesuaikan warna di Tailwind CSS?

• Untuk memastikan bahwa semua warna dihasilkan secara acak untuk setiap komponen.

• Untuk menyederhanakan kode CSS dengan menghapus semua definisi warna.

• Tujuan menyesuaikan warna di Tailwind CSS adalah untuk menyelaraskan desain dengan identitas merek dan memastikan konsistensi.

• Untuk membuat palet warna unik untuk setiap proyek.

Bagaimana cara membuat tema kustom di Tailwind CSS?

• Perluas tema default di tailwind.config.js menggunakan kunci 'theme' dan properti 'extend'.

• Ubah skema warna di pengaturan browser.

• Gunakan tema yang sudah dibuat sebelumnya dari pustaka pihak ketiga.

• Modifikasi CSS langsung di file HTML.

Apa itu plugin Tailwind?

• Plugin Tailwind adalah pustaka untuk mengelola status dalam aplikasi.

• Plugin Tailwind adalah alat desain untuk membuat grafik.

• Plugin Tailwind adalah kerangka kerja untuk membangun aplikasi mobile.

• Plugin Tailwind adalah ekstensi kode yang menambahkan utilitas atau komponen kustom ke Tailwind CSS.

Bisakah Anda menyebutkan salah satu manfaat menggunakan Tailwind CSS?

• Ukuran file yang meningkat dibandingkan dengan CSS tradisional.

• Opsi kustomisasi yang terbatas untuk komponen.

• Pengembangan yang lebih lambat karena konfigurasi yang kompleks.

• Pengembangan UI yang cepat dengan kelas utility-first.

Bagaimana cara mengubah warna latar belakang menggunakan Tailwind?

• Gunakan kelas 'bg-{color}' di elemen HTML Anda.

• Gunakan kelas 'color-bg-{color}' di elemen HTML Anda.

• Terapkan kelas 'bg-color' langsung ke tag body.

• Atur warna latar belakang hanya di file CSS.

File apa yang Anda edit untuk menyesuaikan tema Tailwind Anda?

• tailwind.config.js

• theme.config.js

• tailwind.theme.js

• config.tailwind.js

Apa perintah untuk menginstal plugin Tailwind?

• yarn add tailwindcss-plugin-name

• npm install tailwind-plugin

• npm add tailwindcss-plugin

• npm install tailwindcss-plugin-name

Bagaimana cara menambahkan font kustom di Tailwind CSS?

• Impor font menggunakan tautan CDN di bagian head.

• Gunakan file CSS terpisah untuk font kustom.

• Tambahkan font kustom langsung di file HTML.

• Perluas tema di tailwind.config.js dan tambahkan font kustom Anda di bawah fontFamily.

Apa yang dilakukan fitur 'extend' di Tailwind?

• Fitur 'extend' di Tailwind memungkinkan kustomisasi tema default.

• Fitur 'extend' menghasilkan kelas utilitas baru secara otomatis.

• Fitur 'extend' digunakan hanya untuk desain responsif.

• Fitur 'extend' menghapus gaya default.

Bisakah Anda menggunakan Tailwind CSS tanpa alat build?

• Ya, Anda dapat menggunakan Tailwind CSS tanpa alat build.

• Tidak, Anda harus menggunakan alat build untuk Tailwind CSS.

• Tailwind CSS hanya dapat digunakan dengan framework JavaScript.

• Anda perlu menginstal Tailwind CSS melalui npm untuk menggunakannya.