Sophisticated Animation & Interactivity into InDesign & Out to HTML5 (in5 v3.1 Sneak Peek)

Justin | Animate/Flash,animation,design,extensions,HTML5,InDesign | Monday, September 18th, 2017

For a long time, in5 users have been wanting to include content from Adobe Animate or Tumult Hype in their projects.

And there has been a way to do it with HTML files and the Web Overlay panel (used by DPS/AEM Mobile, but supported by in5)…

But InDesign has supported a more natural approach for most designers: placing of OAM files (packages of HTML from animation apps) directly on the page.

I’m pleased to announce that version 3.1 of in5 will also support placed OAMs.

Check out the video below to see an example of an OAM with complex animation and interactivity exported with an InDesign document.

It’s just one of the ways that in5 v3.1 will put more publishing power in your hands without having to code.

You can subscribe to get updates on in5 releases.

Viewer Display Options & Control Bar (in5 v3.1 Sneak Peek)

Justin | design,extensions,HTML5,InDesign | Monday, September 11th, 2017

While in5 is super easy to customize, sometimes it helps some prebuilt tools that your viewer can use to navigate your publication.

In the video below, you can see the new Viewer Display options that will be available in the upcoming update to in5 (InDesign to HTML5).

As you can see in the video, all you have to do is check a few boxes to add the following items to your HTML5 output from InDesign:

  • Jump to Table of Contents (configurable)
  • Show Page Thumbnails
  • Zoom in/out
  • Switch to fullscreen
  • Download a PDF
  • Show reading progress (as a progress bar and/or page count)

These updates will be available to Pro subscribers when version 3.1 comes out next month.

You can subscribe to get updates on in5 releases.

Scaleable HTML5 Layouts from InDesign (in5 v3.1 Sneak Peek)

Justin | design,extensions,HTML5,InDesign | Monday, September 4th, 2017

in5 (InDesign to HTML5) is incredibly flexible. It’s easy to attach custom functionality to your output.

I’ve shared several customizations on this blog and on the Answer Exchange.

The most popular customization by far is the “desktop scaling” code that scales layouts proportionally to the browser window.

In fact, when most people ask me about a “responsive” layout, they actually want to maintain their layout and simply scale it proportionally (a truly responsive layout changes at different sizes—I’m working on that, too).

To make it even easier for you to create flexible layouts (on both desktop and mobile), I’ve folded this scaling feature into in5 and refined it further.

Check out the video below to see it in action.

(It even works with the new page flip transition!)

Subscribe to get updates on in5 releases.

Merge InDesign Spreads into Pages: in5 v3.1 Sneak Peek

Justin | extensions,HTML5,InDesign | Monday, August 28th, 2017

Are you moving from print to digital?

Need help exporting your spreads to HTML?

Version 3.1 of in5 (InDesign to HTML5) will come with a script that lets you merge multi-page spreads into single pages.

Before running the script

Here’s a screenshot of a document with spreads before the script has been run.

InDesign pages panel with spreads before the script has been run

To merge each spread into a page, you’ll simply run the Merge Spreads script that will be installed with in5 v3.1.

After running the script

The script will produce a new document (so your original is left unchanged).

Note that the number of spreads and the number of pages are now the same in the image below.

InDesign Pages panel showing spreads have become pages

You can now finish prepping the modified document for a digital format (web, mobile app, etc).

This is just one of the ways that in5 will help you transition from print to digital documents.

Subscribe to get updates on in5 releases.

Automatic Image Optimization from InDesign to HTML5: in5 v3.1 Sneak Peek

Justin | design,HTML5,InDesign | Monday, August 21st, 2017

Even Photoshop doesn’t create the smallest web images possible.

I typically recommend a service like TinyPNG because it can shrink your images by as much as 50% (and more in some cases).

Smaller images mean faster loading and less waiting, which makes for happier readers (especially on mobile devices).

But it does require adding an extra step to your workflow.

With in5 (InDesign to HTML5) version 3.1, all you will have to do is check a box when you export from InDesign, and in5 will automatically optimize the images for you!

See it in action in the video below.

The optimization setting will compress PNGs and JPGs automatically as your HTML5 document is being published and saved to your computer.

Subscribe to be notified when version 3.1 is available.
Page 1 of 5312345...102030...Last »