Mengubah Kode Menjadi Gambar yang Cantik dengan Carbon

Rabu, 13 Maret 2019

Mengubah Kode Menjadi Gambar yang Cantik dengan Carbon. Apakah kalian pernah melihat di Twitter maupun sosial media lain orang share preview source code dalam bentuk gambar dengan tampilan yang berestetika banget? Gambar atau screenshot tersebut dapat dibuat dengan mudah menggunakan Carbon. Carbon sendiri adalah project yang dikembangkan oleh Dawn Labs.


Berikut gambar yang saya maksud.


Sering banget kan lihat gambar seperti itu?

Cara membuatnya gampang banget. Pertama, kunjungi alamat https://carbon.now.sh. Lalu paste kode kalian disana. Selanjutnya tinggal kustomisasi tampilan seperti padding, drop shadow, jenis font yang digunakan, dll.

Jika sudah, tinggak klik Export di pojok kanan atas.
Tunggal diberi nama, lalu pilih mau disimpan, langsung dibuka di browser, ataupun dicopy ke clipboard.

Contoh hasil:

Menggunakan Command Line

Malas menggunakan interface web? Kalian bisa menggunakan CLI memanfaatkan carbon-now-cli.
Install dengan menggunakan npm
npm i -g carbon-now-cli
Untuk perintah penggunaannya, bisa dilihat di petunjukkan dengan menggunakan perintah
carbon-now --help

Plugin Untuk Text Editor
Beberapa text editor populer juga sudah tersedia plugin Carbon. Seperti VS Code, Atom, VimSublime Text 3, dll.
Untuk informasi lain mengenai Carbon juga bisa kalian cek di halaman GitHub mereka:

  • https://github.com/dawnlabs/carbon

Oke mungkin sekian tutorial singkat kali ini, semoga bermanfaat. Selamat mencoba. Share juga ke teman teman kalian agar mereka tau.

Artikel Terkait Coding ,Utilities