Visual Thinker Digital Magazine made with InDesign & in5

Justin | design,HTML5,InDesign,publishing | Thursday, January 11th, 2018

Creator, Matthew Goodman (who previously made the FunLab Nature Sounds apps), has made another cool project with in5.

This time, he’s created a digital magazine called Visual Thinker and it is a beautiful layout.

Check it out in the video below.

Want to create your own awesome project?

Try in5 for free

Better digital spread export with in5 v3.1.10

Justin | design,extensions,HTML5,InDesign,publishing | Wednesday, December 27th, 2017

image with page items spanning across spreads

When I initially conceived of in5 (InDesign to HTML5), I imagined that designers would be laying out pages specifically for digital projects.

With the Page Formats available inside of in5—a Slider, document-like scrolling pages, liquid layout pages that fill the window— focusing on exporting items within page boundaries made sense.

However, there have always been designers who want to export digital documents from InDesign files which were originally designed for print, with little or no modification.

The previous approach

InDesign presented a bit of a challenge for in5 when spread elements spanned across multiple pages because each layout element has to “belong” to a single page (so it would appear on one page of the spread, but not the other).

For the reasons described above, wrestling with InDesign to get page elements to belong to two pages was not a high priority, so I created a half-measure (though I didn’t realize it was only a half measure at the time).

The Allow Page Items to Span Across Pages within Spreads option in the Advanced section of the in5 export dialog attempted to solve this by copying objects and shrinking their frames so that the copy only resided on the secondary page.

This worked for a rectangle, but only created a distorted copy of a triangle (let alone what it did to a textframe).

Significantly improved rendering of spreads for your digital magazine

With the introduction of the Flipbook with Page Peel format to in5 v3.1—which now supports two-page spreads—there was even more demand to export “print” spreads with spread items that span across two pages.

So, despite the status of 3.1.10 as a “minor” update, it includes a major rewrite of the Allow Page Items to Span Across Pages within Spreads option. You’ll find that the your documents which are designed with two-page spreads export significantly better with the latest version of in5.

The current version of in5 even synchronizes the On Page Load animation of the elements that span pages, so they’ll animate together as if they’re one element, even though they’re on separate pages.

Try the latest version of in5

 

How to publish your digital magazine from InDesign

Justin | articles,design,HTML5,InDesign,publishing | Saturday, November 11th, 2017

content getting transported from InDesign to an ipad

This article will walk you through the process of creating a digital magazine: from the layout in Adobe InDesign to sharing your content on the web or through a mobile app.

It will show you how to use the options within the in5 (InDesign to HTML5) export tool to create your ideal digital magazine layout.

(more…)

in5 v3.1 brings the best digital publishing experience so far

Justin | design,HTML5,InDesign,publishing,services | Wednesday, October 25th, 2017

in5 v3.1 header collage of new features

Five years ago I had an idea.

I wanted to help my fellow designers publish digitally without relying on coders, and without being beholden to restrictive publishing pipelines.

I launched the project on Kickstarter and 238 people backed the initial version of InDesign to HTML5 (in5).

Thanks to the continued interest and support of many customers, in5 has grown through many updates and has helped designers build better digital publications year after year.

Today I’m announcing another quantum leap forward in what in5 can help designers create—without coding and—using the freedom of an open format.

The new capabilities are almost too numerous to list in a single post, so what follows is a high-level summary of what you can do with in5 version 3.1.

(more…)

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!

Page 1 of 212