9 Kerangka Kerja CSS Terbaik di 2022

Web terus berkembang dan begitu pula kerangka kerja CSS yang membuat pengembangan frontend lebih produktif dan menyenangkan.

Suka atau benci mereka, kerangka kerja CSS akan tetap ada. Pengembang tanpa pengalaman frontend sebelumnya dapat menggunakan beberapa kerangka kerja ini untuk mengimplementasikan antarmuka pengguna yang ramah pengguna dengan mudah. Kerangka kerja lain lebih kompleks dan diarahkan untuk pengguna tingkat lanjut.

Terlepas dari tingkat pengalaman Anda, kerangka kerja ini akan membantu Anda membuat desain yang indah lebih cepat. Dalam koleksi ini, kami akan meninjau kerangka kerja CSS terbaik di pasar sehingga Anda dapat memilih yang paling sesuai dengan kebutuhan Anda.

Mengapa Anda harus menggunakan kerangka kerja CSS?

Sebelum saya masuk ke daftar, penting untuk memahami bagaimana dan mengapa kerangka kerja CSS merupakan bagian integral dari pengembangan frontend modern.

Lembar gaya CSS sulit diatur, dipelihara, dan digunakan kembali. Bahkan perubahan gaya kecil mengharuskan Anda untuk menulis aturan CSS baru, yang pada akhirnya dapat mengubah kode Anda menjadi kekacauan yang rumit.

Kelas out-of-the-box adalah komponen inti dari semua kerangka kerja CSS. Mereka memungkinkan Anda untuk menerapkan aturan gaya yang telah ditentukan sebelumnya ke elemen HTML, seperti margin, warna latar belakang, dan lainnya.

Beberapa kerangka kerja menyertakan komponen yang sudah dibuat sebelumnya seperti menu, kartu, atau tabel. Menggunakan komponen ini memungkinkan Anda membuat antarmuka yang ramah pengguna tanpa banyak pekerjaan di pihak Anda.

Kerangka kerja CSS membuat alur kerja penataan gaya Anda produktif, bersih, dan mudah dirawat. Dengan menggunakan salah satu kerangka kerja di bawah ini, Anda akan menghemat waktu dan menghindari banyak masalah yang datang dengan pengkodean CSS.

1. tali sepatu

Saya tidak dapat memikirkan percakapan tentang kerangka kerja CSS yang tidak akan disertakan oleh Bootstrap. Twitter memperkenalkan kerangka kerja pada tahun 2011 untuk membuat desain web responsif mudah diakses oleh pengembang.

Sejak itu, proyek ini telah berkembang untuk mendukung CSS modern dan menawarkan banyak fitur untuk meningkatkan produktivitas antarmukanya. Seperti halnya dengan banyak hal populer, Bootstrap mendapat beberapa kritik.

Berikut adalah beberapa alasan mengapa Anda harus mempertimbangkan untuk menggunakannya dalam proyek Anda, terlepas dari kritik.

Alasan menggunakan Bootstrap

Kerangka kerja frontend paling populer: Bootstrap adalah salah satu proyek sumber terbuka paling populer di luar sana. Anda selalu dapat menemukan solusi untuk masalah yang Anda hadapi dan menemukan banyak template gratis dan premium untuk hampir semua jenis proyek.
Fitur lengkap: Ini bukan hanya kerangka kerja pengembangan, tetapi juga templat dinamis pra-bangun dengan komponen siap pakai yang tak terhitung jumlahnya. Hampir semuanya, mulai dari peringatan hingga modals hingga bilah navigasi didukung secara default. Ini dapat memudahkan pengembang mana pun, bahkan tanpa pengalaman frontend sebelumnya, untuk mengembangkan halaman yang terstruktur dengan baik.
Dapat disesuaikan: Bootstrap dapat dengan mudah disesuaikan dengan SASS. Anda dapat menginstal proyek dengan npm, mengimpor bagian yang Anda butuhkan, dan menggunakan variabel SASS untuk menyesuaikan hampir semuanya. Mempelajari cara menyesuaikan situs web Bootstrap dengan SASS dapat mengurangi waktu pengembangan secara signifikan.
Dewasa dan didukung: Banyak proyek open source yang lebih kecil mati ketika penulis memutuskan untuk berhenti. Bootstrap awalnya diperkenalkan oleh Twitter dan sekarang dikelola oleh komunitas yang terdiri dari ratusan pengembang, memastikan rilis yang stabil dan dukungan jangka panjang.

