Getting Excited About Edge Code

Last night Adobe’s Create The Web Tour rolled into Portland, Oregon and I attended. The night consisted of two presentations highlighting the new tools that Adobe has developed for creating the web. Of the many tools demonstrated, Edge Code really made an impression. It looks a bit like this:

edge-code

In the past, I’ve used a grip of opensource text editors. My favorite has always been Notepad++. While I am free to modify and redistribute the code under the GPL license, I never have for one very important reason: I have no idea how to. Notepad++, like many other text editors, is written in a language I do not understand. This is where Edge Code is a bit different.

Edge Code is a distribution of Brackets which is available under the MIT license and is written in html, css, and javascript. Three technolgies that I can read and write. This is pretty exciting; I’ve always wanted to be able to edit my editor and now I can!

This is only one of the many neat features of Edge Code. It also syncs with your browser so you can see your changes in real time. It understands the relationships between html and css, allowing you to edit your stylesheet directly from an html document. It’s great to see inovations like these being developed for those of use who build the web.

I’m going to install Edge Code today with the hope that I can introduce it into my daily work flow. Have you tried it yet? If so, please leave a comment and let us know what you think about it.

17 thoughts on “Getting Excited About Edge Code

  1. Edge Code is a distribution of Brackets which is available under the MIT license and is written in html, css, and javascript. Three technolgies that I can read and write. This is pretty exciting; I’ve always wanted to be able to edit my editor and now I can!

    This is super-powerful and definitely worth getting excited about. :)

  2. I saw that demonstration last night and as soon as I got home I cloned the Brackets repo. With just a little more improvement Edge Code/Brackets will be replacing Notepad++ for my front-end web development.

    I was also intrigued by Edge Inspect for previewing and inspecting web designs on devices. I especially liked the ability to instantly get screenshots from all the currently connected devices.

    • Hi Robert! Glad to hear that I’m not the only one who went batty over Brackets last night. What do you think needs to be improved before it would serve as a replacement to Notepad++?

      Edge Inspect is pretty awesome too! I’ve been using it since the Shadow days :) Really makes multiple device testing lees of a chore.

      • Nothing major but a few things that come to mind are tabs so multiple files can be open simultaneously, better file/directory access, and the ability to SFTP the finished files to the production server right from the editor.

    • The FTP isn’t there yet, but you can open multiple files. Instead of tabs Brackets uses a vertical list of open files. You can do normal tab things like rearranging them, but there is more space to read the whole file name and it scales a bit better. Thanks for checking it out.

      • Garth,
        Thanks for the presentation and for pointing the above out to me. I’d just given Brackets a cursory once over. After playing with it a bit longer I see my concerns about multiple open files and file/directory access are unfounded. The inline editing and live preview features are awesome!

  3. Pingback: Getting Excited About Edge Code

  4. Pingback: The WordPress Weekend Roundup - WP Daily

  5. Kirk says:

    Just downloaded Edge Code. I’m really loving the simplicity and and “lightness” it seems to have. The only thing that keeps me using Coda is the built in FTP access. How would you go about working on a wordpress theme that’s currently on a staging/dev site? or even a live site? The live preview function seems to get a little funky with PHP files.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s