Brackets : Code Editor Bagi Web Designer


Web Designer atau Front-End Developer merupakan bagian dari satu pekerjaan membuat website. Jika kamu seorang Web Designer pastinya kamu ingin sekali mempunyai software Open Source yang dapat menunjang pekerjaan mu. Udah Gratis, Keren, Gampang, Fiturnya pun dapat dibilang asik untuk digunakan.

Kalo kamu mencari sebuah software yang saya maksud diatas. Mungkin Brackets bisa menjadi salah satu jawaban. kenapa ? menurut pengalaman pribadi sih brackets emang paling pas dihati, selain ini gratis saya bisa langsung menikmati fitur - fitur yang menunjang.

Brackets merupakan salah satu aplikasi yang biasa digunakan untuk para kalangan web designer, karena bisa dibilang Brackets ini berfokus pada bahasa HTML, CSS, Javascript. ya walaupun dia mendukung bahasa lainnya seperti C++, C, C#, Phyton, PHP dan lain sebagainya. Selain itu Brackets juga tersedia pada Windows, Linux, maupun Mac OS.

Terus yang membedakan dengan editor lainnya itu apa sih ?

  1. Live Preview HTML Development

    Live Preview
    Live Preview - Google.com
    Dengan menggunakan Brackets, Sesaat setelah kamu menuliskan code pada software tersebut codenya akan langsung berfungsi ke halaman web browser. Jadi, kamu dapat langsung melihat hasil code tersebut. Gunakan Google Chrome agar fitur ini berfungsi dengan baik ya !. hehe

  2. In-Line Editor

    Inline CSS
    Inline CSS - Google.com
    Selain dapat menggunakan live preview, ada juga fitur menarik dari Brackets yaitu Inline Editor. Dengan fitur ini kamu dapat mengedit rules pada CSS dengan mudah tanpa harus berpindah dokumen, hal ini juga berlaku untuk javascript loh!

  3. PSD to CSS

    PSD to CSS
    PSD to CSS - Google.com
    Kalian para Web Designer pasti menggunakan PSD untuk mendesign sebuah website bukan ? jika kalian menyimpannya menjadi file berekstensi PSD. kalian dimungkinkan untuk memasukannya kedalam Brackets. Sehingga ukuran, margin, warna, sampai path file gambarpun dapat kalian lihat pada Brackets. jadi gak usah ngira - ngira jarak lagi.

  4. Extensions yang menunjang

    Beautify
    Beautify - Google.com
    Hal yang saya suka dari Brackets lainnya adalah Extensions yang banyak menunjang. contohnya adalah Beautify (Bukan buat selfie ya), Ketika kita menggunakan Extension ini kita dengan mudah mengatur bentuk dari code HTML. Hanya dengan Ctrl+Shift+L (Windows) atau Cmd+Shift+L (Mac) maka codingan kalian akan dapat mudah dibaca dengan Beautify. formatnya pun akan menjadi sangat rapih.

Jika kalian ingin mempunyai Brackets, kalian bisa langsung download di link ini nih :
Brackets - Code Editor for Web Desinger

Sekian Informasi dari Saya, Semoga Membantu ! HAPPY SHARING!

No comments

Powered by Blogger.