kekurangan

Sulit untuk ditimpa: Bootstrap hadir dengan desain dan tampilan serta nuansa yang sangat spesifik, yang sulit untuk ditimpa jika Anda memilih gaya yang berbeda. Karena Anda menggunakan aturan CSS !important secara ekstensif, mengganti default bisa jadi rumit.
Penggunaan berlebihan: Alasan utama orang tidak menyukai Bootstrap adalah penggunaannya yang luas. Ini menawarkan tampilan khas yang sering digunakan sehingga pengembang menciptakan frasa “semua situs web Bootstrap terlihat sama”.
Bergantung pada jQuery – Tidak seperti kerangka kerja khusus CSS lainnya, Bootstrap 4 mengandalkan jQuery untuk banyak fitur interaktifnya. Ini membuatnya lebih sulit, tetapi bukan tidak mungkin, untuk menggunakannya bersama dengan kerangka kerja JavaScript seperti React atau Vue. Untungnya, Bootstrap 5, yang akan segera dirilis, akan menghilangkan ketergantungan pada jQuery.
Berat untuk disertakan: Semua fitur Bootstrap ada harganya: cukup berat untuk disertakan dalam proyek Anda. Meskipun Anda dapat mengimpor bagian dari proyek, itu tidak ringan atau modular seperti kerangka kerja lain yang tercantum di sini.

2. Yayasan

Foundation adalah pilihan sempurna bagi pengembang berpengalaman yang menikmati kebebasan tetapi menginginkan kekuatan kerangka kerja berfitur lengkap.

Pada kenyataannya, Foundation bukan hanya kerangka kerja CSS, tetapi keluarga alat pengembangan frontend. Alat-alat ini dapat digunakan bersama-sama atau sepenuhnya mandiri.

Foundation for Sites adalah kerangka kerja utama untuk membuat halaman web, sedangkan Foundation for Emails memungkinkan Anda membuat email indah yang dapat dibaca dari perangkat apa pun. Motion UI adalah bagian terakhir dari teka-teki, memungkinkan Anda membuat animasi CSS tingkat lanjut.

Foundation dibuat dan dikelola oleh ZURB, sebuah perusahaan di balik banyak proyek JavaScript dan CSS open source. Banyak pemikiran telah masuk ke dalam desain kerangka kerja ini dan ZURB menggunakannya secara ekstensif dalam proyeknya sendiri.

Alasan menggunakan basis

Gaya Generik – Tidak seperti Bootstrap, Foundation tidak menggunakan gaya terpisah untuk komponennya. Berbagai macam komponen modular dan fleksibelnya menampilkan gaya minimal dan dapat dengan mudah disesuaikan.
Fitur lengkap: Foundation hadir dengan komponen bawaan untuk hampir semua hal. Termasuk adalah bilah navigasi, beberapa jenis wadah, dan sistem kisi yang ramah pengembang. Foundation juga memberi Anda akses ke template HTML yang sudah jadi, dibuat oleh tim pengembangan atau komunitas, yang dapat Anda gunakan untuk meluncurkan proyek berdasarkan kebutuhan Anda.
Desain Email – Template email estetis sangat sulit dibuat. Untuk mendukung klien email yang lebih lama, pengembang dipaksa untuk menulis kode HTML era 1990-an. Hal ini menyulitkan untuk menghadirkan fitur modern seperti desain responsif. Foundation for Emails dapat membantu Anda membuat template email responsif untuk klien mana pun, termasuk versi Microsoft Outlook yang lebih lama.
Animasi: Foundation dapat dengan mudah diintegrasikan dengan perpustakaan Motion UI ZURB, yang memungkinkan Anda membuat transisi dan animasi menggunakan efek bawaan. Menggunakan Motion UI bersama dengan Foundation akan menghidupkan desain Anda!

kekurangan

