Why I’m excited about PePcon 2016

Justin | conferences,design,InDesign | Thursday, May 12th, 2016

I’m going to be a little lazy and reuse much of what I posted last year—but I’ve got a good reason—it’s all still true about PePcon this year.

I spoke at PePcon the last two years and had a great time.

The conference is run by David Blatner and Anne-Marie Concepción of InDesignSecrets. There are several hundred attendees and yet the conference has a very intimate feel.

In year’s past, I’ve been able to speak with many attendees and speakers multiple times over the course of the week. As a result, it was much easier to build relationships at PePcon than at any other conferences I’ve attended.

The topic of PePcon is the nexus of print and ePublishing, which is still a fertile area for change and learning.

PePcon is the nexus of print and digital

Anne-Marie and David round up the top speakers (and I’m not just saying that because I’ll be speaking, check out the full list of speakers) and create a great environment for sharing and growth.

I’m not the only one who thinks so…check out the video compilation from a previous PePcon.

If this sounds interesting to you, I recommend you sign up now, because space is limited (that’s how the conference keeps that intimate feel). And don’t forget to use the discount code below.

Also, did I forget to mention that it’s in sunny San Diego this year?

Discounted Registration

Use the special discount code PUTNEY when you register and you’ll get $100 off any multi-day pass to the event.

Full lipsyncing control with FrameSync now available for Adobe Animate CC

Justin | Animate/Flash,animation,extensions | Tuesday, May 10th, 2016

FrameSync lets you rapidly lip-sync your characters with an audio track.

The newest installer now works with Adobe Animate CC.

Feature recap

Modes to suit your style

Use keyframe numbers (shown below) or add labels to your frames (shown in the top image).

Audio Playback Navigation

No need to scrub the playhead to hear a single frame of audio, or move one frame back or forward. All of your lip-syncing can be completed from within the FrameSync panel. No jumping around the Flash interface!

Download

(compatible from Flash MX 2004 & up, including Adobe Animate CC 2015)

FrameSync.zip

Other Lip Sync Tools from Ajar Productions

  • SmartMouth – automatic lipsyncing (audio analysis) – pair this with FrameSync and you have the fastest lipsyncing workflow on the planet.
  • FrameScrub – an alternative to FrameSync.

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

How to always show scroll bars on a Mac

Justin | tips | Tuesday, March 8th, 2016

What if you were missing out on web content just because your Mac wasn’t telling you that you could scroll?

It turns out that this is the default on the current version of OS X. So there’s a good chance you are missing content.

Here’s the short and sweet steps to a solution.

How do I show scroll bars on a mac?

  1. System Preferences (from the Apple Menu) > General.
  2. Change the Show scroll bars setting to Always.

(more…)

Page 1 of 4712345...102030...Last »