Yoss..... Kali ini MasBocah akan review soal Brackets Editor, Brackets Editor merupakan editor open source yang dikembangkan oleh Adobe. Walau MasBocah sendiri biasanya coding memakai Eclipse PHP, tapi Brackets juga memiliki fitur yang menjanjikan bagi yang suka coding. Yuk kita bahas menurut versi MasBocah :D
Brackets tersedia untuk Mac OSX, Windows, dan Linux. Brackets dapat didownload di sini.
Saat pertamakali membuka Brackets, MasBocah langsung diarahkan ke file tutorial berbasis HTML dengan CSS yang menyertainya.
Saat MasBocah lihat ini mirip Sublime Text, sisi kiri sebagai kolom file dan kanan sebagai kolom kerja. Brackets sendiri memiliki fitur-fitur yang dapat membantu kita dalam mengoding, misalanya saja :
1. Live Preview
Ini salah satu fitur yang keren menurut MasBocah yang ada di Brackets, jadi Brackets akan membuka browser Chrome untuk menunjukan hasil pekerjaan kita, saat kita melakukan perubahan pada pekerjaan kita, maka otomatis hasil di Chrome juga akan ikut berubah tanpa kita refresh browser Chrome kita. Keren kan........
2. Edit Cepat
Saat ingin mengedit CSS untuk mengubah agar sesuai dengan apa yang kita inginkan, kita tidak perlu repot-repot mencari file CSS yang bersangkutan. Di Brackets kita cuma perlu memilih element yang ada di file HTML yang ingin CSS nya kita edit, lalu kita tekan CTRL+E, maka Bracket akan mencarikan file CSS yang bersangkuta. Nah loo... mudah banget kan....
3. Warna
Saat kita ingin merubah warna background, terkadang kita tidak tau kode warna yang sesuai agar hasilnya sesuai yang kita inginkan. Di Brackets kita cuma perlu menekan CTRL+E pada saat pemilihan warna pada file CSS seperti di bawah ini,
jadi kita hanya perlu menggeser-geser warna tersebut hingga sesuai dengan yang kita harapkan. Jadi cukup membantu kan :D
Jika dirasa fitur Bracket masih kurang, kita bisa menambahkan ekstensi baru untuk di install, seperti di bawah ini,
Sekian dari MasBocah untuk perkenalan singkat soal Brackets Editor, Jika masih ada yang kurang bisa langsung kirim komen ke MasBocah. Terimakasih..... :)
1. Live Preview
Ini salah satu fitur yang keren menurut MasBocah yang ada di Brackets, jadi Brackets akan membuka browser Chrome untuk menunjukan hasil pekerjaan kita, saat kita melakukan perubahan pada pekerjaan kita, maka otomatis hasil di Chrome juga akan ikut berubah tanpa kita refresh browser Chrome kita. Keren kan........
2. Edit Cepat
Saat ingin mengedit CSS untuk mengubah agar sesuai dengan apa yang kita inginkan, kita tidak perlu repot-repot mencari file CSS yang bersangkutan. Di Brackets kita cuma perlu memilih element yang ada di file HTML yang ingin CSS nya kita edit, lalu kita tekan CTRL+E, maka Bracket akan mencarikan file CSS yang bersangkuta. Nah loo... mudah banget kan....
3. Warna
Saat kita ingin merubah warna background, terkadang kita tidak tau kode warna yang sesuai agar hasilnya sesuai yang kita inginkan. Di Brackets kita cuma perlu menekan CTRL+E pada saat pemilihan warna pada file CSS seperti di bawah ini,
Jika dirasa fitur Bracket masih kurang, kita bisa menambahkan ekstensi baru untuk di install, seperti di bawah ini,
Sekian dari MasBocah untuk perkenalan singkat soal Brackets Editor, Jika masih ada yang kurang bisa langsung kirim komen ke MasBocah. Terimakasih..... :)
Tidak ada komentar:
Posting Komentar