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

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

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?

Digital 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.

An iFrame lets you embed a website inside of another HTML document. It’s often used to add online content to otherwise offline publications. When a viewer is offline, the iframe fails completely, and the author doesn’t have control of what is displayed.

So how do we go about fixing that?

(more…)

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