Adobe Edge

Last updated
Adobe Edge
Developer(s) Adobe Systems
Final release
CC / 24 September 2012;10 years ago (2012-09-24).
Operating system Windows 7 and later
OS X 10.6 and later
Type Web development
License Bundled software
Website html.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]

Contents

Applications

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

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

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

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

Adobe Edge Web Fonts

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

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

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

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
FreeComplete
Edge AnimateVersion 1.5 and earlierYes
Edge CodeYesYes
Edge ReflowYesYes
Edge Web FontsYesYes
Edge InspectOne mobile deviceUnlimited
PhoneGap [11] One private app25 private apps
Typekit [11] [12] Two fonts, one siteUnlimited

Related Research Articles

<span class="mw-page-title-main">Adobe Inc.</span> American multinational software company

Adobe Inc., originally called Adobe Systems Incorporated, is an American multinational computer software company incorporated in Delaware and headquartered in San Jose, California. It has historically specialized in software for the creation and publication of a wide range of content, including graphics, photography, illustration, animation, multimedia/video, motion pictures, and print. Its flagship products include Adobe Photoshop image editing software; Adobe Illustrator vector-based illustration software; Adobe Acrobat Reader and the Portable Document Format (PDF); and a host of tools primarily for audio-visual content creation, editing and publishing. Adobe offered a bundled solution of its products named Adobe Creative Suite, which evolved into a subscription software as a service (SaaS) offering named Adobe Creative Cloud. The company also expanded into digital marketing software and in 2021 was considered one of the top global leaders in Customer Experience Management (CXM).

<span class="mw-page-title-main">Adobe Flash</span> Deprecated multimedia platform used to add animation and interactivity to websites

Adobe Flash is a multimedia software platform used for production of animations, rich internet applications, desktop applications, mobile apps, mobile games, and embedded web browser video players.

<span class="mw-page-title-main">Adobe Photoshop</span> Raster graphics editing software

Adobe Photoshop is a raster graphics editor developed and published by Adobe Inc. for Windows and macOS. It was originally created in 1987 by Thomas and John Knoll. Since then, the software has become the most used tool for professional digital art, especially in raster graphics editing. The software's name is often colloquially used as a verb although Adobe discourages such use.

<span class="mw-page-title-main">Adobe Dreamweaver</span> Proprietary web development software

Adobe Dreamweaver is a proprietary web development tool from Adobe Inc. It was created by Macromedia in 1997 and developed by them until Macromedia was acquired by Adobe Systems in 2005.

<span class="mw-page-title-main">Adobe Creative Suite</span> Discontinued software suite

Adobe Creative Suite (CS) is a discontinued software suite of graphic design, video editing, and web development applications developed by Adobe Systems.

Mobile app development is the act or process by which a mobile app is developed for one or more mobile devices, which can include personal digital assistants (PDA), enterprise digital assistants (EDA), or mobile phones. Such software applications are specifically designed to run on mobile devices, taking numerous hardware constraints into consideration. Common constraints include CPU architecture and speeds, available memory (RAM), limited data storage capacities, and considerable variation in displays and input methods. These applications can be pre-installed on phones during manufacturing or delivered as web applications, using server-side or client-side processing to provide an "application-like" experience within a web browser.

<span class="mw-page-title-main">Adobe AIR</span> Cross-platform runtime system for building rich web applications

Adobe AIR is a cross-platform runtime system currently developed by Harman International, in collaboration with Adobe Inc., for building desktop applications and mobile applications, programmed using Adobe Animate, ActionScript, and optionally Apache Flex. It was originally released in 2008. The runtime supports installable applications on Windows, macOS, and mobile operating systems, including Android, iOS, and BlackBerry Tablet OS.

<span class="mw-page-title-main">Flash of unstyled content</span> Phenomenon in web browsers

A flash of unstyled content is an instance where a web page appears briefly with the browser's default styles prior to loading an external CSS stylesheet, due to the web browser engine rendering the page before all information is retrieved. The page corrects itself as soon as the style rules are loaded and applied; however, the shift may be distracting. Related problems include flash of invisible text and flash of faux text.

Apache Cordova is a mobile application development framework created by Nitobi. Adobe Systems purchased Nitobi in 2011, rebranded it as PhoneGap, and later released an open-source version of the software called Apache Cordova. Apache Cordova enables software programmers to build hybrid web applications for mobile devices using CSS3, HTML5, and JavaScript, instead of relying on platform-specific APIs like those in Android, iOS, or Windows Phone. It enables the wrapping up of CSS, HTML, and JavaScript code depending on the platform of the device. It extends the features of HTML and JavaScript to work with the device. The resulting applications are hybrid, meaning that they are neither truly native mobile application nor purely Web-based. They are not native because all layout rendering is done via Web views instead of the platform's native UI framework. They are not Web apps because they are packaged as apps for distribution and have access to native device APIs. Mixing native and hybrid code snippets has been possible since version 1.9.

