Written for CreativeBloq.com.
If you haven’t already heard, the new Adobe Creative Cloud subscription contains a powerful drag and drop website builder known as Muse CC. For graphic designers and front end developers, the appeal of Muse is a familiar Adobe canvas where custom layouts and graphics are resized, optimized and then exported to clean HTML for the web in just one click.
In just a few short years, Adobe has steadily beefed up the functionality of Muse to include parallax scrolling animation, numerous rollover and lightbox options, intuitive design tools, and an extremely useful feature known as in-browser editing. This feature allows anyone with the site’s FTP credentials to login to a web-based layout editor (even on a mobile device), make changes and publish them in minutes.
Adobe Muse and the new editing feature are best utilized within static sites for small businesses, organizations, agencies, creative and restaurants. By using in-browser editing, it’s surprisingly easy for anyone to make small changes to page elements like menu items, pricing, hours and specials.
In its current release, in-browser editing will allow you to edit headers, text boxes, images, hyperlinks and tool tips. Adobe has indicated that the ability to edit text styles, animations and rearrange elements is on the way, but for now any changes to your site’s text will reflect the character style assigned in the initial Muse layout. It’s important to keep in mind that adding too much content within in-browser editing can rearrange your layout and bump elements down the page, potentially compromising your design, so organize your page accordingly.
Designing for others
If you plan to design a site for someone else to update with in-browser editing, there are a few things to consider:
- Keep your text boxes neat. Create a new text box for every element in the page (avoid large blocks) and keep text styles the same within your boxes.
- Leave space below page elements that may be edited to avoid the ‘bumping’ issue mentioned earlier.
- Consider creating a specific ‘announcements’ area where a page manager has a designated location to publish time-sensitive content like special deals or weekly events.