On Monday (Sept. 24th 2012) Adobe kicked off their newest campaign called “Create the Web”. Over the last year or so Adobe has been both publicly and internally making a massive shift of their focus and investment into the HTML web space. This shift has included creating new tools, improving web standards and developing new services. Staying true to Adobe’s nature, their new commitment is heavily focused on improving the creative process within the web space.
The kickoff session on Monday was to finally announce all the work Adobe has been investing in and walk through their overall strategy for the future in the web space. There presentation was broken down into their three main features: web standards, tools and services.
Adobe has been working on extending and improving the W3C standards for HTML and CSS. In the past, Adobe has announced their CSS work such as CSS Regions and Exclusions. During the Create the Web session Adobe talked about their newest work CSS Filters.
CSS Filters are based on Adobe’s PixelBender technology, which has perviously been integrated into the Flash Player, Photoshop and other tools. The newest work now allows for CSS based declaration of filter transforms to be applied to HTML content. Adobe announced that CSS Filters are integrated into the newest versions of Webkit (Chrome and Safari are based on this) and now iOS6 has CSS Filter support built in. You can learn more about CSS Filter at Adobe’s website, checkout examples in the Filter Lab and even contribute to the Lab which is an open source project on GitHub.
Adobe has been improving and developing HTML creative tools to make web-based development a much easier and creative experience. Exiting products, like Dreamweaver, are being continually updated to improve support for the ever evolving web technologies. In fact, during the session, Adobe announced a new update to Dreamweaer CS6 that improves HTML5 support and new integration support for Adobe’s newest tool: Adobe Edge Animate.
During the session Adobe also announced that the Edge moniker is for an entirely new suite of tools that focus on web-standards. This includes Edge Code (formally Brackets), Edge Reflow (announced at Create the Web), and Edge Inspect (formally Shadow).
Edge Reflow is a brand new tool announced by Adobe, which focuses on helping create responsive web design. As more and more devices come to market, creating a web experience best suited for size and resolution becomes more important. Yet, creating a unified site that can dynamically change layout and content based on how the web content is being viewed is a complex and challenging process. Edge Reflow’s goal is to radically improve and speed up this process enabling more content to be responseive to how it is being viewed.
Edge Inspect (formally called Shadow) is a development tool that allows developers to easily see, inspect and update content seamlessly across multiple devices. As more and more devices and form factors become available, testing your content and then any changes you make is a tedious process. With Edge Inspect you can make a change and have it instantly updated on all your different devices. You can also remotely inspect how each device is rendering your content which can save you a significant amount of trial and error, which we currently face when doing multi-device development.
Expending on the Edge Suite, Adobe has announced more work and improvements they are doing to their available services. Last year Adobe acquired TypeKit, a online service that makes licensing and installing web fonts a simple process. To expand on this movement of web-based fonts, Adobe announced that they are offering over 500 new fonts for free through their TypeKit service. You can easily integrate these new fonts into existing content or levergage them in the new Edge suite of tools. You can read up on what fonts are available and how to integrate them on TypeKit’s blog.
Finally, Adobe’s PhoneGap Build service has left the Beta stage and and is now a final product. The PhoneGap technology allows you to create cross-platform mobile native applications using web standard technologies. Building and deploying your application using the default PhoneGap environment can be challenging due to configuring all the required SDKs, certificates and other settings. With PhoneGap Build you now just have to upload your code to the service and it will handle building all the versions for you.
Adobe’s Create the Web is their kickoff tour to announce all their new strategies for improving the creative space using web standards technologies There are a lot of exciting things on the horizon for Adobe, web creatives and web developers. You can read up more about all of Adobe’s web standards initiatives at their Adobe & HTML site. Adobe is also taking this show on the road. They are hitting over 20+ cities around the world to talk about their new initiatives and demonstrate all the work they have been up to. To see a full list of cities (including San Diego on Oct. 9th) go to their Adobe & HTML Events page.