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.

(more…)

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

How to Create a Multi-Issue Standalone App with Baker Framework

Justin | design,HTML5,Tutorials | Tuesday, June 3rd, 2014

The Baker Framework is pre-built, open source library for Xcode. The framework allows you to easily convert HTML and publish it to native iOS (iPad and iPhone) devices as a standalone app or as Apple Newsstand issues.

To build an app with Baker, you essentially drop your HTML into theĀ books directory within the Baker project, update a few variables in Xcode, and you’re ready to publish.

It’s well-documented that you can create multi-issue app to work with Apple’s Newsstand app (i.e., publishing a new issue each month). What is less well known, however, is that you can publish a multi-issue standalone app.

bakershelf

To create this “catalog” page, all you have to do is drop multiple folders in the books directory.

bakerfiles

You now have a multi-issue app!

Page 1 of 512345