We’re pleased to announce a few additional in5 (InDesign to HTML5) features to help create digital content.
Viewport Zoom is Now Automatic
A few months ago, I posted a tutorial on how to use one of the most powerful (but underutilized) features of in5: The Most Useful in5 Feature that You’re Not Using Yet – Scaling a Single Design to Multiple Devices – The Viewport Zoom Setting Explained.
Now that feature is automatically applied by in5. The new Let in5 Choose option is now the default Viewport Zoom setting in the in5 dialog. It automatically scales the viewport on a mobile device to match the document’s page size (except when the Liquid Page Format is used, then zoom is set to 100%).
New Background Image Size Options
There’s now a menu for the background image size for both the document and the page.
The Cover option will fill the entire space (document or page).
The Contain option will make the image as large as it can be and still completely fit in the available space.
Other updates in v2.1.0:
- Added support for Object Export Settings within Scrolling Frames.
- Added support for drop shadows around Scrolling Frames.
- Added support for Buttons within Scrolling Frames.
- Fixed animation with modified motion paths.
- Fixed issue with horizontal/vertical lines thinner than 1 pixel not rendering with Liquid Page format.
One challenge with fonts on the web (aside from font licensing) is that different browsers support different formats for embedding. There are wonderful services like the FontSquirrel Web Font Generator that will generate all the different file formats from a single font file.
The latest version of in5 (InDesign to HTML5) now automatically searches for alternate font formats in the folder of the original font file as well as in the Document fonts folder (if available with the .indd file).
in5 now supports the following formats as alternates when rendering text as HTML with Local Embedding: eot, woff, svg, otf, and ttf. When any of the these alternates are found (with the same name as the primary font file, but a different extension), in5 grabs a copy of the file, includes it in the output, and automatically generates the @font-face CSS for every format that can be found. The primary font used with InDesign can be an otf or ttf file.
Here’s the complete change log for version 2.0.5:
- Added capability to embed local fonts from the Document fonts folder.
- Added support for alternate fonts (eot, woff, svg, otf, and ttf).
- Added support for lightbox links in SVG text.
- Added Image Quality control support for items within a Group that has Object Export Settings applied at the Group level.
- Added Image Quality control support for Pan and Zoom Overlay.
- Improved leading for single-line text frames.
- Improved positioning of images with drop shadows applied.
- Improved automatic keyword generation.
- Removed the load indicator for multi-page export options (Baker and Liquid State Publishing System).
- Fixed missing SVG text for textframes that only contained a hyperlink.
- Fixed On Page Click animation event.
- Fixed issue with images rendered inside of scrolling frames.
- Fixed issue with missing content in MSO object states.
- Fixed miscellaneous crashing bug related to certain text frames.
- Fixed leading/line-height issue for subscript and superscript when rendering text as HTML.
- Fixed issue with the Application Cache and file names with spaces.
- Fixed issue with long lines of text related to noBreak set to passthrough with style.
My latest Lynda.com course is now available. Here are more details on the course, or you can jump right to the course page.
We’re looking forward to attending PePcon (the Print + ePublishing Conference) in June. If you’re even remotely interested in digital publishing, I recommend taking a look at the schedule. Just about every relevant topic that you could think of is covered (and with fantastic speakers).
I’ll be speaking at a session with Paul Trani (and moderated by David Blatner) on turning InDesign documents into Web Apps.
This conference is not to be missed! Hurry up and get your tickets (apparently they’ve been selling quickly this year).
Enter discount code CH23J to receive $50 off on registration.