Adobe Edge: Difference between revisions

From Wikipedia, the free encyclopedia
Browse history interactively
← Previous edit
Content deleted Content added
VisualWikitext
I added some updates, made some cleanups, reduced verbosity in the table area by merging the footnotes with the table.
 
(20 intermediate revisions by 18 users not shown)
Line 1: Line 1:
{{About|the suite of web development tools|the application formerly known as Adobe Edge|Adobe Edge Animate}}
{{Infobox software
{{Infobox software
| name = Adobe Edge
| name = Adobe Edge
| logo =
| screenshot =
| caption =
| author =
| developer = [[Adobe Systems]]
| developer = [[Adobe Systems]]
| released =
| latest release version = CC
| latest release version = CC
| latest release date = {{Start date and age|2012|9|24|df=yes}}
| latest release date = {{Start date and age|2012|9|24|df=yes}}.
| announcement =
| latest preview version =
| latest preview date =
| operating system = [[Windows 7]] and later<br/>[[OS X 10.6]] and later
| operating system = [[Windows 7]] and later<br/>[[OS X 10.6]] and later
| platform =
| discontinued = yes
| language = Multilingual{{Which|date=October 2013}}
| status =
| genre = [[Web development]]
| genre = [[Web development]]
| license = [[Bundled software]]
| license = [[Bundled software]]
| website = {{URL|http://html.adobe.com/edge/}}
| website = {{URL|http://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 [[Adobe Dreamweaver|Dreamweaver]]. The first application in the suite was released in August 2011 as a multimedia authoring tool designed to succeed the [[Adobe Flash|Flash]] platform.<ref name="nextweb">{{cite web | url=http://thenextweb.com/apps/2012/09/24/adobe-launches-new-web-focused-edge-family-animate-reflow-code-inspect-webfonts/ | title=Adobe launches Web-focused Edge family: Animate, Reflow, Code, Inspect, Web Fonts and more | publisher=The Next Web | date=September 24, 2012 | accessdate=February 26, 2013 | author=Weber, Harrison}}</ref> In September 2012, Adobe renamed the application [[Adobe Edge Animate|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.<ref name="adobe">{{cite web | url=http://html.adobe.com/edge/ | title=HTML, CSS, app development software | publisher=Adobe | accessdate=February 26, 2013}}</ref>
'''Adobe Edge''' is a discontinued suite of web development tools that [[Adobe Inc.]] started developing in 2011. The tools enhances the capabilities of other Adobe apps, such as [[Adobe Dreamweaver|Dreamweaver]]. The first app in the suite was the eponymous Adobe Edge, released in August 2011 as a multimedia authoring tool designed to succeed the [[Adobe Flash|Flash]] platform.<ref name="nextweb">{{cite web | url=https://thenextweb.com/apps/2012/09/24/adobe-launches-new-web-focused-edge-family-animate-reflow-code-inspect-webfonts/ | title=Adobe launches Web-focused Edge family: Animate, Reflow, Code, Inspect, Web Fonts and more | publisher=The Next Web | date=September 24, 2012 | access-date=February 26, 2013 | author=Weber, Harrison}}</ref> In September 2012, Adobe renamed the app [[Adobe Edge Animate|Edge Animate]], and announced Edge Reflow, Edge Code, and Edge Inspect. Also packaged with the suite are Edge Web Fonts, the [[PhoneGap]] app, and an Adobe [[Typekit]] subscription.<ref name="adobe">{{cite web | url=http://html.adobe.com/edge/ | title=HTML, CSS, app development software | publisher=Adobe | access-date=February 26, 2013}}</ref> In October 2015, Adobe announced an end to the development of the Edge family.<ref name=":0">{{Cite web |date=16 April 2020 |title=Edge family of products {{!}} End of development |url=https://helpx.adobe.com/edge-animate/edge-development-faq.html |website=helpx.adobe.com |publisher=[[Adobe Inc.|Adobe]]}}</ref> By the end of September 2019, all Adobe Edge products were removed from the Creative Cloud offering.<ref name=":0" />


==Applications==
==Applications==
Line 27: Line 16:
===Adobe Edge Animate===
===Adobe Edge Animate===
{{Main|Adobe Edge Animate}}
{{Main|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 (Apple)|iOS]], [[Windows Phone 7]] and other HTML5-compatible [[web browser|browser]]s.


⚫
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.<ref>{{Cite web |date=2011-08-01 |title=Adobe Edge beta brings Flash-style design to HTML5 |url=https://arstechnica.com/information-technology/2011/08/adobe-edge-beta-brings-flash-style-design-to-html5/ |access-date=2023-01-14 |website=Ars Technica |language=en-us}}</ref> Edge builds applications based on a foundation of [[HTML5]], [[JavaScript]], [[jQuery]] and [[CSS3]]. These applications are compatible with [[iOS (Apple)|iOS]], [[Windows Phone 7]] and other HTML5-compatible [[web browser|browser]]s.
⚫
===Adobe Edge Reflow===
⚫
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,<ref name="techcrunch">{{cite web | url=http://techcrunch.com/2013/02/14/adobe-updates-creative-cloud-with-preview-of-responsive-design-tool-edge-reflow-updates-to-dreamweaver-edge-code-and-animate/ | title=Adobe Adds Responsive Design Tool Edge Reflow To Creative Cloud, Updates DreamWeaver, Edge Code And Animate | publisher=TechCrunch | date=February 14, 2013 | accessdate=February 26, 2013 | author=Lardinois, Frederic}}</ref> after being announced with the rest of the Edge suite in 2012.


===Adobe Edge Code===
=== Adobe Edge Code ===
A code-based HTML editor, Edge Code is designed to complement the other applications in the suite. It is built on the [[Open-source (software)|open source]] [[Adobe Brackets|Brackets]] platform, which Adobe launched in June 2012.<ref name="brackets">{{cite web | url=http://blog.brackets.io/2012/06/25/brackets-open-source-code-editor/ | title=Brackets: The Open Source Code Editor | publisher=Brackets | date=June 25, 2012 | accessdate=February 26, 2013 | author=Lehman, Adam}}</ref> 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. In November 2014 Adobe announced development of Code is discontinued and all Adobe's efforts will go into Brackets.<ref name="brackets">{{cite web | url=http://blogs.adobe.com/edgecode/returning-to-our-roots-edge-code-is-now-brackets/ | title=Returning to our roots: Edge Code is now Brackets | publisher=Adobe | date=November 11, 2014 | accessdate=November 11, 2014 | author=Stewart, Ryan}}</ref>
A code-based HTML editor, Edge Code is designed to complement the other applications in the suite. It is built on the [[open-source]] [[Adobe Brackets|Brackets]] app, which Adobe launched in June 2012.<ref name="brackets">{{cite web|author=Lehman, Adam|date=June 25, 2012|title=Brackets: The Open Source Code Editor|url=http://blog.brackets.io/2012/06/25/brackets-open-source-code-editor/|access-date=February 26, 2013|publisher=Brackets}}</ref> 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. In November 2014 Adobe announced development of Code is discontinued and all Adobe's efforts will go into Brackets.<ref name="AdobeBrackets">{{cite web|author=Stewart, Ryan|date=November 11, 2014|title=Returning to our roots: Edge Code is now Brackets|url=http://blogs.adobe.com/edgecode/returning-to-our-roots-edge-code-is-now-brackets/|access-date=November 11, 2014|publisher=Adobe}}</ref>


===Adobe Edge Inspect===
===Adobe Edge Inspect===
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 (operating system)|Android]] [[mobile device]]s 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.
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 (operating system)|Android]] [[mobile device]]s 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 optimized 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.

⚫
=== Adobe Edge Reflow ===
⚫
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,<ref name="techcrunch">{{cite web|author=Lardinois, Frederic|date=February 14, 2013|title=Adobe Adds Responsive Design Tool Edge Reflow To Creative Cloud, Updates DreamWeaver, Edge Code And Animate|url=https://techcrunch.com/2013/02/14/adobe-updates-creative-cloud-with-preview-of-responsive-design-tool-edge-reflow-updates-to-dreamweaver-edge-code-and-animate/|access-date=February 26, 2013|publisher=TechCrunch}}</ref> after being announced with the rest of the Edge suite in 2012.


==Services==
==Services==
Line 45: Line 35:
===PhoneGap===
===PhoneGap===
{{Main|PhoneGap}}
{{Main|PhoneGap}}
PhoneGap is a mobile development platform that enables [[computer software|software]] [[programmer]]s to build [[application software|applications]] for mobile devices using [[JavaScript]], [[HTML5]] and [[CSS3]]. Instead of device-specific languages such as [[Objective-C]],<ref>{{cite web | url=http://gigaom.com/2009/04/05/phonegap-seeks-to-bridge-the-gap-between-mobile-app-platforms/ | title=PhoneGap Seeks to Bridge the Gap Between Mobile App Platforms | author=Jose Fermoso | date=April 5, 2009 | work=GigaOM | accessdate=2012-04-07 }}</ref> 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.
PhoneGap is a mobile development platform that enables [[computer software|software]] [[programmer]]s to build [[mobile apps]] using [[JavaScript]], [[HTML5]] and [[CSS3]]. Instead of device-specific languages such as [[Objective-C]],<ref>{{cite web | url=http://gigaom.com/2009/04/05/phonegap-seeks-to-bridge-the-gap-between-mobile-app-platforms/ | title=PhoneGap Seeks to Bridge the Gap Between Mobile App Platforms | author=Jose Fermoso | date=April 5, 2009 | work=GigaOM | access-date=2012-04-07 | archive-date=2009-04-08 | archive-url=https://web.archive.org/web/20090408054440/http://gigaom.com/2009/04/05/phonegap-seeks-to-bridge-the-gap-between-mobile-app-platforms/ | url-status=dead }}</ref> 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===
===Typekit===
{{Main|Typekit}}
{{Main|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.<ref name="typekit">{{cite web | url=http://blog.typekit.com/2011/10/03/adobe-acquires-typekit/ | title=Adobe Acquires Typekit | publisher=Typekit | work=The Typekit Blog | date=October 3, 2011 | accessdate=February 26, 2013 | author=Veen, Jeffrey}}</ref> A free subscription is available to the service, with a more comprehensive option costing an annual fee.
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.<ref name="typekit">{{cite web | url=http://blog.typekit.com/2011/10/03/adobe-acquires-typekit/ | title=Adobe Acquires Typekit | publisher=Typekit | work=The Typekit Blog | date=October 3, 2011 | access-date=February 26, 2013 | author=Veen, Jeffrey}}</ref> A free subscription is available to the service, with a more comprehensive option costing an annual fee.


==Availability==
==Availability==
The applications and services in the Edge suite are available as part of Adobe's [[Adobe Creative Suite#Editions|Creative Cloud]] service. Subscription is free, although certain aspects are limited. A complete version, costing US$49.99 per month, is purchasable from Adobe,<ref name="buy">{{cite web | url=https://www.adobe.com/products/creativecloud.html | title=Adobe Creative Cloud | publisher=Adobe | accessdate=February 26, 2013}}</ref> 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.
The applications and services in the Edge suite are available as part of Adobe's [[Adobe Creative Suite#Editions|Creative Cloud]] service. Subscription is free, although certain aspects are limited. A complete version, costing US$49.99 per month, is purchasable from Adobe,<ref name="buy">{{cite web | url=https://www.adobe.com/products/creativecloud.html | title=Adobe Creative Cloud | publisher=Adobe | access-date=February 26, 2013}}</ref> 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.


{| class="wikitable"
{| class="wikitable"
Line 61: Line 51:
! style="text-align:center"| Complete
! style="text-align:center"| Complete
|-
|-
| Edge Animate || {{Partial|Old version (1.5)}} || {{Yes}}
| Edge Animate || {{Partial|Version 1.5 and earlier}} || {{Yes}}
|-
|-
| Edge Code || {{Yes}} || {{Yes}}
| Edge Code || {{Yes}} || {{Yes}}
Line 69: Line 59:
| Edge Web Fonts || {{Yes}} || {{Yes}}
| Edge Web Fonts || {{Yes}} || {{Yes}}
|-
|-
| Edge Inspect || {{Partial|1 mobile device}} || {{Yes}}
| Edge Inspect || {{Partial|One mobile device}} || {{Yes|Unlimited}}
|-
|-
| PhoneGap<sup>1</sup> || {{Yes|1 private app}} || {{Yes|25 private apps}}
| PhoneGap<ref name="cloudprice" /> || {{Yes|One private app}} || {{Yes|25 private apps}}
|-
|-
| Typekit || {{Yes}}<sup>2</sup> || {{Yes}}<sup>3</sup>
| Typekit<ref name="cloudprice" /><ref name="typePlans"/>
| {{Partial|Two fonts, one site}}
| {{Yes|Unlimited}}
|}
|}
;Remarks:
{{Refbegin}}
⚫
:<sup>1</sup> PhoneGap allows for a limited number of private, and an unlimited number of public applications to be compiled.<ref name="cloudprice">{{cite web | url=http://html.adobe.com/edge/creativecloud/ | title=HTML solutions | publisher=Adobe | accessdate=February 26, 2013}}</ref>
⚫
:<sup>2</sup> A free Creative Cloud subscriber is allowed to use 2 Typekit fonts on 1 site, with 25,000 visits per month.<ref name="cloudprice" /><ref name="typePlans">{{cite web | url=https://typekit.com/plans | title=Pricing | publisher=Typekit | accessdate=February 26, 2013}}</ref>
:<sup>3</sup> 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.<ref name="cloudprice" /><ref name="typePlans"/>
{{Refend}}


==References==
==References==
{{reflist}}
{{reflist|refs=
⚫
<ref name="cloudprice">{{cite web | url=http://html.adobe.com/edge/creativecloud/ | title=HTML solutions | publisher=Adobe | access-date=February 26, 2013}}</ref>
⚫
<ref name="typePlans">{{cite web | url=https://typekit.com/plans | title=Pricing | publisher=Typekit | access-date=February 26, 2013}}</ref>
}}


{{AdobeCS}}
{{AdobeCS}}
Line 90: Line 79:
[[Category:Adobe software|Edge]]
[[Category:Adobe software|Edge]]
[[Category:Web development software]]
[[Category:Web development software]]
[[Category:Discontinued Adobe software|Edge]]

Latest revision as of 15:23, 12 August 2023

Adobe Edge
Developer(s)Adobe Systems
Final release
CC / 24 September 2012; 11 years ago (2012-09-24).
Operating systemWindows 7 and later
OS X 10.6 and later
TypeWeb development
LicenseBundled software
Websitehtml.adobe.com/edge/

Adobe Edge is a discontinued suite of web development tools that Adobe Inc. started developing in 2011. The tools enhances the capabilities of other Adobe apps, such as Dreamweaver. The first app in the suite was the eponymous Adobe Edge, released in August 2011 as a multimedia authoring tool designed to succeed the Flash platform.[1] In September 2012, Adobe renamed the app Edge Animate, and announced Edge Reflow, Edge Code, and Edge Inspect. Also packaged with the suite are Edge Web Fonts, the PhoneGap app, and an Adobe Typekit subscription.[2] In October 2015, Adobe announced an end to the development of the Edge family.[3] By the end of September 2019, all Adobe Edge products were removed from the Creative Cloud offering.[3]

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.[4] 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 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 app, which Adobe launched in June 2012.[5] 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. In November 2014 Adobe announced development of Code is discontinued and all Adobe's efforts will go into Brackets.[6]

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 optimized 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.

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,[7] after being announced with the rest of the Edge suite in 2012.

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 mobile apps using JavaScript, HTML5 and CSS3. Instead of device-specific languages such as Objective-C,[8] 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.[9] 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,[10] 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 Version 1.5 and earlier Yes
Edge Code Yes Yes
Edge Reflow Yes Yes
Edge Web Fonts Yes Yes
Edge Inspect One mobile device Unlimited
PhoneGap[11] One private app 25 private apps
Typekit[11][12] Two fonts, one site Unlimited

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. ^ a b "Edge family of products | End of development". helpx.adobe.com. Adobe. 16 April 2020.
  4. ^ "Adobe Edge beta brings Flash-style design to HTML5". Ars Technica. 2011-08-01. Retrieved 2023-01-14.
  5. ^ Lehman, Adam (June 25, 2012). "Brackets: The Open Source Code Editor". Brackets. Retrieved February 26, 2013.
  6. ^ Stewart, Ryan (November 11, 2014). "Returning to our roots: Edge Code is now Brackets". Adobe. Retrieved November 11, 2014.
  7. ^ 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.
  8. ^ Jose Fermoso (April 5, 2009). "PhoneGap Seeks to Bridge the Gap Between Mobile App Platforms". GigaOM. Archived from the original on 2009-04-08. Retrieved 2012-04-07.
  9. ^ Veen, Jeffrey (October 3, 2011). "Adobe Acquires Typekit". The Typekit Blog. Typekit. Retrieved February 26, 2013.
  10. ^ "Adobe Creative Cloud". Adobe. Retrieved February 26, 2013.
  11. ^ a b "HTML solutions". Adobe. Retrieved February 26, 2013.
  12. ^ "Pricing". Typekit. Retrieved February 26, 2013.
Retrieved from "https://en.wikipedia.org/w/index.php?title=Adobe_Edge&oldid=1169987226"