Sulit dipelajari: Foundation hadir dengan hampir terlalu banyak pilihan. Ini memiliki fitur yang tak terhitung jumlahnya dan jauh lebih kompleks daripada kerangka kerja lainnya. Ini memberi Anda banyak kebebasan saat mengembangkan tata letak frontend, tetapi pertama-tama, Anda harus sepenuhnya memahami cara kerjanya.
Ini didasarkan pada Javascript: Banyak fungsi Foundation didasarkan pada Javascript, menggunakan jQuery atau Zepto. Zepto adalah perpustakaan yang bekerja dengan sintaks yang sama dengan jQuery tetapi membutuhkan lebih sedikit ruang. Ini membuat Foundation kurang ideal untuk proyek React atau Angular. Zepto juga merupakan perpustakaan yang kurang dikenal yang tidak dikenal oleh banyak pengembang.

3.Bulma

Bulma adalah alternatif yang bagus untuk Bootstrap karena fitur kode modern dan estetika yang unik. Mudah digunakan dan diimpor ke proyek Anda dan dilengkapi dengan beberapa komponen yang sudah jadi.

Ini sangat dipuji karena sintaksnya yang sederhana dan desainnya yang minimalis namun estetis. Ini benar-benar kerangka kerja yang dapat membuat halaman web yang membosankan terlihat cerah dan menarik.

Dengan lebih dari 40.000 bintang di GitHub, ini bukan lagi kerangka kerja khusus, tetapi kekuatan yang harus diperhitungkan.

Alasan menggunakan Bulma

Desain Estetika – Menurut pendapat pribadi saya, Bulma adalah kerangka kerja CSS paling menarik dalam daftar ini. Muncul dengan desain yang bersih dan modern, bahkan jika Anda tidak mengubah default, Anda akan berakhir dengan halaman web yang tampak hebat.
Modern: Teknologi datang dan pergi, dan apa yang dulunya rumit sekarang bisa menjadi sederhana. Modul tata letak flexbox CSS memudahkan pembuatan tata letak responsif, dan Bulma adalah salah satu kerangka kerja berbasis flexbox pertama yang menerapkan prinsip-prinsip baru.
Ramah Pengembang: Sementara tujuan pengembang frontend adalah untuk memberikan pengalaman pengguna akhir yang hebat, pembuat Bulma bertujuan untuk memberikan pengalaman pengembang yang hebat. Dengan pemikiran itu, Bulma hadir dengan konvensi penamaan yang mudah digunakan dan diingat.
Mudah untuk Dikustomisasi – Warna Bulma, isian, dan banyak properti default dapat dikustomisasi dengan SASS. Dengan cara ini Anda dapat mengatur default proyek Anda dalam hitungan menit.
Tidak Ada Javascript: Bulma tidak menyertakan fitur JavaScript apa pun. Karena ini hanya CSS, ia dapat dengan mudah diintegrasikan dengan kerangka kerja Javascript seperti Vue atau React.

kekurangan

Gaya Khas: Gaya unik Bulma bisa menjadi pedang bermata dua. Karena sangat berbeda, jika digunakan secara berlebihan kita dapat berakhir dengan situs web yang terlihat sangat mirip, seperti halnya dengan Bootstrap.
Kurang Lengkap: Bulma bersaing dengan Boostrap dalam banyak kasus, tetapi tidak selengkap dalam hal aksesibilitas dan fitur tingkat perusahaan lainnya.

4. CSS Tailwind

“Kebanyakan kerangka kerja CSS melakukan terlalu banyak” – Moto Tailwind dengan jelas menjelaskan mengapa kerangka kerja ringan yang menawarkan kebebasan kepada pengembang. Itu tidak datang dengan desain khusus, tetapi sebaliknya memungkinkan Anda untuk menerapkan gaya unik Anda sendiri lebih cepat.

Ini menyelesaikan ini dengan menawarkan kelas utilitas yang membuat pengkodean CSS hampir tidak perlu. Pengembang frontend berpengalaman jatuh cinta dengan fitur canggihnya dan menggunakannya dalam proyek mereka.

Alasan menggunakan Tailwind

