The Most Useful in5 Feature that You’re Not Using Yet – Scaling a Single Design to Multiple Devices – The Viewport Zoom Setting Explained

Justin | design,extensions,HTML5,InDesign | Wednesday, December 4th, 2013

The Viewport Zoom Setting can be used to control how your design scales automatically on mobile devices (tablets and smartphones). This video below provides a tour of versatile Viewport Zoom options and shows the results displayed on the screens of multiple devices.

Update: in5 now has sophisticated proportional scaling for all devices.
Learn more about scaling with in5

How to create a specific number of repeated characters without using a loop

Justin | tips | Wednesday, October 23rd, 2013

I’ve run into an issue on a few occasion where I wanted to dynamically create a string of repeated characters (usually spaces or tabs) an exact number of times. It always struck me as a bit of a headache to have to create a loop to join all the of the pieces of the string together.

Recently, I found a simpler way. The solution relies on the Array constructor. The Array constructor can accept either an array of values, or a number. If you pass a number, an array with that length is created with each item being empty. We can take advantage of the fact that the items are empty. Any character we use to join the array into a string is the only thing that will be shown, because the items themselves are empty.

var n = 3;
var str = '.';
var result = new Array(n+1).join(str); //creates "..."

Here’s what it looks like in a single line:

var result = new Array(4).join('.'); //creates "..."

(You need to add one since the join string appears between array items).

Far simpler and cleaner than creating a loop!

This code can be used in JavaScript or ActionScript.

Easily Hide Elements From Mobile Devices

Justin | HTML5,Tutorials | Thursday, October 17th, 2013

There are many cases where it makes sense to hide particular elements on mobile displays. One of these cases is a print button that is used to print the screen.

Since mobile devices are generally not attached to printers, a (now) useless print button is taking up valuable screen real estate. This post will cover some techniques to hide items on mobile devices.

(more…)

Local Playback of YouTube Embeds

Justin | tips | Thursday, October 3rd, 2013

The easiest way to embed a YouTube video in another webpage is to use Share > Embed, found on any YouTube video page.

YouTube has recently made a slight modification to this code by removing the protocol (http:) at the beginning of the URL:

<iframe width="560" height="315" src="//www.youtube.com/embed/CBfVgQNKa5s" 
frameborder="0" allowfullscreen></iframe>

In many respects, this an improvement. The lack of a a protocol means that this link will inherit the protocol from its container page. So if the container page is https (a secure page), the YouTube video will be as well. This avoids a security warning to IE users when loading unsecured content (the http YouTube video)  within a secured (https) webpage. This is a more flexible method, as long as your page is on a web server.

However, it means that the embedded content will not preview locally from your hard drive.

To view a working embed from you local drive, modify the embed so that the src attribute begins with http:

<iframe width="560" height="315" src="http://www.youtube.com/embed/CBfVgQNKa5s" 
frameborder="0" allowfullscreen></iframe>

The same protocol policy goes for URLs used with Google’s Hosted Libraries (like jQuery).

Newest Version of in5 Comes with Feature Tour

Justin | extensions,HTML5,InDesign | Wednesday, September 25th, 2013

When you install the latest version of in5 (InDesign to HTML5) and start up InDesign an in5 Feature Tour will automatically appear.

in5_featuretourdoc

This document will get you started creating interactive HTML documents from InDesign. There are pre-built examples of hyperlinks, video, HTML embedding, page navigation, multi-state objects, a slideshow folio overlay, and liquid layout.

If you don’t need the document, you can simply close it and it won’t reappear until you update in5.

Download in5 and get started >>>

Other updates/fixes in version 1.6.3:

  • Added support for variable page sizes in the Slider formats.
  • Added support for Hidden Until Triggered with InDesign CS4-CS5.5 buttons.
  • When exporting an alternate layout as a page range, the first page in that layout now determines the default page size.
  • Improved positioning of left-anchored objects.
  •  Improved paste functionality within in5 dialog.
  • Fixed some minor issues with MSO actions.
  • Fixed issue with positioning of buttons that have GoToURL actions.

Download in5 and get started >>>

Page 20 of 55« First...10...1819202122...304050...Last »