Learn it fast with expert-taught software and skills training at lynda.com. See what you can learn

By James Fritz | Tuesday, December 11, 2012

New Adobe Muse features for Q4 2012

Right on schedule Adobe has released another update to Adobe Muse and this time the focus is on creating mobile friendly sites. While the last update had bits and pieces for a variety of users, this time the update is mainly focused on adding the ability to create tablet and smartphone optimized websites from Adobe Muse. We have updated Muse Essential Training again to help you stay on top of the latest features and enhancements that have been added. For a more detailed look at what has been added, please read the following list of new features, changes, fixes.

Mobile Friendly Features

Mobile friendly features

• Swipe within widgets: This provides gesture support within widgets; that is, swipe to move through a slideshow when Horizontal transition is selected.

• Menus: This includes menu and submenu selection via touch (bug fixes)

• Touch Support: Widgets and links work on tablet and phone devices; tapping on the link shows the Mousedown state. On Android devices, it shows the Mousedown state while your finger is on the item, and shows rollover when your finger leaves it. iOS devices show the rollover once your finger has stopped touching it, which is native behavior.

• Hyperlinks: Automatic redirects to device-specific layouts. When you browse a Muse site on a smartphone or tablet, the code generated by Muse will automatically load the appropriate layout for the device. You can also explicitly link to a page designed for a different device (i.e., a link for “Show Mobile Site”).

• Pinning Tablet/Smartphone Layouts: Due to lack of support on some tablet and smartphone browsers, pinning is disabled in Muse for tablet and smartphone layouts.

• Sticky Footer option: When selected this option maintains the minimum height for the page as the browser window height. There the page footer “sticks” to the bottom of the page until/unless the page is taller than the browser window. It is available in a separate Site Plan and in turn unique layouts for Master and Page Properties dialogs. Default behavior is off for existing .muse files from prior Muse versions and on for all new sites created in Muse.

• Site Plan: Now includes the ability to create a separate Site Plan and in turn a unique layout for Desktop, Tablet, and Phone layouts. There may or may not be a one-to-one relationship for pages between these layouts.

• Add Layout: This option offers support for copying Site Plan and Master/Page backgrounds when creating second and third site layouts for a tablet and/or smartphone.

• Viewport Scaling: Sites generated from Muse will rely on Viewport Scaling to ensure that a webpage will “fill” the width of the current screen of tablet or smartphone devices, both in landscape and portrait orientation.

• Device Preview: Muse Preview now has the ability to reflect the dimensions of a target device (smartphone or tablet). Multiple device types are included in a Preview Device dropdown. Note that Preview displays the height and width of the device, but does not attempt to simulate device-specific features or nuances for the browser on a given device.

Forms

CAPTCHA verification

•  CAPTCHA — The Forms widget now includes a CAPTCHA field option to prevent automated form submissions (spam). Form widgets in general and the CAPTCHA option require server-side support and thus require hosting on Adobe Business Catalyst.

Hyperlink UI

Hyperlink UI

• Search/filter: Hyperlink dropdown menu (consistent with Font dropdown menu) allows search and partial filtering.

• Device specific: Hyperlinks dropdown has been revised to differentiate between pages in Desktop, Tablet, or Phone layouts.

• Link support for mobile: Phone numbers (e.g., tel:2065551212) and email addresses (e.g., mailto:dani@adobe.com) result in touch-enabled links to a smartphone dialer or mail client.

Go To Page

Go To Page

•  Go to Page (Command + J): Quickly go to any page on your Adobe Muse site. Press Command+J, then type in the page name you want to go to.

Updates to Muse Essential Training:

Introduction

• 00-04 What is New in the December 2012 Update

Chapter 9

• 09-01 Creating a hyperlink (update)

Chapter 11

• 11-09 Exploring the Muse Widget Gallery (new)

Chapter 12

• 12-04 Working with Twitter (update)

Chapter 14

• 14-01 Creating a Mobile site (new) • 14-02 Adding a tablet site (new) • 14-03 Adding a mobile phone site (new) • 14-04 Previewing mobile sites (new) • 14-05 Linking between alternate layouts (new)

Interested in more?

• View the entire Adobe Muse Essential Training course on lynda.com • Courses by James Fritz on lynda.com • All Adobe Muse courses on lynda.com

Suggested courses to watch next:

Photoshop for Web Design• Designing a Porfolio Website with Muse• Fireworks CS6 Essential Training• Dreamweaver CS6 New Features

Learn it from the experts.

With online video courses at lynda.com, you can reach your goals faster. Learn software, improve your skills, and get an inside look at how the professionals work.

See what you can learn


Share this article:

Tags: ,

Get the latest news

  •   New course releases
  •   Pro tips and tricks
  •   News and updates
  
New releases submit clicked

You can change your email preferences at any time. We will never sell your email. More info

Featured articles

A lynda.com membership includes:

Unlimited access to thousands of courses in our library
Certificates of completion
New courses added every week (almost every day!)
Course history to track your progress
Downloadable practice files
Playlists and bookmarks to organize your learning
Become a member

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.