Brackets is nominated for Linux Journal Readers’ Choice Award

This is great news for the Brackets team and its amazing external contributor community: Brackets (the Adobe driven open source code editor for the web) has been nominated for two awards: Best New Open-Source Project (category 15) and Best IDE (category 56).

brackets

If you like Brackets and the direction is heading to, then please go to this page and cast your vote for it (categories 15 and 56). Thank you!

Create Now North America Tour

We’ve just announced the next big tour we are going to do in the last part of this year. It is now North America time. If you want to find more about Creative Cloud, what is new in the tools and services, get inspired and spend half a day with your peers, other experts and Adobe evangelists then you should check the list and see if there is one close to you.

The tour starts on September 19th with an event in San Francisco and it will be followed up by 12 more events across US and Canada. Here is the list and you can already register for some of the events. Do it today as the the number of seats is limited ;) The events are free, obviously!

Have fun and see you!

Check out the latest Kuler features

Kuler just got better this week. If you don’t know about Kuler then let me tell you that it is a very useful utility app for designers (web or graphic). Basically, it allows you to find the perfect theme color for your project. Each theme has only five colors.

kuler-1

It comes as a web app and an iOS app and it allows you to synch the themes you created with the color settings from Illustrator or Photoshop (both the web and the iOS app). Both apps allows you to create a new theme out of an image.

While it might seam a useless app, actually it is quite useful. Personally I’ve used it for a number of web projects and it was really helpful as it allowed me to keep the number of colors used in the design in control while making sure that each color works well with the others.

Some of the latest changes include enabling you to change the order of the colors in a theme, providing a more precise workflow to edit a theme, and creating themes based on an image.

Importing the Kuler themes into Illustrator and Photoshop

It is important to be signed in in the Kuler app. This way when you create a theme or you favorite one, it is persisted with your account.

Now, suppose you favorite a number of themes maybe using the web app – you can browse the existing themes by clicking on the Explore menu item. Next, if you go to Illustrator and click on Window -> Kuler it will open the Kuler panel. If you hit the Refresh icon in that panel you will get your themes (see the picture below).

kuler-2

For Photoshop the workflow is slightly different. You can download the theme you want. This will create an “.ase” file. Right-click on the file and choose to open with Photoshop. This action will add the theme colors at the end of your current Swatches.

kuler-3

Feedback

You can read more about what’s new in Kuler here and if you want to read what others have to say or share your feedback check Kuler’s forum.

New updates for Edge Tools are out

For me It is hard to believe that this time last year Edge Tools & Services were not around. In less than one year the product teams moved forward at a ferocious pace and managed to build some of the most compelling and interesting tools for the modern web we’ve seen lately. OK, this is my opinion and I might be biased as I do work for Adobe :) But I’ve seen well known speakers – people who don’t work for Adobe – mentioning these products; so maybe I am onto something after all.

edge

And if these tools are useful or show great potential (because some of them are production-ready others are still previews) it has to do with the fact that the teams release quite often new builds and then use the feedback to move them forward aligning with the customer needs.

Today we released new updates for three of the tools that are part of Edge Tools and Services:

  1. Edge Animate CC gets support for Internet Explorer 11 among other improvements and bug fixes. More here.
  2. Edge Reflow CC gets support for multiple pages (in the past you could author only a single page per project), Undo/Redo now really works, easy access to Copy/Paste visual styles from contextual menu on mouse right-click, duplicate styles, show element border, and many more… Jacob Suber, Reflow product manager explains all of these in a video.
  3. Edge Code CC moves closer to a “1.0″ features set/quality. It has support for Kuler swatches – so you can use any of your favourite swatches in Code now. You can drag and drop files to open them or folders to open a new project. More info here.

If you want to give them a try check this link!

Edge Animate CC 2.0

Edge Animate CC 2.0 is part of the Adobe Creative Cloud update on June 17th. While the amount of new features is not as big as in the rest of the Edge Tools (quite normal considering that Edge Animate CC is the most mature tool) there are still some great additions. Here are some of the most important ones.

Motion Paths

First of all, now you can use motion paths to animate your content around the stage. So instead of being limited to linear paths now you can define curves and use these paths to move the content. There is also an option to auto-orient the object you animate with the path direction.

animate-1

Swipe Gestures

Now you can use left and right swiping gestures for any element in your animation.

CDN Hosting

You can choose to serve the runtime files from our servers (we are using Akamai servers).

