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

A Swiss Army Knife Extension for Adobe Animate

Justin | Animate/Flash,design,extensions | Thursday, March 3rd, 2016

Queasy Tools Panel v1.5.0Queasy (Quick and Easy) Tools takes a whole bunch of the most common actions that you make as a designer or an animator and groups them into a single panel.

More than that, Queasy tools lets you take multi-step actions with a single click.

Did I mention it’s free?

Get the latest installer to start using Queasy Tools with Adobe Animate CC.

Free course: Becoming a Digital Publishing Master with in5

Justin | design,HTML5,InDesign | Wednesday, January 27th, 2016

free digital publishing course taught by the experts

Are you interested in using your design skills to publish digital content?

This 22-part course will start you off with the very basics and walk you through to creating advanced interactivity and publishing apps.

The lessons will show you how to build your content in InDesign and export with in5.

No coding required!

The entire course is available online, or you can sign up to have the lessons emailed to you one at a time.

Check out the course >>

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

How to Add Advanced HTML Hyperlinking with in5

Justin | design,extensions,HTML5,InDesign,tips | Monday, September 21st, 2015
indesign new hyperlink

InDesign has many strengths as an interactive layout tool.

One of its limitations, however, is that it doesn’t let you set a target attribute when creating a hyperlink. The target attribute lets you control how a hyperlink is open.

In this article, I’m going to take you on a deep dive of a new features that we’ve added in in5 version 2.6: Advanced Hyperlink Targeting.

Not only can you use this feature to control links in your web-based HTML, it also gives you a high degree of control in Web Apps, Baker Framework apps, and PhoneGap apps.

(more…)

Page 1 of 1212345...10...Last »