Tambah Color Picker Memudahkan Coder bermain Warna di Text Editor
pernah gak sih teman-teman lagi asik-asiknya belajar pakai Text editor baru pas mau main warna ternyata harus nulis manual, sedangkan kode warna kan banyak, kalo hanya sebatas nulis warna menggunakan bahasa inggris juga kombinasi warnanya tidak banyak. trus akhirnya tulis dulu warna standar, selanjutnya masuk ke inspect di Web browser dan baru deh ganti warna yang dimau.
tapi cara seperti itu prosesnya juga lumayan panjang, tapi ya tidak masalah sih kalo sudah terbiasa, namun ada tidak sih cara yang lebih praktis tanpa harus ribet buka sana sini?
ya bisa jadi ini salah satu solusinya. jadi kalo kita gunakan Adobe Dreamweaver, pada saat nulis code warna maka akan otomatis muncul Color Picker yang bisa kita sesuaikan warna yang kita mau, atau kita Menggunakan Bracket yang Paket Color Pickernya sudah ada bawaan dari Sononya, tapi itu juga banyak yang belum tau. na kali ini kita akan membasar Cara Menggunakan dan Mengaktifkan Color Picker pada text Editor Populer yang sering digunakan Oleh CODER.
1. Color Picker di Brackets
kita bahas dulu mulai yang sudah ada dari sononya. pada aplikasi Bracket besutan adobe, color picker sudah di includekan, kita hanya cukup panggil perintahnya maka Color Picker akan otomatis Muncul.
Misalkan teman teman menuliskan kode seperti gambar dibawah ini, dan ada baris code tentang background: #881717; , caranya silahkan klik bagian code warnanya, lalu tekan tombol pada Keyboard CTRL+E
dan hasil CTRL+E akan menampilkan Color Picker Seperti gambar dibawah ini. untuk menutupnya anda bisa tekan tombol CTRL+E atau Tekan X pada kiri atas Color Picker
Cukup mudah kan
2. Color Picker di ATOM
Pada text editor atom, anda perlu menginstallnya terlebih dulu, caranya silahkan buka menu packages –> Setting View –> Open lalu Pilih tab Install dan Tuliskan Color-picker lalu Tekan tombol Packages
Cari Color-Picker seperti gambar dibawah ini yang ditandai warna merah, lalu Klik tombol INSTALL hingga tombol berubah menjadi Setting , Uninstall dan Disable
untuk Menjalankannya, teman-teman bisa menggunakannya dengan menekan tombol CTRL+ALT+C hingga muncul Color Picker seperti gambar dibawah ini
3. Color Picker di Sublime text
Sublime text merupakan text editor yang paling banyak digunakan oleh para Developer terutama web developer. tetapi Sublime text sama seperti texteditor lain yang ternyata Color Picker tidak disediakan langsung pada paket installasi pertama, kita perlu menambahkan sendiri paket tersebut. caranya cukup mudah
silahkan tekan tombol CTRL + SHIFT + P kemudian ketikkan Install Package lalu enter . syaratnya harus terhubung ke Internet
jika sudah selanjutnya tekan CTRL + SHIFT + P kembali Lalu Ketikkan Color Picker dan Enter
tunggu beberapa saat hingga proses instalasi Color Picker Selesai. jika sudah anda bisa mengaktifkan Color Picker dengan cara menekan tombol CTRL + SHIFT + C dan hasilnya seperti gambar dibawah ini
4. Color Picker di Visual Studio Code
Visual studio Code atau sering disingkat VSCode merupakan Aplikasi Text Editor Buatan Microsoft, walaupun nama Sama dengan Visual Studio namun Memiliki Fungsi yang berbeda. VSCode bisa dibilang Text Editor Bahasa Pemrograman PHP,C,C++ dan Lain-lain. Namun Visual Studio adalah Software untuk Membangun Aplikasi Desktop berbasis Visual seperti Visual Basic, C#, Visual C++,dll.
Untuk Menambahkan Color Picker pada VSCode anda perlu menginstallnya terlebih dahulu, dengan cara tekan tombol CTRL + SHIFT + X lalu ketikkan Color Picker jika ketemu, silahkan klik Install
jika sudah silahkan buka file yang memiliki syntax Warna lalu sorot bagian warna tersebut dan lihat hasilnya
cukup mudah kan? jadi teman-teman tidak terlalu kesulitan lagi untuk menentukan Warna pada Website yang dibuat, dan dengan adanya Color Picker ini pastinya semua Coder berharap pembuatan Project akan jadi lebih cepat.
ok sekian dulu dan silahkan dicoba. jika ada Masukan boleh kirim-kirim komentarnya.
Terima Kasih.
