You can download Preview 7 (details) of Adobe’s new Edge Reflow app:

These top requested features are now here: add form elements (buttons, text inputs, selects, checkboxes, radio buttons), links to multipages, view hover, active and focus state and more. Plus, we’ve made visualization easier with our new insertion caret. No more guesswork!

Check out this series of quick getting-started videos, or zero in on just the new stuff here:

[Adobe TV]

In the latest Edge Animate (ready to install now via your CC app) you can sync audio files, make animations responsive for different screen sizes, and add your favorite JavaScript libraries to extend your projects.

• Audio support: Import and sync audio files with animation playback or user interactions
• Responsive animations: Apply scaling or percentage-based layouts to fit mobile and desktop screens.
• Script loading: Integrate 3rd-party libraries like Greensock or jQuery UI for extended capabilities.

Here Paul Trani shows how to add audio, scripts & responsive scaling:

[YouTube]

Check out how Dreamweaver’s Fluid Grid layout can create a responsive web design that adapts to different screen sizes.

Check out the Bézier Timing Editor & more in the new Edge Code CC:

• HTML Live Development, including live preview which enables users to see HTML and CSS edits immediately in the browser without having to save or reload. Users can see results instantly making it easier to experiment and quicker to get results.
• CSS Quick Edit makes it easy to jump from an HTML file into a new CSS file to make changes to the CSS. Now, you can also add entirely new CSS rules without leaving the context of the HTML file you’re working on.
• The new CSS Bézier Timing Editor gives you the exact transition and animation effects you want through visual changes, rather than working with a string of numbers.
• Preview images within the editor. Your image will be displayed along with file size and dimension info, giving you the ability to incorporate image files into your project more easily.
• Plus additional enhancements and ongoing code improvements.

Check out a quick demo from excellently-’stached PM Jonathan Dunlap:

“Flash, schmash: SVG’s clearly the future.”

That’s what I thought as I joined Adobe back in 2000 to build an SVG animation tool. Unfortunately we were 10+ years ahead of the market (specifically of Web browser support)—and as Marc Andreessen says, “Being early is the same as being wrong.”

Things have progressed, though, and once again Adobe is working hard to make SVG adoption more widespread. Check this out:

Today the Adobe Web Platform Team is announcing version 0.1 of Snap.svg, a brand new JavaScript library for creating SVG. Snap.svg provides web developers with an intuitive and powerful API for animating and manipulating both existing SVG content and designs generated with Snap. […]

Snap supports animation. By providing a simple [[link to example]] and intuitive JavaScript API for animation, Snap can help make your SVG content more interactive and engaging.

In the height of the Adobe-Apple conflict three years ago, I wrote, “Adobe isn’t in the Flash business,” and this is what I meant: We get paid to help you solve problems, and things like Flash, SVG, PDF, H.264, whatever are just implementation details—means to that end. The richer & more expressive we can make the Web, the better the tools we can build, and the happier, we hope, you and your clients will be.

Dreamweaver CC has “integrated a brand new rendering engine, which displays web content with the same performance and HTML5 technology support available in Google Chrome™. Now you can spend more time in Dreamweaver CC and less time switching in and out of the browser to test your content.”

The new Live Highlight feature

enables you to visualize the relationships between the HTML elements in Live View and applied CSS selectors. Inspect and highlight elements in Live View in real time while you interact with the CSS Designer. Simply hover and click Selectors in the CSS Designer to see Live Highlight in action.

Perhaps obviously by now, this is a free update for Creative Cloud members.

Adobe’s visual HTML authoring tool gets new features, free for Creative Cloud members to download:

Now designers can:

• Experiment with scroll motion effects quickly using the new Scroll Effects panel
• Make long, single page sites easier to navigate
• Have confidence that sites with scroll motion effects will work more smoothly on tablets and smartphones, including iPhones and iPads

With over half a million websites created with Adobe Muse, there are a lot of great ideas for inspiration to get started. Visit the Adobe Muse Site of the Day to see some of the more engaging sites Adobe Muse users are creating.

[Adobe TV]

Looks like good stuff:

• Edge Reflow CC. Create and manage responsive comps for your entire site with new support for multi-page web designs.
• Edge Code CC. Test content across devices with new Edge Inspect CC integration, and get access to your favorite Kuler themes as you code.
• PhoneGap Build. Extend the functionality of your mobile app with third-party plugins.