<span class="mw-page-title-main">RhoMobile Suite</span>

RhoMobile Suite, based on the Rhodes open source framework, is a set of development tools for creating data-centric, cross-platform, native mobile consumer and enterprise applications. It allows developers to build native mobile apps using web technologies, such as CSS3, HTML5, JavaScript and Ruby. Developers can deploy RhoMobile Suite to write an app once and run it on the most-used operating systems, including iOS, Android, Windows Phone, Windows Mobile, Windows CE, Windows 10 Mobile and Windows Desktop. Developers control how apps behave on different devices. RhoMobile Suite consists of a set of tools for building, testing, debugging, integrating, deploying and managing consumer and enterprise apps. It consists of the products Rhodes, RhoElements, RhoStudio, RhoConnect, and RhoGallery, and includes a built-in Model View Controller pattern, an Object Relational Mapper for data intensive apps, integrated data synchronization, and a broad API set. These mobile development services are offered in the cloud and include hosted build, synchronization and application management.

Modern HTML5 has feature-parity with the now-obsolete Adobe Flash. Both include features for playing audio and video within web pages. Flash was specifically built to integrate vector graphics and light games in a web page, features that HTML5 also supports.

Adobe Edge Animate, formerly known as just Adobe Edge, is a web development tool developed by Adobe Systems that uses HTML5, JavaScript, and CSS3 functionality. It later became part of the Adobe Edge suite, and was available as a free 30-day trial download from Adobe Creative Cloud. As of November 2015, Edge Animate is no longer being actively developed.

<span class="mw-page-title-main">Responsive web design</span> Approach to web design for making web pages render well on a variety of devices

Responsive web design (RWD) or responsive design is an approach to web design that aims to make web pages render well on a variety of devices and window or screen sizes from minimum to maximum display size to ensure usability and satisfaction.

<span class="mw-page-title-main">Chromium Embedded Framework</span> Free and open-source software framework

The Chromium Embedded Framework (CEF) is an open-source software framework for embedding a Chromium web browser within another application. This enables developers to add web browsing functionality to their application, as well as the ability to use HTML, CSS, and JavaScript to create the application's user interface.

<span class="mw-page-title-main">Brackets (text editor)</span> Editor for web development

Brackets is a source code editor with a primary focus on web development. Created by Adobe Inc., it is free and open-source software licensed under the MIT License, and is currently maintained on GitHub by open-source developers. It is written in JavaScript, HTML and CSS. Brackets is cross-platform, available for macOS, Windows, and most Linux distributions. The main purpose of Brackets is its live HTML, CSS and JavaScript editing functionality.

<span class="mw-page-title-main">Adobe Creative Cloud</span> Software as a service offering from Adobe Inc.

Adobe Creative Cloud is a set of applications and services from Adobe Inc. that gives subscribers access to a collection of software used for graphic design, video editing, web development, photography, along with a set of mobile applications and also some optional cloud services. In Creative Cloud, a monthly or annual subscription service is delivered over the Internet. Software from Creative Cloud is downloaded from the Internet, installed directly on a local computer and used as long as the subscription remains valid. Online updates and multiple languages are included in the CC subscription. Creative Cloud was initially hosted on Amazon Web Services, but a new agreement with Microsoft has the software, beginning with the 2017 version, hosted on Microsoft Azure.

Crosswalk Project was an open-source web app runtime built with the latest releases of Chromium and Blink from Google. The project was founded by Intel's Open Source Technology Center in September 2013.

<span class="mw-page-title-main">Variable font</span> Font file with many design variants

A variable font (VF) is a font file that is able to store a continuous range of design variants. An entire typeface can be stored in such a file, with an infinite number of fonts available to be sampled.

<span class="mw-page-title-main">Boxy SVG</span> Vector graphics editor

Boxy SVG is a vector graphics editor for creating illustrations, as well as logos, icons, and other elements of graphic design. It is primarily focused on editing drawings in the SVG file format. The program is available as both a web app and a desktop application for Windows, macOS, ChromeOS, and Linux-based operating systems.

References

  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. 1 2 "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. 1 2 "HTML solutions". Adobe. Retrieved February 26, 2013.
  12. "Pricing". Typekit. Retrieved February 26, 2013.