Adobe Systems Incorporated

What’s New in Creative Cloud: Edge Reflow Preview and New Dreamweaver Features

Today, we’re very excited to share two big updates to Creative Cloud for web designers and developers.

25954_337877419664259_1473867768_n-150x150Edge Reflow – We first sneaked a look at Adobe Edge Reflow during our Create the Web event last September, and are eager to share that we’ve just released the first public preview of it today. Edge Reflow – a part of the Edge Tools & Services offering in Creative Cloud – is a new responsive design tool for web designers and developers creating websites and content for screens of virtually all sizes. It features an intuitive resizable design surface that shows how layouts and visuals will adapt to different screen sizes and enables users to create high fidelity web designs on the application’s native web surface leveraging the power of CSS. Get all the details from the Edge Reflow Team blog. Looking to get started right away? Here’s an intro to Reflow video from evangelist Paul Trani.

Also new to the Edge Tools & Services offering are new feature releases to Edge Animate and the introduction of Edge Code preview.

AnimateEdge Animate now supports CSS gradients and filters (so you can, for example, easily add blur effects) and makes it simpler to add rich typography with the free Edge Web Fonts service

 

CodeEdge Code is our code editor for HTML, CSS and JavaScript that is completely written in HTML5. We’re released a preview of it today that allows developers to:

 

  • See changes in the browser as they make them, and code hinting for more CSS properties and HTML tags
  • Edit code in context instead of having to switch between files with the addition of a Quick Edit feature.

 

538832_10150790605656737_1215725222_n-150x150Adobe Dreamweaver – We’ve introduced a second Dreamweaver update for Creative Cloud members. Here’s a brief overview of what new in this release:

 

  • Improvements to Fluid Grids
  • Bring print-quality typography to the web with Edge Web Fonts
  • Custom settings retained after upgrade
  • Expanded table view is back
  • HTML5 support
  • Critical bug fixes

 

For the full scoop, check out the Dreamweaver Team Blog.

Not a Creative Cloud member yet? Upgrade today and save 40%.

10:36 AM Permalink

The Web, Documented

Every great software platform needs some essential ingredients: one or more programming languages, great tools such as editors, compilers and debuggers, frameworks and libraries that make things easier, an enthusiastic community that help each other out and good documentation that helps get the most of the platform. The web platform is probably the biggest, fastest growing and most ubiquitous platform in the (short) history of computing. And while it has many of these essential elements, there is one that was still lacking: official documentation.

Think about what you do when you have a question about HTML, CSS or JavaScript. There are probably a few sites you trust, a few printed books you keep close at hand, if you’re old-fashioned, but more times than not you just search what’s out there and see what comes up. It could be a well maintained, up to date, credible source, or it could be articles or blog posts that are out of date or just plain wrong.

And the web platform is not static! The browsers keep evolving and implement new functionality, specs keep getting updated, and new specs get proposed and implemented. Best practices evolve as well.

Since there’s no single, definitive resource to go to, there’s no way to know for sure, except through trial and error.

All of that is changing today. The W3C – in collaboration with Adobe, Apple, Facebook, Google, HP, Microsoft, Mozilla, Nokia, and Opera – is announcing the alpha release of Web Platform Docs, a new web destination that will become the definitive resource for all open web technologies. You can find the W3C press release here. The Web Platform Documentation (WPD) will include:

  • API documentation
  • Information on browser compatibility
  • Examples
  • Status of specifications

And the WPD project will be open and community driven, just like the web. WPD is built on top of MediaWiki, the same engine that powers Wikipedia — which means that anyone can contribute. The initial content is being provided by many of the stewards listed above, but anyone with knowledge, examples, snippets or other relevant information is welcomed and encouraged to contribute.

The stewards have been working incredibly hard on this project for a bit over a year, and I want to congratulate them on the launch today. We are very proud to be participating in this effort. This is the culmination of the effort to build this infrastructure, but in many ways this is also a first step. It is now up to the web community to help create and maintain the most comprehensive and authoritative reference for web technologies. So, go check it out and start contributing. Document the web!

9:00 AM Permalink

Adobe Edge Animate, Preview 7 and Muse Updates Now Available in Creative Cloud

For our Adobe Muse and Adobe Edge users, we have some exciting updates to share – and if you’re a Creative Cloud member, consider it good news times two with the applications available to all Cloud users!
edgeAdobe Edge Animate, Preview 7 