You can grab the updates from creative.adobe.com.

After admitting that he’d viewed Adobe as a company “slowly leaking relevance… like a beloved but somewhat shameful old uncle,” Jeffrey Zeldman (one of the most respected voices in Web design & standards, in case you didn’t know) writes about how attending this week’s MAX event spun his perceptions 180º:

Every Adobe employee I saw seemed to be excited, happy, and on-board with the mission. I see that kind of energy at good startups and small studios. I never see it in big corporations. It sometimes seemed to me that Adobe hadn’t so much acquired Typekit as the reverse…

I never expected to see that in my lifetime, and to me, it is even more impressive than the amazingness and realism of the new product line or the transformation of the company from a shrink-wrapped product manufacturer to an inventor of cloud-based services. I never expected to see people like us running companies like that.

It makes me feel good about the future, when so many other things conspire to make us feel the opposite.

Obviously there’s a wide range of reactions to Adobe’s moves to Creative Cloud. I’m glad to see such a strong, positive response from a thought leader from the design community.

Last year the tool in5 (InDesign to HTML5) launched following a successful Kickstarter campaign. Now it’s expanding its publishing chops:

Last month, we added support for InDesign’s native Liquid Layout, allowing for a single, responsive design in HTML5, as well as support the Baker Framework (which is an open source ebook format for iOS devices).

This week, we’ve added support for Multi-State Objects, Form Elements, and several additional Button behaviors, allowing a user to create an enormous amount of interactivity from InDesign.

Adobe’s new tool for responsive Web design (layouts that change based on how they’re being viewed) has been updated. Jacob Surber shows you the new improvements:

Check out the new CSS Designer:

The CSS Designer delivers cutting-edge CSS features in a new visual interface that works with CSS properties — gradients, box shadows, and media queries. It also gives you the ability to visually apply and set different media queries for web content to be presented in different sized media!

Adobe Muse, the new visual HTML creation tool, has gotten a raft of much-requested new functionality, including hierarchical master pages, widget updates, and a new spellchecker. Check out the details here, and apply the update simply by opening Muse and clicking “install now” from the updater screen.

“Photoshop speaks a fundamentally different language from the web,” writes PM Jacob Surber. That’s great for many things, but Adobe’s new Edge Reflow—available to download now, for free—takes a different approach, creating designs that present themselves differently depending on device (phone, tablet, desktop):

Honesty in design: Reflow itself is built using HTML, CSS and JavaScript, with the goal of helping web designers design for HTML, CSS and JavaScript. Our intention is to remove layers of abstractions, so designers can create for the web using the web.

Focus on standards: Reflow will ONLY enable designers to create experiences that are compatible with the web. In some situations this can be limiting, but as the capabilities of the web changes, Reflow will evolve as well. Adobe has committed to contributing and advancing web standards. Our goal is to integrate that work, as experimental features, in our web tools such as Reflow.

Check out a quick tour:

[Update: An overview from Forbes concludes, “None of these tools design the site for you, and they don’t address the engineering issues that I mentioned above, but they sure make the multi-screen design process a lot more accessible to a lot more designers. Someone deserves to be knighted for that!”]

Adobe Edge Animate 1.5 has arrived, bringing support for CSS filters & gradients that can be animated, plus enhanced Web font support (powered by Typekit). You can download it here, and check out the details in this blog post and in the demo below:

UC Berkeley’s interesting Rashomon Project is billed as “An Online Toolkit for Assembling Multi-Perspective Chronologies.” In other words, it takes multiple videos, auto-aligns them (by analyzing their metadata & audio signatures), and presents them via an HTML5 interface. “Our goal,” they say, “is to allow the public (potentially hundreds of thousands of viewers) to gain a much better understanding of contested events from user-generated photos and video than is currently possible.” Here’s their 1-minute demo video.

Update: By coincidence I just discovered that Andy Baio synchronized TV coverage of a car chase with man-on-the-street footage of the same broadcast & chase:

Learn what Edge Animate and the Creative Cloud can do for you, this Friday at noon Pacific:

