Interactive PDF is dead—here’s what you can create from InDesign that’s even better

Justin | design,extensions,HTML5,InDesign,interaction,publishing,Tutorials | Monday, March 26th, 2018

tombstone for interactive PDF says R.I.P.

It sounds like I’m exaggerating doesn’t it?

I’m not.

Almost none of the interactivity in an interactive PDF actually works, even in Adobe Acrobat and Adobe Reader.

What doesn’t work in a PDF

Here’s a list of things that you can create with InDesign that don’t work in a PDF:

  • Animation
  • Video*
  • Animated GIFs
  • Multi-State Objects
  • Embedded HTML content (like YouTube videos)
  • Button actions related to several of the above items
  • Scrollable Frames
  • Custom page transitions (like flipbook pages)

Flash Player SWF icon broken down the middle*Video was supported previously in Acrobat and Adobe Reader, but it was dependent on the Flash Player (which no longer comes bundled with the Adobe apps).

The introduction of smartphones and tablets—almost none of which now support Flash—and a slew of new PDF readers, essentially guarantee that interactive PDF features will not work when your clients view your PDFs.

To see the breakdown of an interactive PDF in action, and to get a sneak peek at the solutions that I describe below, you can watch the following video.

(more…)

How to Export Accessible, 508 Compliant HTML Layouts from InDesign

Justin | design,HTML5,InDesign,interaction,Tutorials | Monday, July 24th, 2017

header image for accessible, 508 complaint HTML from InDesign

I often get asked about accessibility and 508 compliance.

In this article, I’m going to demystify this topic by doing the following.

  1. Explain accessibility and 508 compliance in simple, straightforward terms
  2. Provide some general strategies for improving accessibility in your HTML content
  3. Provide some specific strategies for exporting accessible, 508 compliant HTML from InDesign using in5

(more…)

How to Add a Progress Bar for Reading Pages in an in5 Document

Justin | HTML5,InDesign,Tutorials | Monday, June 26th, 2017

hero image for post on adding a progress bar to in5 output

A question came in on the in5 Answer Exchange about how to create a progress bar to indicate the reader’s position within the page count.

This technique is popular with online news magazines.

In the following article, I’m going to show you how to create such a progress bar by attaching a single file when exporting your HTML from InDesign.

Update: this feature is now built into in5 if you have a Pro (or higher) plan and no custom coding is required. Release post.

(more…)

How to Create an Animated Web Banner with InDesign & in5

Justin | design,HTML5,InDesign,Tutorials | Monday, May 8th, 2017
The banner above this text was made with Adobe InDesign.

Yes, InDesign. The page layout tool.

InDesign Hidden Gems

While InDesign is known for print layout, it also has extensive interactive capabilities, including:

  • An Easy-to-use Animation Panel
  • A Timing Panel to create sequenced animation
  • The ability to create different Object States that change with interaction
  • Interactive actions for Buttons and Form Elements

Just because InDesign was originally conceived as a page layout tool, doesn’t mean you have to create things that look like books.

In this article, I’ll show you how use InDesign’s interactive features and the in5 HTML5 export to create a web banner.

(more…)

How to Create a Simple Entry Password for Your App with in5

Justin | design,extensions,HTML5,InDesign,tips,Tutorials | Monday, February 27th, 2017

Easy way to lock an app image

This tutorial will show you how to add a simple password to your app or Web App created with InDesign and in5 (InDesign to HTML5).

(more…)

Page 1 of 512345