10 Media untuk Berbagi Kode Snippets

Integrated Development Environment (IDE) tool yang cukup kuat sebagai aplikasi online untuk mempercepat dan share potongan kode melalui user interface natural, intuitif dan praktis. Dan terakhir live preview dan jendela terpisah untuk CSS, HTML dan JS serta mencakup berbagai instrumen bermanfaaat seperti pre-install library JavaScript, support dengan bahasa pre-processor, kode generator, tool untuk pekerjaan kolaboratif dan lain-lain.

Kami telah menambahkan list dari 10 media yang luar biasa untuk berbagi potongan kode dengan cepat. Jadi jika Anda sedang kebingungan untuk memulainya, cukup pilih media yang menurut Anda bagus.

Codepad

1-codepad

Codepad adalah platform baru yang cocok untuk developer berbagai bidang. Apakah Anda mengkhususkan diri dalam ActionScript atau C-Sharp, layanan ini akan cocok untuk Anda yang membutuhkan  fasilitas untuk menulis, pengujian, penyimpanan dan share potongan kode Anda secara online.

Tergantung pada kebutuhan Anda dapat membuat snippet untuk publik, pribadi dan swasta mengumpulkannya menjadi satu projek sehingga dapat mengkompilasi koleksi.

Dengan komunitas yang aktif, Anda juga dapat mengikutinya dengan sesama developer, mencari tahu solusi baru dan terinspirasi oleh kreasi lainnya.

Codepen

2-codepen

Codepen adalah favorit pada developer yang menaungi ribuan coders yang antusias dan invensi mereka. Untuk menikmati manfaat tambahan, seperti sharing pribadi Anda harus mendaftar, namun jika Anda perlu dengan cepat menulis kode snipper Anda dapat menekan tombol “New Pen” dan mulai menulis kode.

Tidak hanya tool yang sangat bagus untuk prototyping komponen atau elemen UI dengan bantuan HTML/CSS/JavaScript, tetapi juga sebuah galeri besar secara online dimana Anda dapat menemukan sebuah dorongan dan jawaban untuk masalah Anda. Diantara fitur pentingnya siap digunakan untuk pre-processor sebagai SASS, LESS, Stylus, SCSS, CoffeeScript dan LiveScript.

Github Gist

3-github-gist

Sama seperti contoh sebelumnya, Github Gist adalah salah satu pilihan yang lebih disukai oleh developer ketika tiba untuk membangun proyek-proyek open-sorce. Anda dapat membuat gits umum atau rahasia, disertai dengan potongan kode dengan dokumentasi atau petunjuk dan memperbaruinya setiap kali jika Anda perlu. Terlebih lagi siapapun bisa berkomentar atau menyukai nya.

CSSDeck

4-cssdeck

Dengan lebih dari 40.000 anggota terdaftar, CSSDeck adalah platform terkemuka untuk menulis kode dan berbagi source code. Meskipun dilihat dari nama terkonsentrasi dengan CSS, Anda dapat membangun konsep yang berpusat sekitar HTML dan JavaScript.

Anda tidak harus memiliki akun untuk menggunakannya. Namun demikian, jika Anda ingin menikmati semua fasilitas, Anda akan lebih baik membuat akun dan dalam hal ini gratis.

Codeshare

5-codeshare

Codeshare merupakan hal lain dari “no-sign-up-required” editor frontend yang menawarkan developer dapat bermain dengan antarmuka yang intuitif dan satu set kecil tool bermanfaat. Hanya menulis atau paste kode, share link dengan rekan-rekan dan membahas ataupun memecahkan masalah bersama-sama. Selain itu ada video chat yang didukung oleh WebRTC untuk berkolaborasi secara real-time. Satu-satunya kelemahannya adalah bahwa proyek Anda akan menghilang dari server selama 14 hari.

jsFiddle

6-jsfiddle

