in5 2.5 Improves InDesign to HTML Export Speed by up to 100x!

Justin | design,extensions,HTML5,InDesign,software | Thursday, July 30th, 2015
breaking the sound barrier

Image credit: wikipedia.org

Faster Exporting

Yes, you read that headline right. Up to 100x faster exporting from InDesign to HTML! There’s nothing extra for you to do, just run the latest version of in5 and you’ll find it’s much faster.

Paragraph Shading

The Paragraph Shading Feature was added in InDesign CC 2015. It’s a create way to add colored backgrounds to text and in5 now supports it.

paragraph shading

Custom Sharing URL

in5 automatically uses the current location of your digital content to pre-fill social sharing windows. However, this doesn’t work so well when your content is packaged as a native app (using Baker Framework or PhoneGap Build), or hosted offline in some other way. So in5 v2.5 now let’s you enter a custom URL.

custom url field

This URL will appear automatically when a viewer clicks one of your share buttons.

social sharing with custom url

Hyperlink to Specific Locations on a Page

Previous versions of in5 let you link to specific locations inside of a Baker Framework page. The latest version adds support for this type of linking in all page formats.

indesign bookmark

Download

Try the latest release and let us know what you think.

Other fixes in v2.5

  • Reduced file size of web images that are preinstalled with in5.
  • Shorten decimal length of positions for cleaner markup.
  • Added alt attribute for loading icon.
  • Fixed misc positioning and scaling issue for text rendered as images.
  • Fixed text scrolling on touch devices when swipe is enabled on the vertical slider format.
  • Fixed bug with Baker and iOS missing audio player progress bar.
  • Fixed sequenced custom Appear animations for Safari.
  • Fixed first run error on Windows related to unsaved document with no path.
  • Fixed issues with Video play events on Buttons.
  • Fixed error due to missing book TOC links.
  • Fixed error caused by Image Sequences linked to missing folder.

Export One HTML File Per Page with in5

Justin | design,extensions,HTML5,InDesign,tips | Thursday, July 2nd, 2015

By default, in5 will export all pages in your InDesign document into a single HTML file. But there are a couple of reasons why you might want an HTML file generated for each page in the InDesign document:

  1. Each page will have it’s own URL (so you can easily link to a page)
  2. Loading only one page at time decreases load time in the browser, especially for long documents

The ability to export a document as multiple HTML files actually already exists within in5, though we haven’t done a great job of advertising it.

Both the Baker Framework (HPUB) and the Liquid State Publishing System Output options will export one HTML file per page.

in5_multifile_output

Both outputs can be used directly on the web, though the Liquid State Publishing System option will probably be slightly better because the index.html file redirects to the first page (whereas in Baker the index file contains the page thumbnails).

One thing that is lost when switching to a multi-file format is the animated transition between pages. If you want to keep that transition, but also be able to link to individual pages, check out this solution on the Answer Exchange.

Smart Image Exporting from InDesign to HTML and EPUB

Justin | design,HTML5,InDesign,tips | Tuesday, June 23rd, 2015

The standard image format when export HTML or EPUB from InDesign in PNG because the PNG file format supports transparency (and more colors than a GIF).

The Problem

In some cases (e.g., photographic images), PNG can produce larger files, especially if you choose the High Definition (HD) option when exporting from the in5 dialog.

So, what if you know your images don’t have transparency and you want them to be HD…but you also want to try and keep the file sizes smaller?

In that case, you can use the Object Export Options (found in the Object menu of InDesign) to add custom settings to any given image. Great so far.

But now, what if you have a lot of images? It can take a long time to open the Object Export Options for each one, navigate to the EPUB and HTML tab, and select from the drop down menus.

The Solution

You can create an Object Style (Window > Styles) that only applies Export Options. And you can even narrow that to just the image type and quality.

Note how every checkbox for attributes in the image below has a minus sign (-), except the EPUB and HTML options. This means the style will let the object itself control those “pass through” settings. So only the image export settings are applied.

hd_jpg_object_class

Now you can simply select the images in your layout that you’d like to render as HD JPEGs (or any other type that you’d like to create an Object Style for), and it’s one click to apply the Object Style.

If you’re targeting an EPUB, you’re set to export. If you’re exporting HTML5 with in5, just make sure you choose Use Object Export Settings from the Advanced section of the in5 dialog.

in5_image_object_export

Here’s an IDML file with the style already created that can you can use to import the style into your own documents.

Preview: Place HTML into InDesign for ePub

Justin | conferences,design,extensions,HTML5,InDesign | Tuesday, June 9th, 2015

I just returned from PePcon last week. In a previous post, I wrote Why I’m Excited About PePcon 2015, citing the intimacy of the conference and the ability to interact with speakers and attendees. Well, PePcon 2015 did not disappoint. I had many wonderful conversations with several fantastic people. The post for Why I’m Excited About PePcon 2016 writes itself: all the same reasons from 2015, plus it’s in sunny San Diego.

One of the many valuable conversations that I had was with Mira Rubin, an author and trainer who is pushing the bounds of animation and interactivity in ePubs. Mira was looking for a way to include outside HTML (like that produced from Captivate or Muse) inside of her published ePub that she was building in InDesign. Something about our conversation triggered an idea and I stayed up into the wee hours of the morning building a prototype that I then showed at the next night’s CreativeWow! (a session where developers show new and experimental projects they’re working on). I’ve recorded a video of that demo so that you can see it as well.

In the video, you’ll see that the prototype can import interactive HTML that works in an ePub.

If you’d like to hear more about this project as it’s being developed, you can subscribe to our newsletter.

Why I’m Excited About PePcon 2015

Justin | conferences,design,InDesign | Tuesday, March 24th, 2015

I spoke at PePcon last year and had a great time. The conference is run by David Blatner and Anne-Marie Concepción of InDesignSecrets. There were several hundred attendees and yet the conference had a very intimate feel. I was 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 a fertile area for change and learning at the moment.

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 below from last year.

 

 

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.

Discounted Registration

Use the special discount code SPK93R when you register and you’ll get $50 off any 2-, 3-, or 4- day pass to the event.

pepcon2015

Page 1 of 1112345...10...Last »