Adobe Edge

From Wikipedia, the free encyclopedia
Jump to: navigation, search
This article is about the suite of web development tools. For the application formerly known as Adobe Edge, see Adobe Edge Animate.
Adobe Edge
Developer(s) Adobe Systems
Stable release CC / 24 September 2012; 2 years ago (2012-09-24)
Operating system Windows 7 and later
OS X 10.6 and later
Available in Multilingual[which?]
Type Web development
License Bundled software
Website html.adobe.com/edge/

Adobe Edge is a suite of web development tools developed by Adobe Systems that enhances the capabilities of their other applications, such as Dreamweaver. The first application in the suite was released in August 2011 as a multimedia authoring tool designed to succeed the Flash platform.[1] In September 2012, Adobe renamed the application Edge Animate, and announced Edge Reflow, Edge Code, and Edge Inspect. Also packaged with the suite are Edge Web Fonts, the PhoneGap application, and access to Adobe's Typekit service.[2]

Applications[edit]

Adobe Edge Animate[edit]

Main article: Adobe Edge Animate

On August 1, 2011, Adobe announced the development of Edge as a new multimedia authoring tool to succeed the Flash platform for browser-delivered content, and released a preview version of the software. Edge builds applications based on a foundation of HTML5, Javascript, jQuery and CSS3. These applications are compatible with iOS, Windows Phone 7 and other HTML5-compatible browsers.

Adobe Edge Reflow[edit]

Edge Reflow is an application designed to allow for development of responsive web design. Similarly to Adobe Muse, Edge Reflow design is based on the visual layout of a web page, rather than the code that makes it up. This was a completely new tool, rather than a reworking of an old application, or one acquired by Adobe. The initial preview was made available to the public in February 2013,[3] after being announced with the rest of the Edge suite in 2012.

Adobe Edge Code[edit]

A code-based HTML editor, Edge Code is designed to complement the other applications in the suite. It is built on the open source Brackets platform, which Adobe launched in June 2012.[4] Rather than replacing Brackets, Edge Code is designed to make it more accessible, and integrate its functionality into existing Adobe applications. As with Edge Reflow, Edge Code is available as a public preview, launched alongside the announcement of the Edge suite.

Adobe Edge Inspect[edit]

Edge Inspect, formerly Adobe Shadow, was developed as a way of quickly previewing a web design on mobile platforms without publishing the associated files to a server. It allows iOS and Android mobile devices to be paired to a computer, and each device will display the same site using its native render and presentation modes. Rather than previewing a site optimised for mobile viewing on a desktop machine, Edge Inspect sends the file to paired devices, where it is rendered and displayed. Code may be edited live, with changes being displayed on paired devices as they are made, and screenshots from all devices can be collected remotely from the computer that hosts the connection. It was released with the announcement of the Edge suite.

Services[edit]

Adobe Edge Web Fonts[edit]

Edge Web Fonts provides access to a collection of online fonts, available for use in web documents. These fonts are provided by Adobe, Google, and independent contributors. The service is integrated with the other Edge suite applications, allowing for a larger catalogue of fonts to be used in web development, whilst remaining compatible with all devices. It is also accessible via the Edge Web Fonts site, which generates the code necessary for inclusion in other sites. It is powered by Typekit, but does not provide the same service, and is completely free.

PhoneGap[edit]

Main article: PhoneGap

PhoneGap is a mobile development platform that enables software programmers to build applications for mobile devices using JavaScript, HTML5 and CSS3. Instead of device-specific languages such as Objective-C,[5] applications are developed independently of their intended platforms, and then compiled and packaged as applications for a range of popular mobile operating systems, including iOS, Android, and Windows Phone.

Typekit[edit]

Main article: Typekit

Typekit is a service which allows subscribers to embed fonts into online documents. Unlike Edge Web Fonts, Typekit requires a subscription, which provides access to the font library. The system was initially developed by Small Batch Inc., and purchased by Adobe in October 2011.[6] A free subscription is available to the service, with a more comprehensive option costing an annual fee.

Availability[edit]

The applications and services in the Edge suite are available as part of Adobe's Creative Cloud service. Subscription is free, although certain aspects are limited. A complete version, costing US$49.99 per month, is purchasable from Adobe,[7] and lifts some of the restrictions placed on free subscribers. The complete subscription also comes with access to the other applications in the Adobe Creative Suite, along with 20GB of online storage, compared to the 2GB available to free users.

Creative Cloud
Free Complete
Edge Animate Old version (1.5) Yes
Edge Code Yes Yes
Edge Reflow Yes Yes
Edge Web Fonts Yes Yes
Edge Inspect 1 mobile device Yes
PhoneGap1 1 private app 25 private apps
Typekit Yes2 Yes3
Remarks
1 PhoneGap allows for a limited number of private, and an unlimited number of public applications to be compiled.[8]
2 A free Creative Cloud subscriber is allowed to use 2 Typekit fonts on 1 site, with 25,000 visits per month.[8][9]
3 A complete Creative Cloud subscriber is allowed to use any number of Typekit fonts on an unlimited number of sites, with 500,000 visits per month.[8][9]

References[edit]

  1. ^ Weber, Harrison (September 24, 2012). "Adobe launches Web-focused Edge family: Animate, Reflow, Code, Inspect, Web Fonts and more". The Next Web. Retrieved February 26, 2013. 
  2. ^ "HTML, CSS, app development software". Adobe. Retrieved February 26, 2013. 
  3. ^ Lardinois, Frederic (February 14, 2013). "Adobe Adds Responsive Design Tool Edge Reflow To Creative Cloud, Updates DreamWeaver, Edge Code And Animate". TechCrunch. Retrieved February 26, 2013. 
  4. ^ Lehman, Adam (June 25, 2012). "Brackets: The Open Source Code Editor". Brackets. Retrieved February 26, 2013. 
  5. ^ Jose Fermoso (April 5, 2009). "PhoneGap Seeks to Bridge the Gap Between Mobile App Platforms". GigaOM. Retrieved 2012-04-07. 
  6. ^ Veen, Jeffrey (October 3, 2011). "Adobe Acquires Typekit". The Typekit Blog. Typekit. Retrieved February 26, 2013. 
  7. ^ "Adobe Creative Cloud". Adobe. Retrieved February 26, 2013. 
  8. ^ a b c "HTML solutions". Adobe. Retrieved February 26, 2013. 
  9. ^ a b "Pricing". Typekit. Retrieved February 26, 2013.