Link from one document to another with InDesign and in5

Justin | design,extensions,HTML5,InDesign,tips | Monday, March 13th, 2017

image for linked documents

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

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

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.

 

How to Replace an iFrame with a Message When Your Viewer is Offline

Justin | HTML5,tips | Tuesday, March 15th, 2016

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

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

Page 1 of 712345...Last »