Blog Request tutorial? klik disini!

  • 6 Text Online Editor Untuk Web Programming

    Ditulis oleh: Reza Indra Gunawan
    878 kali dibaca
    27 Oct / 2014 23:40

    Dalam membuat sebuah coding, biasanya kita membutuhkan software text editor yang terinstal di komputer kita. Namun kini sudah tidak lagi, dalam beberapa tahun terakhir beberapa teks editor online sudah banyak bermunculan. Ini adalah aplikasi web yang memungkinkan kita melakukan real-time editing dan preview dari kode client-side: HTML, CSS, dan JavaScript.

    Menariknya text editor online ini gratis, bisa digunakan untuk memudahkan melakukan debungging, share coding, atau sebagai media belajar yang mudah. Berikut adalah 6 text editor terbaik untuk web programming.

    1. Codepen

    Codepen adalah salah satu dari text editor paling populer. Dibuat oleh programmer Chris Coyier dari CSS Triks. Selain tampilan yang sederhana, Codepen juga menampilkan preview live langsung dari kode yang telah kita buat dalam text editor, sehingga lebih mudah untuk melihat sebab dan akibatnya.

    [Get it here]

    2. JSFiddle

    JSFiddle juga merupakan text editor yang paling terkenal. JSFiddle memiliki lebih dari 30 library JavaScript siap untuk langsung digunakan, ditambah juga dapat menambahkan file eksternal dengan mudah. Memiliki SCSS untuk CSS, CoffeeScript untuk JS dan simple vanilla HTML.

    [Get it here]

    3. JS Bin

    JS Bin diciptakan oleh Remy Sharp, master JavaScript pengembang yang memiliki sebuah perusahaan pengembangan web terfokus pada JavaScript dan HTML5. Memiliki lebih dari 40 JS library. Kita dapat menambahkan file eksternal. JS Bin juga memungkinkan anda untuk men-download file di komputer anda.

    [Get it here]

    4. CSSDeck

    CSSDeck memiliki fitur HAML, Markdown, Slim, and Jade for HTML, LESS, Stylus, SASS, and SCSS for CSS, and CoffeeScript for JS. Desain coding yang sangat nyaman.

    [Get it here]

    5. Dabblet

    Dabblet memiliki fitur menampilkan warna gradient jika kita menulis kode warna hex. Meskipun saya tidak yakin kalau itu benar-benar sebuah fitur yang berguna, tapi itu masih cukup menarik.

    [Get it here]

    6. Liveweave

    Liveweave menawarkan lebih dari 20 perpustakaan JavaScript. Juga bahkan mendukung SVG. Hal ini juga dilengkapi dengan built-in ruler yang sangat bagus untuk mendapatkan pengukuran yang tepat dan estetika.

    [Get it here]






Baca juga

Rukan Artha Gading Niaga Blok i - 23, Jalan Boulevard Artha Gading

Kelapa Gading, Jakarta Utara 14240

(Belakang Mall Artha Gading)

Telp: (021) 4585-0387


Ruko Permata Regensi Blok B - 18, Jalan Haji Kelik

Srengseng, Kebon Jeruk, Jakarta Barat 11630

(Depan Hutan Kota Srengseng)

Telp: (021) 5890-8355


Ruko Jalan Taman Daan Mogot Raya No. 23

Kel. Tanjung Duren Utara Kec. Grogol Petamburan, Jakarta Barat 11470

(Belakang Mall Citraland dan Kampus UNTAR II)

Telp: (021) 2941-1188


Ruko Jalan Kartini Raya No. 53

Pancoran Mas, Depok 16436

(± 5 Menit dari Kantor Walikota Depok)

Telp: (021) 7720-7657


Rukan Crown Palace Blok A no 12, Jl Prof Dr Soepomo no 231 (Samping Universitas Sahid).

Kec. Tebet, Kel. Menteng Dalam.

(± 1 Menit dari Tugu Pancoran)

Jakarta Selatan 12870

Telp: (021) 2298-3886

Buka setiap hari Senin - Minggu jam 09.00 s/d 21.00

SMS: 0851-0055-5666 / 0819-7555-666 / 0812-9933-3913 / 0812-9393-3210 / 0812-1999-9155