in5 Supported Features

Justin | extensions,HTML5,InDesign | Thursday, August 15th, 2013

We’ve just added a page to help users (and potential users) of in5 (InDesign to HTML5) locate which interactive InDesign features are currently supported.

The page is color-coded and can be filtered by keywords for quick reference.

screenshot of features page

 

Amazon AppStore Now Accepting HTML5 Apps

Justin | HTML5 | Thursday, August 8th, 2013

Amazon is now accepting HTML5 apps into their AppStore. From the press release:

Developers can now submit URLs for their HTML5 web apps and mobile websites and have Amazon offer that content to millions of Kindle Fire and Amazon Appstore customers in the same, convenient way as native apps. Developers can submit and distribute mobile web content without using third party software or doing any native app development, and they can take advantage of Amazon’s In-App Purchasing API for JavaScript, which provides them the option to build sales of digital goods into their apps.

This is huge news those of you who are using in5 to generate HTML5 from InDesign. You just got a new distribution channel, and a much larger audience!

Thanks to Keith Gilbert for bringing this news to our attention.

in5 Now Supports AutoPlay for Audio and Video

Justin | extensions,HTML5,InDesign | Thursday, August 1st, 2013

in5 version 1.5.2 now supports the AutoPlay setting for Audio and Video (as well as the Delay setting) in the Overlay Panel and Play on Page Load in the Media Panel*.

Along with this, code has been added so that media is also stopped when the page changes.

*iOS devices are a little “touchy” in this regard. In some cases, a security measure prevents audio/video from playing initially if it’s not initiated by a touch gesture. Despite this measure, we have had success using AutoPlay on the iPad.

Additional changes/fixes in 1.5.2

  • Fixed audio playback on iOS when controls are not used.
  • Images directory inside of an Edge Animation is now automatically attached using the Web Content Overlay.
  • Fixed CS4 Error: Object does not support the property or method ‘visible’.

Download

The latest version of in5 is available on the download page.

Compatibility with InDesign CC

We know many of you have been patiently awaiting a CC-compatible version of in5. Our code base is ready to roll, but we’re waiting on an update of InDesign from Adobe. We were hoping that update would be available by now, but it looks like there’s still a bit more waiting to do. My apologies for the delay.

If you’d like to be notified the moment a CC-compatible version of in5 is available, please sign up for our newsletter.

CacheMan: Application Cache Utility for HTML5 websites & Web Apps

Justin | AIR,HTML5 | Monday, July 29th, 2013

In conjunction with one of my recent Lynda.com courses, HTML5 Projects: Creating an Advanced Responsive Presentation, I created this simple utility to take care of an otherwise tedious and unforgiving* task: generating an Application Cache Manifest file.

CacheMan not only generates the manifest file, it also attaches the manifest to the target HTML files. This attached manifest file will tell the user’s browser to cache the listed files so that they can be viewed offline.

*In many cases, a site will fail to cache if there’s a single typo in the manifest file.

Usage

The Main HTML field is where you assign the primary HTML file(s) that will trigger the Application Cache.

The Dependent Files are the files (or their parent folders) that will be added to the cache. If the Auto Detect Dependent Files box is checked, CacheMan will search any files added to the Main HTML category for dependent files (CSS, JavaScript, images, video, audio, etc).

For both the Dependent Files and Main HTML fields, files can be added using the plus (+) button, or by simply dragging and dropping files (as shown in the video demo below).

Files can be omitted from the manifest, or treated as network files (not cached, but pulled from the server) by using the Ignore File Extensions and Network File Extensions, respectively.

cacheman user interface

Demo

Tips

Make sure that you add the .appcache mime-type to your server:

AddType text/cache-manifest .appcache

For more info on the Application Cache feature of HTML5, check out A Beginner’s Guide to Using the Application Cache.

If you’re using in5 to create your HTML, in5 has a built-in caching option, so there’s no need to use CacheMan.

Installation

You can install CacheMan using the badge below.

Please upgrade your Flash Player This is the content that would be shown if the user does not have Flash Player 9.0.115 or higher installed.

Or you can download the file directly cacheman.air (Adobe AIR is required).

Note: The application is self-signed, so you can ignore the installation warning about the publisher being “unknown.”

CacheMan is available at no cost, but donations are welcome.

in5 Customer Showcase

Justin | HTML5,InDesign | Wednesday, July 17th, 2013

Last month, we put out a call for submissions of apps/websites created with in5.

The showcase is now teeming with quality work that was created with InDesign and exported using in5:

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