Gartner Blog Network

Adobe Edge is Kinda a Big Deal

by Danny Brian  |  September 27, 2012  |  1 Comment

I spent many years building Flash and Flex applications. A lot of the criticism leveled at the browser plugin had nothing to with the technology, and everything to do with the type of content developers built with it. Sure, plugins did require a bit of bending to users’ mental model, but was that really a bad thing?

Flash gave us the browser we wanted, long before we would actually get it. It formed many of our current ideas of what the modern Web could be. The tools to build content for the Flash runtime were not perfect, in part because they tried to straddle the worlds of creative professionals, coders, and applications developers. But as a platform for development of native and desktop applications, Flash remains an important part of the entertainment software ecosystem, and will remain that in the foreseeable future. If you doubt it, check out this video of the new Farmville 2, built by Zynga for Flash Player 11. Purty.

I moved on from Flash development to pure Web development some time ago. As much as I like the standards-based approach, the dearth of tools to help with Web development has always been notable to me. At this week’s Create The Web conference, Adobe unveiled seven new tools and services focused on Web development. Many of these tools have been open source projects to this point, now available as commercial offerings via the Creative Cloud service. The functionality here is impressive.

  • Edge Code, based on the open-source Brackets project, is a code editor for HTML, CSS, and JavaScript. Because it is built on those same technologies, it’s aware of all the relationships between code and files. Put the cursor on a JavaScript function call, and you can open the referenced code inline, regardless of the source file’s location. Need to tweak colors? Use the built-in color picker. Edge Code also lets you open a live preview in Chrome, meaning developers never have to switch to a browser and hit reload in order to see changes.
  • Edge Inspect lets you expand these live previews across mobile devices. As you tweak CSS and JavaScript, changes occur in real-time across wirelessly-connected devices.
  • Edge Reflow (not yet available) is an authoring tool for responsive design. This gives you visual control over multi-channel Web development, with CSS3 media queries represented as draggable bars. The tool gives you command over how elements get hidden, revealed, scaled, or otherwise manipulated on devices of different sizes and form factors. The time this will save me…
  • PhoneGap is a great tool to bring Web technologies to the app store, but maintaining local SDKs and building these apps on the desktop has never been particularly easy. PhoneGap Build is a service that packages up mobile Web apps in the cloud. Upload your files, and watch as a native-ready version gets built for all the popular mobile devices. You can then scan a QR code with your phone to automatically load the app onto the device, with a start-to-finish time of minutes.
  • Edge Animate is a Flash-like authoring tool for animated content. You get intuitive keyframing and other features familiar to creative professionals, but targeting HTML/CSS/JavaScript.
  • Edge Web Fonts gives you a large library of free Web fonts hosted by Typekit.
  • Typekit is adding 500+ new Web fonts.

As valuable as these offerings will be to Web developers, equally impressive to me is the overall attitude behind the Edge tools. All of the tools provide easy access to code, rather than attempting to abstract away any elements. The Adobe Edge teams clearly understand the modern Web coder better than many: Web coders want tools that help to solve development challenges, rather than solving them outright (because that has never worked well). These tools do nothing to step on the coder’s toes or limit integration options.

The corollary to this developer friendliness is that the Edge tools are highly agnostic to both server platforms and Web frameworks. You can use them as part of workflows to building applications for Rails, Node, or even Sharepoint. Full-stack integration could be part of Adobe’s applications strategy of the future (as with LiveCycle and Flex), making for a turnkey enterprise offering. But I hope the Web development community receives the Edge tools and their open source projects with sufficient enthusiasm to show Adobe that the task-focused, non-prescriptive approach is the right one. If and how a business model gets built around these (currently free) tools is another conversation. For now, I’m just going to enjoy using them.

Category: application-development  

Tags: adobe  css  javascript  

Danny Brian
Research VP
4 years at Gartner
21 years IT industry

Danny Brian covers presentation layer technologies, tools and techniques - the stuff people interact with on endpoint devices, and the ways to make it great. Read Full Bio.

Thoughts on Adobe Edge is Kinda a Big Deal

  1. The best part about this tool is its independence on platform. We’re living in an age when users want applications to work wherever and without a glitch. Integrating this with the latest XHTML version can produce some great results.

Comments are closed

Comments or opinions expressed on this blog are those of the individual contributors only, and do not necessarily represent the views of Gartner, Inc. or its management. Readers may copy and redistribute blog postings on other blogs, or otherwise for private, non-commercial or journalistic purposes, with attribution to Gartner. This content may not be used for any other purposes in any other formats or media. The content on this blog is provided on an "as-is" basis. Gartner shall not be liable for any damages whatsoever arising out of the content or use of this blog.