The Adobe Edge Tools and Services are a collection of applications with each one dealing with a specific function. There are a total of seven applications or services bundled in the Adobe Edge Tools. These will be available with your Creative Cloud membership. The free basic membership includes 2 GB storage to the Creative Cloud, Edge Inspect with 1 connected device, Typekit (or Edge Fonts) with access to 1 site and 2 fonts, PhoneGap Build with a 100 builds per month limit and Edge Code.
If you’re a complete member to the Creative Cloud, then you have access to all 7 applications; Edge Inspect CC, Edge Animate CC, PhoneGap Build, Typekit, Edge Code, Edge Reflow and also the freely available fonts from Edge Web Fonts and 20 GB of storage in the Creative Cloud.
Edge Inspect CC, PhoneGap Build, Edge Animate CC and Typekit can all be purchased as single-app memberships at a reduced cost.
So let’s have a look at each and see what they do.
Create, Animate, Resize, Extend and Reuse, the 5 mantras of Edge Animate.
A unique feature by pressing CMD-E on any hex color you can see the colour in the Adobe Colour picker and visually change it from there.
This is an application that you install on your desktop, your iPad, your Android Device, iPhone and as many devices as you want to test it on. This gives you the opportunity to preview the site that you’re designing live on a multitude of devices simultaneously, all wirelessly. Also any changes that you do are updated live to the devices. In addition to previewing, you have access to all the web developer tools in chrome for debugging on each of the devices.
macProVideo site loaded in Chrome and iPad with the Chrome DevTools loaded for the iPad render.
This is more of a web app rather than your traditional desktop installed application. It’s essentially a web service. This is similar to Google Fonts or Font Squirrel where it’s a Font Foundry, collection of freely available fonts that you can use. You basically pick the fonts that you wish to use, apply any properties to the font to achieve the desired look and feel and once that’s been accomplished, the site will supply you with two lines of code that you can add to your site.
A collection of 12 fonts out of the 502 available.
Typekit is similar to Adobe Edge Fonts with one big difference, in Typekit you have a choice from thousands of fonts from the world’s top font foundries like FontFont, ps.type.lab, Adobe Fonts and many more. In addition to that, they’ll be rolling it out over the next year or so that the Typekit subscription will also include print fonts as well as web fonts. The site is beautifully designed and is a joy to use with a very reasonable price tag.
A screenshot of the web application showing a foray of web fonts.
Pluralist Survival Guide App ready to be downloaded for Android and Windows Mobile.
Edge Reflow is a great tool that ties in well with Photoshop. This gives graphic designers the ability to create responsive designed sites with ease, by reflowing the content dynamically depending on the width of the browser window. Traditionally, graphic web designers design the layout of the site to be coded by the developer. With the advent of multiple devices and different screen widths, the designer has to design 3, 4 or more layouts for each page. With this tool it allows you to create one layout that will adapt accordingly.
A page layout design that adapts to different screen widths.
As you can see, these are an amazing collection of applications and services focused on making your life easier as a web designer or developer. From designing responsive websites to building web apps to deploying and building mobile applications, with Edge animate for your animations and the Edge Web Fonts and TypeKit for your fonts, this package has everything that you need to deliver the latest cutting edge sites and apps that today’s clients need. As an added bonus, a lot of these are already free as part of the basic membership to the Creative Cloud and if you’re a complete member then you have access to all of the premium features.