It’s amazing what you can create with HTML5, CSS and JavaScript. Using Adobe’s tools – Edge Animate and the Creative Cloud web tooling, you don’t have to stare at code all day. Join Worldwide Web Evangelist Paul Trani on a tour for how-to create rich animation and interactivity with content that can be responsive and change based on your screen size.

A couple of months back I mentioned a Kickstarter effort to build a new tool for converting InDesign content to HTML5. Several hundred people pledged support, and in5 is now available.

Adobe’s Web experts are traveling around the US, China, India, Mexico, Chile, and Brazil over the next month, showing how the company’s advancing Web standards & tooling. Check out html.adobe.com for dates & details.

The font-serving crew needs a product lead & an experienced engineer. Check out these listings & other good ones (WebKit engineer, JavaScript developers, Web standards leader, and more) on html.adobe.com.

Adobe has teamed up with Apple, Facebook, Google, HP, Microsoft, Mozilla, Nokia, Opera, and the W3C to deliver the new Web Platform Docs (WPD) on webplatform.org. WPD aims to become “the most comprehensive and authoritative resource for web technologies on the planet.” And to enable everyone to contribute, WPD is implemented as a wiki.

Here’s a bit more info from Adobe engineering manager Arno Gourdol.

Vincent Hardy, director of the Web Platform Group, talks about enabling better effects and interactivity, authoring surfaces, and creating mobile apps with web standards. 

The new Edge Code product is built on an open-source effort called Brackets. Check out some key features:

PM Jacob Surber describes Adobe’s view of how Web design is changing, then demos how we can help you build responsive layouts for multiple screen sizes:

How cool is this?

Edge Web Fonts gives you access to a vast web font library made possible by contributions from Adobe, Google, and designers around the world. The fonts are served by Typekit, so you can be sure of high performance and stability. Plus, it’s free!

Learn all about it (and about how Adobe’s releasing new open-source fonts, working to improve the quality of fonts created by others, and more) on the Typekit blog.

Edge Reflow is coming soon, enabling designs that change in response to varying screen sizes (phone, tablet, desktop, etc.):

Create responsive layouts and visuals with standards-based CSS. Edge Reflow offers an HTML-based design surface, enabling web designers to accurately and confidently realize their visions throughout design and development.

Check out a sneak peek:

Check it out:

On Monday Sept. 24 Adobe will be hosting a free, full-day event for web designers and developers who want to learn more about the latest techniques to create content for the modern web. The event will kick off with a keynote where Adobe will introduce new web tools and technologies followed by in-depth sessions around HTML5, CSS3, motion graphics, and more.

The keynote will feature Jeff Veen (Typekit, etc.) and others starting at 10am event Pacific time, and it’ll stream live on html.adobe.com.

The Adobe Edge Animate team is doing a live presentation/Q&A tomorrow, Tuesday the 4th, at noon Pacific:

Join our Ask a Pro next Tuesday to get an up close and personal look at what’s new in Preview 7. Our fearless Product Manager Sarah Hunt will cover new features like resizable layouts, enhancements to the timeline and stage, and much more. Sarah will also show you how to add interactivity to your compositions, as requested by our fans.

Register here.

• Release 4 of Adobe Shadow, which helps you preview & inspect content across your devices, is available from Adobe Labs. The release offers a range of improvements, and Shadow now lives in the menu bar on OS X and the task bar on Windows. Check out the team blog for more info.
• Adobe Muse (visual page creation, no code required) has been updated to enable creating interactive forms. Check out the video below for a tour.

Adobe’s HTML5 animation tool has just released preview release 7, available for download from Adobe Labs. Key improvements:

Adobe’s bringing Photoshop know-how to Web standards, helping drive the design & implementation of blending modes in CSS. Engineer Rik Cabanier discusses the topic, providing examples & sample code, on the Adobe Developer Connection.

Justin Putney & Ajar Productions have launched InDesign to HTML5, a Kickstarter project to fund creation of an exporter that’ll produce rich, interactive HTML from InDesign spreads.

Here are just a few of the ways in which our product will differ from the existing HTML export feature:

• Layout. Element positioning will be maintained.
• Format. Up-to-date HTML will be used (rather than an older version).
• Font embedding.
• WYSIWYG. No programming knowledge will be required to adjust the final layout.
• Built-in page navigation (if desired).
• Master page content will be included.

Check out the project page for more details.

