Adobe Create the Web”

Ben Moss.
September 25, 2012

ThumbnailYesterday, Adobe used the keynote slot of their Create the Web’ event in San Francisco to preview what they hope, will be the next generation of tools that you and I use to build the web.

For those of us not lucky enough to be in the hall with them, the event was streamed online — ironically displayed using Flash Player. That was however, the only dated aspect of the presentation.

Much of the community has been querying Adobe’s commitment to innovation in the last couple of years, especially with the apparent cash cow of 0.5 incremental releases of the Creative Suite products. However, we’re now starting to get a glimpse of what the web enthusiasts at Adobe have actually been working on; not behind closed doors, but seemingly, in the real world.

Community driven projects frequently disappoint: slow development, numerous bugs, and a lack of direction are frequent criticisms. Adobe have managed to avoid at least the latter.

There is now a clear commitment from Adobe to what we think of as core web technologies — HTML(5), CSS(3) and JavaScript — and they’ve built a suite of products not only around these technologies, but actually with them.

CSS3 filters, apparently based on the PixelBender toolkit that was popular with Flash developers several years ago have been actively developed and implemented in both Webkit (which powers Chrome and Safari) and iOS6. These filters are vendor-prefixed for now, but Adobe’s involvement with the W3C means we should see them across the board in the not too distant future.

A number of new products were announced, including: Adobe Edge Animate, for animation using HTML5; Adobe Edge Code, for coding sites and live previewing in a browser; Adobe Edge Inspect, for testing sites across multiple devices simultaneously; and Adobe PhoneGap Build, an application version of the PhoneGap SDK for building mobile apps using core web technologies.

Adobe Edge Animate

Adobe Edge Animate

Adobe Edge Code

Adobe Edge Code

Adobe Edge Inspect

Adobe Edge Inspect

Adobe Edge PhoneGap Build

Adobe PhoneGap Build

Another headline grabbing announcement is that of Adobe Edge Webfonts, a service of over 500 open source fonts for use online and in apps. Developed as a partnership between Adobe’s Typekit and Google, Edge Webfonts are available for use as of today. This looks like a move to reassert control over the lucrative font market that has been diversifying in the last year or so.

Adobe Edge Web Fonts

Adobe Edge Web Fonts

The most exciting part of the keynote was the announcement of Adobe Edge Reflow. Reflow could be the next generation of WYSIWYG editor, designed to help you create responsive websites. With built-in support for breakpoints and working natively in CSS, it could be the go to tool for responsive design very soon. Edge Reflow is expected to be available before the end of the year.

Adobe Edge Reflow

Adobe Edge Reflow

All tools are part of Adobe’s Creative Cloud set of products, but the biggest announcement of the day was that they’re all part of the free subscription, meaning they’ll cost you nothing at all to use.

Learn more at html​.adobe​.com or watch the full 80 minute keynote at html​.adobe​.com/​e​vents

Are you excited by Adobe’s latest products? Does anyone else make tools to rival Adobe’s? Let us know your thoughts in the comments.

Ben Moss

Ben Moss is Senior Editor at WebdesignerDepot. He’s designed and coded work for award-winning startups, and global names including IBM, UBS, and the FBI. One of these days he’ll run a sub-4hr marathon. Say hi on Twitter.

Read Next

Apple Opts for AR over VR at WWDC

An Apple VR headset has been one of the most widely-rumored devices of the last few years, and it was finally settled a…

Exciting New Tools for Designers, June 2023

We’re halfway through 2023 already, and the number of incredible apps, tools, and resources for designers is mounting.

3 Essential Design Trends, June 2023

This month we are focusing on three trends within a bigger website design trend – different navigation menu styles and …

15 Best New Fonts, May 2023

The choices you make when selecting a typeface have more impact on your design than almost any other decision, so it’s …

10+ Best Tools & Resources for Web Designers and Agencies (2023 updated)

Having the ability to envision a tastefully designed website (i.e., the role creativity plays) is important. But being …

20 Best New Websites, May 2023

This month, there are tons of great new agency websites to get excited about. 3D animated prisms are a popular theme, a…

How to Find the Right White Label Website Builder for Your Agency

Web design agencies face a lot of obstacles in closing the deal with new clients. One of the most common ones is the ar…

Exciting New Tools For Designers, May 2023

There are hundreds of new tools for designers and developers released each month. We sift through them all to bring you…

3 Essential Design Trends, May 2023

All three of the website design trends here mimic something bigger going on in the tech space, from a desire to have mo…

10 Best AI Tools for Web Designers (2023)

It’s time to stop worrying if AI is going to take your job and instead start using AI to expand the services you can of…

10 Best Marketing Agency Websites (Examples, Inspo, and Templates!)

Marketers are skilled in developing strategies, producing visual assets, writing text with high impact, and optimizing …

15 Best New Fonts, April 2023

Fonts are a designer’s best friend. They add personality to our designs and enable fine typography to elevate the quali…