How to Publish Interactive HTML to Your Own Server From InDesign

Justin | design,HTML5,InDesign,publishing,software,tips | Monday, September 25th, 2017

indesign to your own webserver

It’s well-known that Adobe InDesign is a powerful layout tool.

It’s slightly less well-known that InDesign is loaded with interactive capabilities (buttons, object states, animation, audio, video, etc).

These interactive capabilities were partially supported by interactive PDFs…until mobile devices came around.

These devices used all different kinds of PDF reader applications, and none supported the Flash-based interactivity inside the PDFs.

Now even the desktop version of Adobe Reader doesn’t automatically come with the Flash Player installed.

So how can a designer make use of all the interactive tools?

HTML can support the interactivity that PDF does not, and it can be viewed on mobile devices.

InDesign has a “technology preview” called Publish Online that publishes a document as HTML onto Adobe’s servers.

This is an amazingly fast way to get your document online and viewable.

However, the content is only hosted on Adobe servers and cannot be saved, moved, or modified.

What if I want to customize my output? Or host it on my own site? Or make it viewable to search engines? Or create an app?

If you want the files to be your own and to host them on your own servers, etc…you’re in luck, but you’ll need to use a tool other than Publish Online.

Keith Gilbert’s free script

Keith Gilbert discovered a hidden scripting object that let him make use of InDesign’s Publish Online export (essentially the same as the Fixed-Layout ePub export) and save the files locally.

The script is awesome and free, but limited in certain ways (e.g., you have to take some extra steps to create working page navigation, but Keith created a script to help with that as well).

in5 (InDesign to HTML5)

in5 (InDesign to HTML5) logoin5 is a commercial InDesign to HTML exporter that I launched on Kickstarter several years ago and have fine-tuned over multiple versions.

in5 is fully-featured, supports all of InDesign’s interactivity, and lets you add new kinds of interactivity.

It’s easy to customize, built to host on your own site, has easy search engine optimization features, and the output can easily be converted into a mobile app.

Here’s how it works

  1. Create your content with InDesign
  2. Export with in5 (File > Export HTML5 with in5…)

(Yes, it’s that simple).

Check out what customers have already made with in5.

There’s a free course to get your started with in5, which includes a lesson on publishing to your own site.

I’m here if you have any questions or need help with in5.

Happy publishing!

InDesign to SimpleHTML – Easily Repurpose Content with Uncluttered Markup

Justin | design,extensions,InDesign,publishing,software | Monday, May 15th, 2017

Simple HTML From InDesign header image

SimpleHTML is a new tool for InDesign that exports bare naked HTML from a Text Frame or Story.

There’s no <head> or <body> tag, no classes, no <div> wrappers, no clutter—just the HTML that you need to paste into a blog post (or email) editor.

(more…)

My favorite conference will be even better this year

Justin | conferences,design,publishing | Thursday, March 16th, 2017

where print meets digital

I’ve written a couple of times about how much I like PePcon.

Somehow the team at CPN has managed to assemble a conference for 2017 that I’m even more excite about.

PePcon (the Print and ePublishing Conference) has been conjoined with conferences on key Adobe design products (InDesign, Illustrator, and Photoshop).

This new super conference will let you deep-dive on your favorite product(s), then get the latest and greatest on digital publishing.

This is not to be missed!

The conferences are partially spread out and partially overlapping, so they should still have that “small conference” feel where you get to interact with everyone, including speakers.

Discounted Registration

I’m honored to be speaking again this year, and happy to share my speaker’s discount code with you.

Use the discount code CPPUTNEY and get $100 off registration!

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.