CSS Atom: Memusatkan elemen, membuat tata letak yang fleksibel, atau menggunakan warna teks tertentu adalah semua hal yang biasanya Anda kodekan dalam CSS. Tailwind membuat semua gaya umum ini mudah diterapkan dengan menawarkan kelas utilitas yang kuat. Metodologi ini kadang-kadang disebut Atomic CSS, di mana kelas elemen HTML dengan jelas menggambarkan tampilannya.
- Misalnya, <div class=”m-1 text-center bg-black”>…</div>akan menampilkan elemen dengan margin 1 (yaitu margin kecil), teks di tengah, dan latar belakang hitam.
Tanpa desain: Tailwind tidak dilengkapi dengan komponen bawaan atau bahasa desain tertentu. Ini berarti Anda tidak perlu mengganti gaya yang ada dan bisa lebih produktif saat menerapkan tata letak khusus.
Komponen yang Dapat Digunakan Kembali – Meskipun Tailwind tidak menyertakan komponen bawaan apa pun, Tailwind memungkinkan Anda membuat komponen khusus sendiri yang dapat digunakan kembali di semua proyek Anda. Anda juga dapat menemukan beberapa komponen sampel di situs web resmi yang dapat Anda gunakan sebagai titik awal.
Integrasi PostCSS/SASS yang andal – Untuk mendapatkan hasil maksimal dari Tailwind, Anda perlu menginstal dan mengimpornya ke dalam proyek SASS atau PostCSS Anda. Ini memungkinkan Anda memanfaatkan semua fitur Tailwind untuk menulis CSS yang lebih efektif. @applysyntax “menyalin” aturan Tailwind ke dalam kode SASS atau CSS Anda, jadi Anda masih menulis CSS, tetapi kali ini dengan kekuatan super!

kekurangan

Kurva pembelajaran yang curam: Tailwind bukanlah pilihan terbaik untuk developer yang kurang berpengalaman. Karena Anda tidak menyediakan komponen yang dibuat sebelumnya, Anda harus sepenuhnya memahami cara kerja teknologi frontend. Kurva pembelajaran Tailwind agak curam karena Anda harus mempelajari sintaks untuk menjadi produktif dengan framework.
Tidak untuk digunakan secara langsung – Tailwind dapat ditambahkan ke proyek Anda sebagai file CSS yang disertakan, mirip dengan kerangka kerja lainnya. Namun, panduan instalasi resmi menjelaskan bahwa jika Anda menambahkan kerangka kerja dengan cara ini, banyak fiturnya tidak akan tersedia dan Anda tidak akan memiliki akses ke versi terkompresi (27 KB terkompresi vs 348 KB mentah). Untuk mendapatkan hasil maksimal dari Tailwind, Anda perlu tahu cara menggunakan Webpack, Gulp, atau alat build frontend lainnya.

5.UIkit

UIKit adalah kerangka antarmuka modular yang memungkinkan Anda mengimpor hanya fitur yang Anda butuhkan.

Ini memiliki lebih dari 16k bintang di GitHub, dan dipilih oleh pengembang karena API yang mudah dan desain yang bersih.

Selain itu, UIKit memiliki versi pro yang menawarkan halaman bertema untuk WordPress dan Joomla, bersama dengan pembuat halaman yang mudah digunakan.

Alasan menggunakan UIKit

Puluhan Komponen – UIKit berisi lusinan komponen, memungkinkan Anda untuk mengimplementasikan tata letak frontend yang kompleks. Ini mencakup semua utilitas dan komponen khas, tetapi melangkah lebih jauh dengan memberi Anda akses ke elemen lanjutan seperti bilah navigasi, bilah samping di luar kanvas, dan tata letak paralaks.
Dapat diperluas: UIKit dapat dengan mudah disesuaikan dan diperluas menggunakan praprosesor KURANG atau SASS.
Penyesuai Berbasis UI: UIKit menawarkan penyesuai berbasis web yang memungkinkan Anda menyesuaikan tata letak secara real time dan kemudian menyalin variabel SASS atau KURANG ke dalam proyek Anda. Bagian UIKit ini benar-benar tampak ajaib dan membantu Anda memulai proyek baru dalam waktu singkat.

kekurangan

Kompleks untuk proyek yang lebih kecil – UIKit tidak disarankan untuk pengembang yang kurang berpengalaman karena ini adalah kerangka kerja kompleks yang mengharuskan Anda memahami pengembangan frontend secara mendalam. Ini bagus untuk aplikasi tingkat lanjut, tetapi bisa terlalu banyak untuk proyek yang lebih kecil.
Komunitas Kecil – Meskipun paket npm mereka diunduh 27.000 kali seminggu, itu tidak sepopuler kerangka kerja lainnya. Menemukan jawaban atau mempekerjakan orang yang berpengalaman di UIKit tidak akan semudah dengan Bootstrap atau Foundation.