Templates

You can create and reuse templates. This way you can easily load a composition for common patterns.

Keep an eye on @EdgeAnimate and @sarahwhatsup (Sarah Hunt is the Edge Animate product manager) to stay up to date.

Edge Code CC Preview 4

Adobe Edge Code CC is part of the Creative Cloud June 17th update and gets one step closer to the 1.0 release. The team has been working hard to add more features and I am pretty sure that you’ll like this code editor. Just give it a try! code-1

What is Adobe Edge Code CC?

If you already know what Edge Code and Brackets are feel free to skip this section. In May 2012 we released an open source project called Brackets. The project tagline is quite self-explanatory: “open-source code editor built with the web for the web”. brackets Brackets is built on top of CEF (Chromium Embedded Framework). This means that what you look at is a web application running inside of a chromeless browser. Kind of cool isn’t it? Think about it: a code editor for the web built with web technologies. It means that you, as a web developer/designer have the knowledge to actually change the editor – from changing the look and feel (it is just CSS isn’t it?) to fixing bugs or adding new features (it is all about writing JavaScript and HTML code). I will touch on the rest of the unique features of Brackets in the next section.

Because of the technology behind Brackets and its unique vision on how a code editor for the web should work we have a good number of contributors from outside of Adobe. Here is a screenshot with the current contributors (I am proud to report that I am one of them :) ): contributors

Finally, what would any software be without an extensibility API? Brackets was built to support extensions almost from day one. This means that it is quite easy to create an extension that adds new features and distribute/install it. Here you can find a list of Brackets extensions.

If Brackets is the open-source project what is Adobe Edge Code CC? As we were working on Brackets adding new features and thinking about what else we could add we realized that some of these features are actually tied to other Adobe technologies. So maybe these features don’t belong in an open-source project such as Brackets. This is the reason we decided to build a commercial distribution of Brackets called Edge Code CC. So Edge Code CC is Brackets plus features that use Adobe services/products (Edge Inspect CC, Edge Fonts, PhoneGap Build). Finally, although Edge Code CC is a commercial distribution of Brackets, we are not selling this – you can use it for free. We don’t have plans to change this.

Edge Code features

Let’s see some of the coolest features of Edge Code CC in no particular order.

Inline editors for CSS and JavaScript

The inline editor is an amazing feature that enables you to stay in the zone while editing CSS and/or JavaScript. Here is an example of how it works: suppose you want to change the CSS for the H1 element. All you have to do is to place the cursor on the H1 element in your HTML page and then press Command + E (Control + E on Windows). An inline editor will be opened and it will display all the CSS selectors that affect the current element (it supports classes, pseudo-selectors, IDs). You can open multiple inline editors at the same time.

code-2

In a similar way you can streamline your JavaScript editing. Suppose you are in a function and you need to make a call to another one and you are not sure of the return type or arguments. You press Command + E (Control + E) and the function definition will be displayed inline.

Live Preview

When you couple the inline editors with Live Preview feature you get something really powerful. Live Preview allows you to edit your code side by side with a Chrome browser that displays the HTML page you are editing in Edge Code CC. As you change the CSS properties, the changes are pushed to Chrome without having to actually save the files and reload the page in Chrome. If you change your HTML code, then the Chrome browser will automatically reload the page. You also get visual clues on what you are editing.

code-3

Preview on mobile devices with Edge Inspect CC

On the left edge of the tool, beneath the Live Preview icon you’ll find the Preview on Devices using Edge Inspect CC button. As the name suggests by using Edge Inspect CC you can actually test your code on iOS, Android, and Kindle Fire devices without having to worry about URLs and local servers.

Edge Web Fonts support

This feature makes it easier to add web fonts served by the Edge Web Fonts free service. You have more than 500 fonts to choose from.

JSLint support

Shortly after the first sprints were history, the Brackets team started to use Brackets to develop well … Brackets. From this experience come features like JSLint support. JSLint can help you write better JavaScript code by avoiding common pitfalls. You have complete control over this, being able to enable/disable JSLint as you need.

What’s next

Obviously there is more work ahead to reach the “1.0″ milestone. As we move forward new previews will be released so we have a chance to get your feedback and make the best light code editor for the web. Feel free to give us feedback; we have a forum for people willing to contribute here. If you want to become a contributor to the open source project Brackets then go here. There are many ways you can get involved: help for supporting new languages, fixing bugs, adding new features. Keep an eye on @edge_code, @ryanstewart (Edge Code product manager), @brackets, and @adrocknaphobia (Adam Lehman, Brackets product manager).

