Bugfixes and Improvements - February 1 2013

Fixed a bug where dropping the selection multiple times led to errors with the color picker.

Fixed height of Layers panel in Design Editor - all layers will be now be visible when the panel has to scroll.  Also fixed drag-reordering layers in the panel.

Also fixed bug where child elements were not fully selectable when selecting from the layers panel.

Cleaned up some menu bar items so that it will work better on more screen sizes.

Recent Updates - Responsive Design and More

Recent Changes to Edit Room

Additional control for responsive design - you can design within custom breakpoints - just adjust the display width in the “View & Breakpoints” panel until your design breaks, click “add breakpoint” and then fix your design for the new width. Edit Room automatically creates custom media queries from your design. It’s also easy to readjust your breakpoints - just drag directly on your custom breakpoints in the list and you will be able to dynamically adjust the width of that breakpoint.

Duplicate layer now picks up unused content objects and uses those. If there are none, it will create duplicate content that you can then edit.

New, cleaner design for editor control panels. Each panel has it’s own keyboard shortcut for easy access. The right-panel area now scrolls if necessary, allowing all controls to be accessible. 

Smaller, less obtrusive selection boxes. Also removed the visible padding and margin displays - give a shout if you liked these, but I got tired of them.

The font selector is now the same width as the panel, and full-height.

Color and type sub-panels have a better close box

Styling updates to list controls

New keyboard shortcuts:

spacebar-drag pans the screen - like a hand tool in photoshop.

holding the spacebar while drawing also lets you adjust the start point of your draw - again, just like photoshop.

main menu bar is now collapsed while designing in the editor - use tilde (~) key to open and close

Bugfixes:

bugfixes with drawing outside the screen region

bugfixes with command-dragging child elements and positioning 

fixed bug where deleting contents from content editor did not work.

Grid Updates and Enhancements

#Enhancements:


I’ve updated the grid displays to be more laid-back and less in-your-face.  Before, they were 40% transparent red solid, but now they are more subtle, dashed borders, that are visible on any color background.  They get much less in your way and it’s nicer to leave them on while designing.

I’ve also re-arranged the controls for the grid grouped into simple “Columns” and “Rows”, with all the appropriate controls grouped there.

Margin and Scroll Height Fixes

#Bugfixes

The way that margins and other properties on child elements work has been cleaned up and fixed, so that setting margins on child elements is now more reliable.

There should also be general performance improvements as well in the design editor.

Body scroll height adjustment is also fixed, you won’t see the loooooooong scrolling documents with empty space.

Updates: Sharing/Review URLs

#New Feature:

Shareable Review URLs for Screens


You can now generate unique, public URLs for your designs, for either public sharing or review with a client or your team.

Click on the “Set Review ON” button in the header in any screen’s editing or preview mode, and you’ll reveal that screen’s review URL.  You can toggle the review URL back off whenever you want.  The review URLs will also be visible on the list of all your screens, for easy access.


Updates: July 2012

Edit Room is a web application for design and motion graphics.


#New Features:

Inline content editing in the design editor.  

You now can click the ‘edit’ button on any selected layer to instantly do quick edits to the source markdown for that layer, without having to go back to the content editor.  The full content editor is still great for doing more significant editing work, but for quick tweaks to your copy, try out the inline edit function.


#Enhancements:

Free accounts now can create up to 3 screens, up from the previous 1. You may still see a reference to ‘one screen’ in the signup, no worries you will have 3.

Command (control) - S now triggers an export of the screen you’re designing.

Get CSS now adds multiple browser prefixes for properties that need prefixing, as well as the un-prefixed version.  Basically Get CSS now runs the styles through the same function that handles the full CSS you get on an export.

#Bugfixes:

Content Editing has been greatly improved to be more reliable, especially for deleting content elements.  Bugs around revising layer contents that were auto-created from the design editor have been eliminated.


#Design:

Content Editing has had a nice makeover, with a monospace font and per-layer delete buttons that are easier to find. Each section now has nice separation and the tag selector has been moved to be easier to find.

Some typographic improvements on forms and application header elements.

Try it now.

Edit Room is Live

(Source: edit-room.com)