jsFiddle masuk langsung to the point. Mejadi salah satu yang pertama diarea ini, tidak ada halaman petunjuk arahan pada halaman utama yang menekankan fitur dari playground atau menunjukan karya orang lain. Namun itu tidak mengapa, yang harus Anda lakukan yaitu menyediakan coders dengan smart board untuk mencampurkan dan mencocokan berbagai teknik untuk mencapai hasil yang diinginkan.

Homepage ini dibagi menjadi empat bagian dimana Anda dapat menulis dalam HTML, CSS dan JavaScript dan melihat efeknya secara realtime. jsFiddle memiliki beberapa kualitas tertentu seperti :

  • Bantuan typescript
  • Auto-saving untuk konsep lokal
  • Library JavaScript
  • Tool kolaborasi untuk tim
  • Cara intuitif dan efisien untuk menghasilkan kode embed dan lainnya.

Codeply

7-codeply

Dengan dukungan yang kuat untuk boilerplates terkenal seperti Bootstrap, Foundation, Materialize, SemanticUI, Skeleton dan beberapa yang lainnya, Codeply adalah tempat yang sangat baik untuk membuat desain responsif, widget dan komponen untuk framework. Anda dapat menggunakan layout standar, potongan dan elemen yang tepat dari editor untuk meningkatkan proyek. Ada juga sebuah galeri online dengan pekerjaan yang dirilis oleh anggotanya.

Dabblet

8-dabblet

Dabblet adalah intrumen besar ketika datang untuk memecah tugas menjadi bagian-bagian yang terpisah dan visualisasi hasil individual. Ada lima jenis yang berbeda dari preview (CSS dan hasil, HTML dan hasil, JS dan hasil  dan gabungan semuanya). Meningkatkan alur kerja dari berbagai sudut. Sayangnya, daftar fitur tidak mengesankan seperti di Codepen.

Namun, Anda dapat memperbaiki hal ini dengan cara manual memasukan semua library yang dibutuhkan. Hal ini sederhana, mudah dan tidak akan melelahkan Anda dengan berbagai tool.

LiveWeave

9-liveweave

LiveWeave memuat dengan :

  • Ton library yang secara teratur diperbarui, mulai dari AngularJS dan berakhir dengan Zepto
  • Generator untuk teks dummy yang diujung jari Anda
  • Mengekspor instrumen
  • Generator kode CSS3
  • Warna dan lab palet
  • Dan tool untuk kerja sama tim

Empat bidang tertata rapih memungkinkan untuk menulis HTML, CSS dan kode JS secara independen dan merenungkan hasil kolaborasi mereka di window preview. Terlebih lagi, jika Anda sakit dan lelah dengan tema default gelap dari UI, Anda dapat beralih ke light skin.

Pastie

10-pastie

Pastie adalah tool primitif yang merupakan alternatif untuk tool share dasar. Jika Anda perlu dengan cepat menyusun potongan kode dan share dengan orang lain. Ia menawarkan antarmuka dengan pengguna yang bersih dengan sintaks yang solid. Hanya mengatur bahasa dan layanan akan melakukan semuanya. Meskipun mungkin tidak bermain tradisional dengan live preview, dukungan untuk pra-prosesor dan pra-instal library, bagaimanapun, masih menggunakan cara yang elegan untuk menulis dan share fragmen kode.

Kesimpulan

Real-time editor yang bekerja dengan bahasa sisi klien, seperti HTML, CSS dan JavaScript adalah bantuan besar bagi pemula dan coders profesional. Apakah Anda perlu untuk menguji teknik baru, menaruh beberapa trik inventif dalam tindakan atau bantuan luar untuk memecahkan masalah, ada tool yang lebih baik. Gratis, fitur tambahan dan kebebasan memilih hanya icing pada kue. Bagaimana? Menurut Anda media yang manakah yang paling cocok dengan kebutuhan Anda? Semoga bermanfaat.

Comments

comments