Jsbeautifier : Cara Cepat Percantik Struktur Kode HTML, CSS, JavaScript

Pernahkah Anda merasa risih dengan struktur hirarki kode html Anda yang berantakan, sehingga sangat sulit membacanya bahkan jika sudah menggunakan editor text yang sudah canggih sekalipun? Jika sudah seperti ini terhambat sekali pekerjaan, tentunya akan memakan waktu yang lebih lama dari yang seharusnya diprediksikan. Memuakan sekali bukan. Saya sering mengalaminya, Anda sendiri bagaimana?

Seperti pepatah, daripada mengutuk terus kegelapan lebih baik menyalakan korek api, atau sekalian saja bakar rumah Pak RW. Kan seru tuh, teraaang... Haha.. Sudah sudah, jujur saya tidak ada perasaan sinis terhadap ketua RW saya, tapi saya masih trauma dengan RW di kampung sebelah.

Lalu apa sih solusinya? Anda bisa menggunakan JSBEautifier, (http://jsbeautifier.org/). Anda tinggal mempastekan ke dalam ruang putih kosong, kemudian klik saja tombol lebar memanjang di atasnya ... begini penampakannya



Saya contohkan seperti ini,



Kemudian setelah mengklik tombol di atasnya "Beauty Javascript Or HTML" hasilnya menjadi seperti ini...



Bagaimana mudah bukan? Anda bisa menggunakan tools ini untuk percantik script Anda. Selamat mencoba.

Salam

Loka Dwiartara
Founder KaffahBiz
Founder ICC
Admin Ilmuwebsite.com

DVD Video Tutorial : Kursus Web Development Komplit Bangun 5 Project Aplikasi Website - Membuat CMS Sendiri Dari Nol, Blog, Portal Berita, Ecommerce, Web Komunitas dengan CodeIgniter 3 JQuery AJAX Bootstrap

Video Tutorial Kursus Web Development Komplit Bangun 5 Project Website ini merupakan ‘penunjuk arah’ agar Anda yang sedang maupun baru akan terjun ke dalam dunia web development yang lebih mendalam memiliki peta perjalanan pembelajaran yang lebih terarah menuju web developer professional. (Disertai pembelajaran dasar HTML CSS, JQuery, PHP & MySQL, CodeIgniter) Dibuat oleh praktisi yang memiliki pengalaman lebih dari 10 tahun di bidang web development (Pemesanan bisa SMS/WA ke 0838 1157 5876, atau bisa pesan secara online di sini)

Admin Ilmuwebsitecom

Phasellus facilisis convallis metus, ut imperdiet augue auctor nec. Duis at velit id augue lobortis porta. Sed varius, enim accumsan aliquam tincidunt, tortor urna vulputate quam, eget finibus urna est in augue.

1 komentar: