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

The Quickest Way to Test a Mobile Layout on Your Computer

Justin | design,HTML5,interaction,tips | Wednesday, March 9th, 2016

hero_device_emu

There are several great tools for testing mobile layouts.

The iOS and Android Simulators can test almost every aspect necessary, without actually needing a device.

Browserstack is a subscription service that lets you test all kinds of devices, browsers, and operating systems.

However, sometimes the power that these systems offer is overkill, and I just need a quick way to test a mobile layout.

The Quickest Way to Test a Mobile Layout

Enter Chrome Device emulation.

Device emulation is part of the Chrome Developer Tools. All you need is the Google Chrome web browser.

You can learn more about the Developer Tools, including how to use them as a designer in this free email course.

There are 2 important parts to testing mobile layout.

  1. The viewport meta tag—this controls document scaling on mobile devices.
  2. The CSS media queries—these are rules that control how the design changes on different screens.

The emulator also simulates touch events, touch scrolling, and device orientation.

(more…)

Digital Publishing with InDesign: Types of Interactive Elements

Justin | design,HTML5,InDesign,interaction | Wednesday, January 6th, 2016

DigPubIDCC one pageThis is a guest post by Sandee Cohen, adapted from Digital Publishing with Adobe InDesign CC by Sandee Cohen and Diane Burns. This article highlights the methods for adding interactivity to an InDesign document.

Types of interactive elements that can be added to InDesign documents

  1. Links: Hyperlinks, Cross-references, Table of Contents
  2. Bookmarks
  3. Audio/video files
  4. Multi-state objects
  5. Buttons
  6. Forms
  7. Animations
  8. Page transitions
  9. Overlays

Each has its own particular uses, and some of the features may overlap. Before you start work, you need to decide which type of interactive element is right for your job or you could be stuck with an effect that can’t be exported for your finished project.

(more…)

Universal Scrolling Frames for InDesign

Justin | drawing,extensions,HTML5,InDesign,interaction,software | Tuesday, December 8th, 2015

Universal Scrolling Frames From InDesign to HTML and EPUB

Adobe InDesign is full of wonderful interactive capabilities. The DPS Overlays panel adds several additional options, such as scrolling frames.

While this extra interactivity is supported by DPS, as well as our tool—in5 (InDesign to HTML5)—it’s not supported by InDesign’s native export formats: ePUB, HTML, and Publish Online.

In looking for ways for add this interactivity for all formats, I heard from many people that scrolling frames were a high priority.

(more…)

Animation Reel 2008

Justin | animation,design,interaction | Monday, September 8th, 2008

Finally put together animation reel…

Page 1 of 212