First up, Adobe Edge – a next generation tool for creating content with motion and interactivity for the web, using web standards like HTML5, CSS3 and JavaScript – is now Adobe Edge Animate with the release of Preview 7. We’re thrilled to announce that the latest preview of Adobe Edge is now available in the Creative Cloud.

Edge Animate Preview 7 is a major update, with significant new features like resizable layouts, which can adapt to different screen sizes, rulers and guides, shadow effects, timeline and keyframe improvements, enhanced text features, and much more. Watch Preview 7 in action below, and for more about this release and for a complete list of features, visit the Adobe Edge Blog.

You can also check out Edge Animate in action over at the Edge Showcase.

 

Muse

Adobe Muse Updates 

Today, Adobe Muse announces new features and updates available to Adobe Muse subscribers and Creative Cloud members, including availability in Japanese, and new built-in support for contact forms.

Find out how to easily add, configure, and style contact forms into website designs without having to embed HTML code from third-party online form providers in the video below.

This is just the beginning of a longer-term effort to bring more extensive content management capabilities to Adobe Muse users through tighter integration with the Adobe hosting solution, Adobe Business Catalyst. Get the complete list of other great Adobe Muse features and enhancements, including the ability to add HTML5 animations created with Adobe Edge Animate here and in this post, What’s New in Adobe Muse 2.0, by Evangelist Terry White.

9:13 AM Permalink

Creative Cloud and CS6 Ask a Pro Sessions

Ask-a-Pro-Week-Banner-1024x175

With the arrival of Creative Cloud and CS6 just around the corner, we wanted to give our Fans and Followers a first-hand look at some of the new features they can expect! We’ve put together a schedule of 10 Ask a Pro sessions with details below.

Whether you’re into graphic design, web design and development, video production and/or photography, there’s a little something for everyone! Just remember to register for the sessions of interest. (more…)

9:08 AM Permalink

Adobe at SXSW 2012

Adobe-SXSW-2012

Our team will be heading to Austin for SXSW Interactive later this week (Mar. 9-13), but before they take off, check out this preview from Evangelist Paul Trani and get a look at all things web, including news around Adobe Edge Preview, sneak peeks and much more. (more…)

3:24 PM Permalink

Export to HTML5 from Flash Professional

HTML5_Logo_512-150x150Adobe is proud to be a part of FITC Amsterdam again this year. During Mike Chambers’ keynote speech, our team gave those who were in attendance a sneak of the Adobe Flash Professional Toolkit for CreateJS, which is the result of the collaboration between Grant Skinner and the Flash development team.

As many people know, designing for today’s browsers and platforms has become more challenging than ever before. Our goal at Adobe is to continue to provide creative professionals with the most cutting-edge tools that will transform creativity and ideas into tangible assets. We believe that this latest extension will extend the skillsets of ActionScript developers and help them make a smooth transition to the HTML5 world. (more…)

12:37 PM Permalink

Design and Publish a Website with Adobe Muse (code name)

If you haven’t had the chance to get to know Adobe Muse yet, here’s your chance to learn all about its capabilities from beginning to end. Muse is an application that allows designers to create and publish websites without having to worry about tagging or writing code. This application creates all the necessary parts of the website in the background.

Check out this video below as I show you how to:

    • Plan your website using Muse’s intuitive planning workspace
    • Design with freedom using Muse’s InDesign layout metaphor
    • Add rich interactivity with widgets and arbitrary HTML or iFrames
    • Publish your website to HTML or using Adobe Business Catalyst

And if you want to follow along, feel free to download the assets here: http://rufus.li/uM89UO

To check out what was created in this video, you can find the resulting website on Adobe Business Catalyst: http://ourplanet.businesscatalyst.com

7:54 AM Permalink

Get Interactive with HTML5 Music Videos

Creative-Layer_HTML5-Video-Evelyn

Interactive music videos are popping up more and more, and we’ve just come across the latest example for Evelyn, by ABBY. Not only does the song have a great beat to nod your head to, but you actually get to customize the experience by mixing different instruments and vocal styles together. If you want to listen to an instrumental version, you can just make the singer play the flute with a click of the mouse!

 

(more…)

2:06 PM Permalink