6. miligram

Milligram adalah kerangka kerja CSS minimalis yang memiliki komunitas pengembang yang ketat di sekitarnya.

Alasan utama Milligram luar biasa adalah karena Anda dapat memulai dengan awal yang bersih saat membangun antarmuka Anda dan itu telah dirancang untuk meningkatkan kinerja dan produktivitas.

Alasan menggunakan miligram

Kerangka CSS Minimal: Miligram mudah diatur dan dimulai. Meskipun menawarkan fitur canggih untuk meningkatkan produktivitas, ia hadir dengan bobot 2KB yang sangat rendah saat dikompresi.
No Opinions – Tidak seperti framework lainnya, Milligram tidak hadir dengan gaya default. Anda tidak perlu menyetel ulang atau mengganti properti yang tidak sesuai dengan tujuan Anda saat menerapkan gaya kustom Anda.
Mudah dipelajari: Miligram sangat sederhana sehingga dapat dipelajari dalam sehari. Membaca dokumentasi resmi lebih dari cukup untuk memulai.

kekurangan

Tanpa Template – Jika Anda mencari sesuatu yang sudah jadi atau seperti template, Milligram bukan untuk Anda. Tetapi jika Anda ingin menerapkan desain tertentu, itu dapat sangat meningkatkan produktivitas Anda.
Komunitas Kecil: Milligram memiliki komunitas kecil tapi erat. Menemukan dukungan komunitas tidak akan semudah dengan kerangka kerja CSS yang lebih populer, tetapi kesederhanaan Milligram berarti Anda mungkin tidak memerlukan banyak bantuan.

7. Murni

Kerangka kerja CSS Murni berasal dari pesaing tak terduga di dunia sumber terbuka: Yahoo.

Kerangka kerja mikro ini sangat kecil, hanya menggunakan 3,7 KB (terkompresi) ketika semua modul digunakan. Ini menawarkan modul CSS yang dapat digunakan kembali dan responsif yang dapat ditambahkan ke proyek web apa pun.

Alasan menggunakan Pure

Kecil – Setiap baris CSS dipertimbangkan dan ditulis dengan cermat untuk membuat kerangka kerja menjadi ringan dan efisien.
Dapat disesuaikan: Anda dapat mengimpor Pure dengan cara modular dan hanya menerapkan apa yang Anda butuhkan.
Didukung dengan baik: Tidak seperti proyek komunitas, Pure didukung oleh Yahoo, menjadikan proyek ini pilihan yang aman untuk penggunaan jangka panjang.
Komponen Premade – Pure hadir dengan komponen premade yang responsif dan didesain untuk web modern.

kekurangan

Untuk pengembang berpengalaman: Pure tidak cocok untuk tim kecil atau kurang berpengalaman karena Anda perlu membuat desain sendiri untuk menggunakan kerangka kerja.

8. Tachyon

Tachyons adalah kerangka kerja CSS yang kurang dikenal yang menyertakan kelas utilitas lanjutan dan memberi Anda lusinan cara untuk menggunakannya.

Dokumentasi proyek menjelaskan prinsip-prinsip pengembangan, yang paling penting adalah penggunaan kembali. Tachyons membantu Anda memahami pola desain proyek Anda dan mendorong penggunaan kembali di seluruh proyek Anda.

Alasan menggunakan tachyon

Komponen Out-of-the-Box – Meskipun Tachyons berfokus pada penawaran kelas utilitas yang hebat untuk meningkatkan produktivitas, dokumentasi resmi juga mencakup banyak komponen out-of-the-box.
Beragam: Tachyons menawarkan template fungsional yang dapat digunakan dalam konfigurasi yang berbeda, seperti HTML statis, Rails, React, Angular, dan lainnya.
Dapat digunakan kembali: Tachyons adalah pilihan yang bagus untuk membuat sistem desain yang dapat diskalakan. Sistem ini biasanya rusak saat mereka menskala karena semakin banyak varian mulai muncul. Kerangka kerja ini memungkinkan Anda membuat properti yang dapat digunakan kembali untuk membangun komponen yang beragam dan fleksibel.

kekurangan

Terutama untuk PostCSS: PostCSS, yang merupakan cara utama untuk menggunakan Tachyons, tidak digunakan secara luas seperti KURANG atau SASS. Tachyons menawarkan integrasi dengan SASS, tetapi tidak banyak digunakan atau didukung.

