|
Edge Code is an editor developed for web developers and web designers who write HTML, CSS, and JavaScript. It is built on an open source project called Brackets which was released in May 2012. Edge Code CC is Brackets plus features that use Adobe services and such products as Edge Inspect CC, Edge Web Fonts and PhoneGap Build.
Edge Code allows speed up development cycle by connecting directly to your browser for automatic real-time updates to the HTML content running inside the browser. It enables you to focus on writing your code rather than worrying about all the required steps in switching between your editor and browser and step through development and debugging iterations.
If you have the skills to use Edge Code, you also have the experience to customize the editor and provide new features. There is a growing JavaScript API to allow you to build new extensions. Although Edge Code is a commercial distribution of Brackets, you can use it for free and Adobe doesn’t plan to change this.
Now let’s take a look at some of the coolest features of Edge Code CC.
Live Preview
Live Preview allows you to edit your code side by side with a Chrome browser that displays the HTML page you are editing in Edge Code CC. To activate the feature, click on the Live Preview icon at the top right of the app window or go to File> Live Preview.
As you change the CSS properties, the changes are pushed to Chrome without having to actually save the files and reload the page in Chrome. You also get visual clues on what you are editing.
If you change your HTML code, then the Chrome browser will automatically reload the page after saving HTML file.
You can read full version of this overview on Designmodo.com
| 
