Pada kesempatan kali ini saya akan menjelaskan Cara Unminify File CSS. Perlu teman-teman ketahui sebelumnya, Unminify adalah salah satu metode untuk merubah kode pada file css menjadi semula yang sebelumnya sudah di kompres atau yang biasa disebut dengan istilah minify. Sebelumnya tujuan dari minify tersebut adalah untuk mengkompres kode css sehingga kode tersebut menjadi lebih ringkas dan ukuran dari file css tersebut menjadi semakin kecil, karena besar atau kecilnya file css tersebut berpengaruh besar untuk loading website yang teman-teman buat nantinya.

Hingga saat ini metode minify tersebut banyak diterapkan di berbagai framework css seperti Bootstrap salah satunya. Dan mungkin sebagian teman-teman sempat bertanya-tanya, kenapa di dalam file css Bootstrap terdapat 2 (dua) buah file dengan inisial nama yang hampir sama, dan kenapa pada file html Bootstrap tersebut menggunakan file css yang bernama Bootstrap.min.css. Hal tersebut di terapkan oleh Bootstrap dengan tujuan seperti yang saya sudah jelaskan sebelumnya. Lantas bagi teman-teman yang sudah menerapkan metode minify tersebut, jika ingin mengembalikan kode file css teman-teman seperti semula apakah bisa ? Jawaban dari saya adalah Sangat Bisa. Apalagi jika file asli css yang teman-teman buat sudah di hapus, maka untuk saat ini saya asumsikan teman-teman hanya memiliki file CSS yang sudah di kompres atau di minify.

Pada metode yang saya terapkan disini, saya menggunakan pihak ketiga atau melalui situs-situs online unminify, dan pada contoh yang saya jelaskan disini salah satunya saya menggunakan situs unminifier.

Berikut Tahapannya

  • Saya asumsikan, sebelumnya teman-teman memiliki file CSS yang ingin di unminify, atau file yang sudah di minify
  • Selanjutnya teman-teman buak file tersebut, dan copy seluruh kode yang ada di dalam file tersebut
  • Selanjutnya buka Browser yang teman-teman sukai, dan kunjungi situs www.unminifier.com
  • Selanjutnya teman-teman bisa langsung paste atau tempel kode yang sebelumnya sudah di Copy ke dalam kotak paste CSS, dan Klik tombol warna Biru yang bertuliskan Unminify.
  • Tunggu hingga proses Unminify selesai
  • Jika sudah selesai, maka kode tersebutakan berubah menjadi kode seperti semula
  • Selanjutnya Copy kode CSS hasil Unminify tersebut ke dalam file CSS teman-teman, namun saya sarankan lebih baik teman-teman buat satu buah file yang di khususkan untuk kode CSS aslinya, supaya sewaktu-waktu ingin dirubah tidak perlu di Unminify lagi, dan hanya perlu di Minify jika ada perubahan yang terbaru pada file original tersebut.

Sampai disini penjelasan saya mengenai Cara Unminify File CSS, semoga bermanfaat.