“Wait, what the heck is ‘Project Primetime‘?” — probably nearly everyone who reads this blog

Glad you’re said to have asked: It’s an end-to-end toolchain that links Adobe streaming, DRM, ad serving, audience management, analytics, and optimization. The tools rapidly convert live video into on-demand content. Besides streaming via Adobe tech, the content is being delivered through a new HTML5 app built with Adobe PhoneGap. Jolly good!

Check out the video team’s blog post for more details.

10AM Pacific:

Interested in adding HTML5 motion and interaction design to your creative arsenal? Learn about Adobe Edge preview, a powerful tool to create animated and interactive HTML5 content. With new SEO upgrades and publishing improvements, see how easy it is to start creating HTML5 content. Join us this Friday, 10:00 AM PT (new time). Register here.

WebKit developers, JavaScript experts, engineering managers, standardistas, testers, and more: everyone’s needed to enable the richness the Web needs. Check out the html.adobe.com jobs page for details.

Live demo/Q&A this Friday at noon Pacific:

Raghu Thricovil and Sarah Hunt, experts from the Adobe Edge team. This session is intended to introduce Adobe Edge, its features and outline how Edge can make your HTML5 motion and interaction design simple and powerful.

Think Adobe’s just about Dreamweaver & Flash?
The new Brackets app offers inline editors & tight browser integration:

Today we’ve all gotten used to doing the save-reload-copy-paste dance… Brackets opens a live connection to your local browser and brings some of those in-browser tools back into the editor where it makes sense. When Live File Preview is enabled your browser shows real-time changes to CSS classes and properties as you type. Because the code lives in your editor but runs in your browser there is no need to save-reload-copy-paste. w00t!

Brackets is built in JavaScript, HTML and CSS, meaning that “if you use Brackets, you have the skills necessary to customize, extend and contribute to it.” Check out their introductory blog post, and see some of the features in action:

What’s new in Edge Preview 6? Check it out:

Here’s a tutorial specifically on putting HTML animation into tablet publications Adobe’s Digital Publishing System.
On a related note, here’s how to convert a multilayer Illustrator document to SVG format for use by Edge:

And if you’re new to all this, see also a demo on getting started with Edge.

Adobe’s new HTML animation tool, Edge, has just released preview 6. Improvements include:

• Built-in lessons:  Six new tutorials are built right into Edge, to help new users get familiar with the basics.
• Coding: A new code panel provides a complete view of the actions code in a composition, and the code editor has a new full code mode.
• Publishing: Projects can be published into DPS or iBooks formats. There’s also a new Static HTML Markup feature for SEO benefits, and Google Chrome Frame support for better fidelity on non-HTML5 browsers.
• Symbols: Users can now copy/paste and import/export symbols from one project to another.
• Languages: Edge is now available in French, German, Japanese, Italian, and Spanish.
• Other cool stuff: The Preview in Browser function is now compatible with Adobe Shadow, auto-keyframe mode has been improved, editable time codes are back, and so much more to make Edge more efficient.

Download it here.

Seriously, look at it: Blending modes, better typography, Web inspector improvements, lots of CSS Regions improvements, a WebKit HUD in Dreamweaver, and more–and that’s all in the course of three days.  (Boy, Adobe sure is stuck in a Flash-only mindset…)

“The better the web, the better tools we can build, and the happier our customers.”

Remember how Adobe’s been working to bring ultrafast image filters to HTML? “More like this, please,” wrote John Gruber.

Well, okay then: now Adobe’s helping bring Photoshop-style blending modes to HTML. The work can enable more beautiful, flexible pages & higher fidelity hand-off from design tools like Photoshop & Illustrator.

A couple of years ago we heard that “CSS is the new Photoshop.” It’s a deliberate overstatement, but the underlying point is true: One can make more & more graphically rich, flexible elements using just markup, not bitmaps. We find that exciting for customers & for the future of Adobe tools.

[Via Narciso Jaramillo]

Generating lots of excitement, and getting better with each rev:

With this Beta 7 release, you can expect incredible improvements to performance and a significantly more streamlined workflow for previewing and publishing your sites, plus a host of bug fixes and enhancements. Muse will also be part of the upcoming Creative Cloud Membership! For a complete list of updates, visit the Muse Beta 7 blog post.