Getting Started with in5 (InDesign to HTML5)

Justin | design,extensions,HTML5,InDesign,tips | Monday, July 10th, 2017

sailboats at the start of a race

I’ve heard from a few people lately asking for introduction to in5.

This post has some resources to help you go from “zero to hero.”

I’ll explain what in5 does and how it can help you publish yourAdobe InDesign content online.

The 30-Second Version

in5 lets your export your layout, animation, and interactivity directly from InDesign.

in5 uses InDesign’s own interactive features, so you can focus on your design, instead of learning how to use unfamiliar software.

The slides above (In5 Benefits: A Quick Overview) offer a quick 30-second glance if you’re in a rush. 😉

(more…)

How to Load a PDF in a Lightbox on Mobile Safari

Justin | design,HTML5,tips | Monday, July 3rd, 2017

PDF inside lightbox on an ipad

A lightbox—which opens on top of the site (or app) that you are currently viewing—is a great way to load external content, but remain on the same page once the content is closed.

As a designer, a lightbox is a useful tool to keep readers in your “experience” and not force them to find their way back to your page.

Technically speaking, a lightbox loads external content into an <iframe>.

in5 (InDesign to HTML5) let’s you add lightboxes with a single checkbox—no coding or hassle required (and no thinking about iframes)!

The Problem: iOS, Lightboxes, and Multipage PDFs

A handful of in5 customers found that when loading multipage PDFs into a lightbox on iOS devices (iPads and iPhones), you can’t navigate to the second page.

This happens in part because iOS has a PDF viewer built into the web browser.

Normally, the built-in PDF view is quite handy, but when it’s loaded into an iframe, you don’t have access to the page navigation.

Google Drive to the Rescue!

Fortunately, if you

  1. upload your PDF to Google Drive and
  2. grab a shareable link; the

Google online PDF viewer will let you navigate through all the pages (even in a lightbox).

Simply replace the hyperlink to your PDF with the Google Drive shareable URL.

Other sharing services that can view PDFs online would probably work too (e.g., Dropbox), but you may want to factor in how much user interface (UI) and branding of the service itself adds around the document.

Google Drive will keep the UI minimal if you add &embedded=true to the end of the URL.

Original Source: http://stackoverflow.com/questions/15480804/problems-displaying-pdf-in-iframe-on-mobile-safari

Link from one document to another with InDesign and in5

Justin | design,extensions,HTML5,InDesign,tips | Monday, March 13th, 2017

image for linked documents

Creating hyperlinks from one InDesign page to another or to an outside site is one thing…but what if you’ve exported multiple documents from InDesign and want to connect them together? Is it possible?

Yes! It’s easy to connect multiple documents that you’ve exported to HTML using in5.

The key is using relative URLS, meaning that their paths are related to each other.

(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…)

The Digital Publishing Technology Guide – A Helpful Resource to Choose the Right Medium

Justin | design,HTML5,InDesign,publishing,tips | Wednesday, August 10th, 2016

You probably want to publish your content digitally—to tablets, phones, E-readers, and Web sites (ideally from a visual layout application like Adobe InDesign).

But there are so many digital publishing solutions to choose from, and the digital landscape is changing so rapidly.

Where do you start?

cover for bookDigital Publishing expert Keith Gilbert and I have distilled hours of research into this 16-page guide.

The Digital Publishing Technology Guide will help you make sense of all the options and give you the knowledge to choose the best technology for your projects.

Visit http://ajarproductions.com/techguide to sign-up and get this guide for free.

 

Page 1 of 812345...Last »