New Features of Adobe Edge Code CC
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.
SEE ALSO: 5 Adobe Photoshop Common Mistakes
Now let’s take a look at some of the coolest features of Edge Code CC.
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.
Edge Web Fonts support
Edge Code works with other Edge tools and services such as Web Fonts. If you want to use Web Fonts in your CSS file, then simply write font-family tag, and choose Browse Web Fonts in the opened list of fonts…
Choose the appropriate font and press Done button.
Preview on mobile devices with Edge Inspect CC
The Preview on Devices using Edge Inspect CC button is designed to activate this feature. Using Edge Inspect CC you can test your code on iOS, Android, and Kindle Fire.
To use Edge Inspect with Edge Code, start Inspect on your desktop and all your devices, and then Click on the Edge Inspect button. This will open up the Edge Inspect panel. From the device, add a connection to Edge Code by specifying the IP address of your desktop. Now, any changes you make on the Edge Code will be reflected on your device, in real time.
TNW asked Adobe if they felt that Edge Code is a competitor to popular pseudo IDEs like Coda or Espresso, and they received an interesting response:
Edge Code CC is currently a preview release. While this version is stable and mostly free of bugs, the preview version is missing features that might be required. Adobe hopes to have a version of Edge Code that is ready for day-to-day use in mid-2013.