Edge Reflow CC Preview 3

One of my favorite Adobe tools for web, Adobe Edge Reflow CC, has a new public preview as part of the Creative Cloud update on June 17th.

reflow

Before seeing what’s new let’s recap what Edge Reflow CC is all about: it is a tool for designing web sites with support for RWD (responsive web design). What makes this tool unique is that whatever you design in this tool at the end of the day, it is just HTML and CSS. This is true because the tool itself is built using standard web technologies and a chromeless browser (CEF). So literally when using Edge Reflow CC, your canvas is the browser (OK a modern one).

New features in this preview

The third preview adds:

  • easier positioning elements around and creating layouts:
    • add/remove parent
    • evenly space elements vertically or horizontally
    • object snapping
    • shift-drag to move elements horizontally, vertically, or 45 degrees
  • copy/paste visual styles between elements
  • support for experimental features. First one is support for CSS Filters (supported by Safari and Chrome)
  • support for Typekit kits
  • document-wide text styles – control default styles and type size
  • Text background and border
  • copy/paste SVG from Illustrator CC into Reflow
  • cleaner CSS creation

Check out this video created by Joan Lafferty of the Reflow team for a quick tour.

What’s next

Some of the existing features will be refined, and bugs will be fixed. However, what I find to be really exciting is the addition of new workflows that tie multiple products together and ultimately make you more productive. One example of such a workflow is the ability to start your design work in Photoshop CC and then create an Edge Reflow project out of that automatically to add the responsive bits to your design.

While more work lies ahead of the team until “1.0″ milestone is reached, it is time for you to step in and give us a hand. What do I mean? Well, if you think that this is a tool you could use then make sure you download it and give it a try.

And if you find something that bothers you, something that can be improved, or something that is just missing use the Edge Reflow forum or the little icon at the right-bottom edge of the tool to send us your comments. This is really your chance to influence the product and help us to make the best possible product for you.

You can also follow @Reflow and @JacobSurber (Edge Reflow’s product manager) on Twitter. I wish you happy, happy web designing :)

Say hello to the latest and greatest Adobe Creative Cloud

June 17th is the day a new version of the Adobe Creative Cloud saw the light. I honestly think that if you are a creative professional, web designer, or web developer you should be as excited as I am about this. Let’s dig in and see why it’s something that will change the way we create.

cc

What is Adobe Creative Cloud?

It is everything you need to create for the modern world, be it a graphical work, a digital painting, an amazing photo or video, a web site, or mobile app. It spans applications and services: Creative Cloud gives you everything you used to have in the Creative Suites plus new products, services, and workflows between these apps and services.

Adobe Creative Cloud helps you:

  • To create by giving you the best set of tools. Photoshop, Illustrator, InDesign, Lightroom, Premiere, After Effects, and Edge Animate CC are just some of the tools that are part of Creative Cloud. Basically every service and product Adobe has is part of the Creative Cloud
  • To save and sync your work and tool settings across multiple devices/computers by using the file sharing and syncing services that are part of Creative Cloud.
  • To collaborate easily with your team. You can work together on the same files with your colleagues regardless of where you are.
  • To “publish” your work through app stores (using PhoneGap and Digital Publishing Suite) and the web.
  • To get inspired by thousands and thousands of creative people around the world using Behance. You can post to Behance directly from Illustrator and Photoshop.
  • To showcase your work in beautiful portfolios using Behance Pro Site.
  • To learn to use Creative Cloud apps you are not familiar with. As a paying member of the Creative Cloud you get access to video tutorials and articles that can help you learn to use new tools. Maybe you are a web designer or web developer and you want to be able to produce a high-quality video tutorial; by using the learning/training Creative Cloud resources you can learn how to use Premiere and After Effects.

Why Creative Cloud

When selling boxes, companies are required to release new features only in new versions of the software due to US revenue recognition regulations. This is fine when you are a company with only one or two apps. But for something like Creative Suite it meant that we were able to release a new version only every 18 – 24 months. This is how long we need to make sure we sync across all products and everyone was ready to ship – remember, missing the date means you have to wait for the next train.

