When Adobe made its big switchover to the Creative Cloud (opens in new tab)subscription model back in June, one of the biggest selling points was the idea that designers would benefit from a continuing rollout of new features - rather than having to wait a year to buy a new, boxed version-number. So we were intrigued to see how soon after launch it would be before Adobe released a major feature update to its CC software.
And now that time has come, with the company announcing (opens in new tab) big updates to four of its tools, namely Edge Reflow CC (opens in new tab), Edge Code CC (opens in new tab), PhoneGap Build (opens in new tab) and Edge Animate CC (opens in new tab).
- Read all our Adobe posts here (opens in new tab)
Edge Reflow CC
- The big headline feature of Adobe's update is that you can now create entire websites with Adobe's responsive web design tool Edge Reflow CC (previously it was only good for single page designs).
- Now, on the right side of Reflow's design surface, below the Assets Panel and above the canvas resize handle, there's a new Pages Panel. This enables you duplicate, rename and navigate between all of the pages in your project.
- When previewing your designs in the browser, a new navigation bar will allow you to switch between all the pages within your comp. Alternatively, hit the Tab key brings up a new in-app preview mode.
- A common shortcut used by designers across Adobe's suite is using the Cmd/Ctrl to toggle into selection mode, while placing elements. You can now use the same shortcut inside Edge Reflow.
- The new update also makes the HTML and CSS more accessible to users. Previously this was only created when you previewed in Chrome or on devices using Edge Inspect. Now, every time you save your work, the HTML and CSS is updated and placed in the ‘assets’ directory of your project.
- Edge Code, Adobe's text editor for HTML and CSS, is now integrated with colour theme tool Kuler. Any Kuler themes you've created on Kuler will show up in the inline colour editor and can be selected to change the color in your code to the colour from the theme.
- Edge Code is now integrated directly with Edge Inspect (the tool formerly known as Shadow)
- You can now create a new file from an existing file using the File > Save As… menu, project tree context menu, or with the keyboard shortcut Cmd/Ctrl+Shift+S.
- Quick View for gradients now supports the 'to' keyword for gradient direction and new repeating-linear-gradient and repeating-radial-gradient types.
- Dragging a file onto the Brackets window works the same as File > Open. (This functionality was previously working on Windows only). And dragging a folder onto the Brackets window works the same as File > Open Folder.
Adobe's Edge Animate enable you to create animated, interactive content for the web. There are no new features for the tool, but there is a significant update (opens in new tab) fixing compatibility issues with Internet Explorer 11, which Adobe recommends everyone downloads as soon as possible. It also points out that content created with Animate versions prior to CC (including 1.x and Preview versions) will still face compatibility issues in IE11.
Liked this? Read these!
- Hands-on review: Adobe After Effects CC
- Hands-on review: Adobe Photoshop CC
- Photoshop tips, tricks and fixes to try today
- Free Photoshop brushes (opens in new tab) every creative must have
- Free Photoshop actions (opens in new tab) to create stunning effects
- The best Photoshop plugins (opens in new tab)
What do you think of Adobe's Creative Cloud? Let us know in the comments box below!