9. Mewujudkan CSS

Desain Material adalah bahasa desain pilihan untuk banyak situs web dan tema admin. Ini dikembangkan oleh Google dan digunakan di semua proyek mereka.

Materialize CSS adalah kerangka kerja CSS open source yang memudahkan penerapan tampilan dan nuansa Desain Material dalam proyek Anda sendiri.

Ini memiliki banyak komponen interaktif yang mempercepat pengembangan dan membantu memberikan pengalaman hebat bagi pengguna. Animasi digunakan di seluruh kerangka kerja untuk memberikan umpan balik visual kepada pengguna, dengan cara yang mudah digunakan oleh pengembang.

Alasan untuk menggunakan Materialize

Desain Material: Bahasa desain ini banyak digunakan dan orang-orang sudah mengenalnya. Ini dapat membuat kreasi Anda sendiri mudah digunakan untuk audiens target Anda.
Fitur lengkap: Materialize CSS menyertakan komponen pra-dibuat untuk hampir semua hal, tetapi juga dilengkapi dengan fitur Javascript yang lebih canggih untuk mendukung interaksi.
Ramah Seluler: Anda dapat membuat Aplikasi Web Progresif menggunakan komponen seperti seluler kerangka kerja, seperti bilah navigasi mengambang dan interaksi gesekan.

kekurangan

Bahasa Desain Ketat: Jika Anda ingin melakukan sesuatu yang tidak menyerupai desain material, sebaiknya hindari Materialize.
Proyek independen: Materialize memiliki komunitas yang aktif, tetapi ini adalah proyek kecil dan independen tanpa dukungan perusahaan.

Apa kerangka kerja CSS terbaik?

Semua kerangka kerja CSS dalam daftar ini, dengan satu atau lain cara, membantu meningkatkan produktivitas Anda.

Mereka yang menyertakan lebih banyak fitur dan komponen yang dibuat sebelumnya, seperti Bootstrap , Bulma , dan Materialize , lebih cocok untuk pengembang frontend dengan pengalaman yang lebih sedikit.

Kerangka kerja yang hanya menyediakan kelas utilitas dan tanpa gaya, seperti Tailwind , Milligram , dan Pure , sangat cocok untuk pengembang yang lebih berpengalaman.

Saya kira sebagian besar dari kita tidak ingin terus-menerus mempelajari kerangka kerja baru. Beradaptasi dan mempelajari hal-hal baru dalam teknologi tidak dapat dihindari, tetapi idealnya, kerangka kerja yang kita gunakan harus cukup lama relevan untuk membenarkan pembelajaran kompleksitas mereka.

Memilih kerangka kerja dengan dukungan komunitas tingkat tinggi, seperti Bootstrap atau Foundation, adalah pilihan yang aman, karena komunitas besar mendukung proyek dan ide-ide baru terus-menerus dihasilkan.

Namun di sisi lain, karena banyak frame membengkak seiring waktu, opsi yang lebih baru dan lebih baik mulai muncul. Tailwind dan Milligram adalah contoh yang bagus, karena mereka berfokus pada peningkatan produktivitas pengkodean sambil menjaga ukurannya tetap kecil dan kumpulan fitur yang sangat spesifik.

Jika Anda merasa nyaman mengambil risiko kecil, mempelajari teknologi baru, dan menerima beberapa cacat kecil, kerangka kerja yang lebih baru menjanjikan banyak hal. Dan mereka mengandalkan dukungan Anda untuk menjadi dewasa secara bertahap.

Jika Anda mencari solusi jangka panjang dan membutuhkan fitur perusahaan, menggunakan teknologi yang matang akan menjadi pilihan terbaik untuk Anda.

Ada banyak tren CSS dan JavaScript di web, tetapi Anda harus selalu mengingat kedewasaan dan dukungan komunitas untuk menghindari penggunaan kerangka kerja yang akan segera usang. Anda dapat menggunakan daftar ini, bersama dengan penilaian dan preferensi pribadi Anda sendiri, untuk memutuskan kerangka kerja CSS mana yang terbaik untuk Anda.

Apakah Anda memiliki pertanyaan tentang kerangka kerja CSS terbaik? Beri tahu kami di bagian komentar!