By moving to a membership model we are allowed to update as often as we want/can.  For example, in the past year we’ve updated the Creative Cloud:

  • Adding Photoshop Lightroom 4 to Creative Cloud in June 2012
  • Muse contact forms, Adobe Edge Animate preview update, Illustrator update in August 2012
  • Digital Publishing Suite Single Edition, Dreamweaver update, adding Edge Tools & Services in September 2012
  • New Photoshop features, Muse for mobile support, Adobe Game Developer Tools, Creative Cloud for teams, Creative Cloud Learn center in October 2012
  • Adding the first public preview of Edge Reflow CC, updating Edge Animate, Dreamweaver update, Behance integration, Adobe Muse update, and Lightroom 5 early 2013
  • Creative Cloud desktop app, Kuler for iPhone app, new learning/training content in June 13
  • And finally today, June 17th, we’ve updated with hundreds of new features all the creative apps – Photoshop CC, Illustrator CC, Premiere CC, After Effects CC, InDesign CC, and so forth

Debunking Myths

Here are some things that are actually not true when talking about Adobe Creative Cloud:

  • Creative Cloud apps don’t run in your browser. You will download and run Photoshop, Illustrator, and the rest of the software on your machine the same way you used to in the past
  • You are not forced to update the apps if you don’t want
  • You don’t have to upload the files you create using Photoshop and friends to Creative Cloud. The file syncing service offers just a convenient way to share your projects across multiple computers and with different people. But you will always be able to save and load files to your local disk
  • If you don’t need all the apps/services part of the Creative Cloud then you can opt in for a membership just for one app at a lower price obviously
  • You don’t have to be connected to the Internet all the time in order to use the applications. The Internet connection is required only from time to time just to validate that your subscription is still on

Prices, membership types, geo availability

Just to clear up questions you may have about the price and the different type of membership you can choose from here is a short answer (for more details see this page).

There are five types of membership (I included the US prices to give you a reference):

  1. Creative Cloud Free membership – 30-day app trials, 2 GB of cloud storage, limited access to services. It is free.
  2. Creative Cloud Single App Individual membership – full version of the selected app, 20 GB of cloud storage, limited access to services. You can install the software on two different machines at the same time. It is $10.99 per month.
  3. Creative Cloud Complete Individual – access to full version of all the apps, full access to all services, 20 GB of cloud storage. You can install the software on two different machines at the same time. It is $49.99 per month.
  4. Creative Cloud Team membership (this is for teams and business) – get everything in Creative Cloud Complete Individual plus 100 GB of cloud storage, centralized billing/admin/deployment, and 2 expert services calls per seat. It is $69.99 per month.
  5. Creative Cloud for Enterprise will come later this year. This is for customers who need a large number of seats. The price depends on each deal.

To get the exact price for your country go to http://creative.adobe.com/plans. In terms of what countries are supported right now, take a look at this document. In short, we support lots of countries from the Americas, Europe, Middle East, and Asia.

There are some special offers going on right now, so make sure you check the options you have on Creative.Adobe.com. For example we have one for students/teachers.

Create Now World Tour

Probably the easiest way to get a firsthand experience on what Creative Cloud enables you to do is to attend one of the Create Now events we are doing around the world. You can find where the next one is here.

Conclusions

With Adobe Creative Cloud you always have access to the latest tools and features as soon as they become available. You can share your projects and tools preferences across multiple computers/devices. You can share your work with your team members or clients. You can find inspiration and showcase your work with Behance. You can create web sites, web apps, digital magazines, mobile apps, videos, edit photos, books, magazines, graphics, 3D objects …

And this is just the beginning of our journey. I know the product teams are hard working to enable new and incredible workflows between tools ultimately enabling you, the creators, to achieve more with less time and effort.

My 7th Adobe MAX

I’ve just registered and grabbed my 2013 Adobe MAX badge. As I was staying in line waiting for my turn, I realised that this is actually my 7th Adobe MAX conference.

IMG_0352

For me it all started in 2007 when I went to Adobe MAX Europe in Barcelona. Back then I was an engineer working on Flash Builder. Adobe gave me a ticket but I paid for the flight and hotel. And you know what? It was totally worth it :)

Seven years later I still have the same excitement. Although I know most of the things that will be announced, the show (like the keynotes and sneak peaks) always surprises me.

And lastly, the thing that makes this conference so special for me is the people I came to know, from literally all over the world. With some of them I’ve become friends. Since my first MAX when I only knew five people it seems like a life time. These people add to the cozy feeling I have here at MAX.

Have a great MAX if you are around. Hope to see many of my friends in the next three days!