HTML5 Page Flip from InDesign: New Feature in5 v3.1

This quick video shows some of the new things you can now create with in5 (InDesign to HTML5) version 3.1.

There’s a new page transition: Flipbook with Page Peel.

You can see the pages (with live text, animations, and interactivity) curling and peeling in the video below.

NO coding involved. Just a new export option that has been added to in5 Pro subscribers. 😉

This video also shows two other highly requested features that are now available to all subscribers.

  1. Buttons that support live text and variable image quality.
    (Buttons in previous versions were almost always 72 ppi images.)
  2. Source images that appear only once in the output. This will help you save file size in your output.

More cool things to help you create awesome content coming soon…

Subscribe to be notified.

Hal Leonard Creates Interactive Music Magazine for Teachers & Students using InDesign & in5

The team at Hal Leonard publishing has created an amazing digital experience for music teachers and students.

Music Express magazine is in its 18th season and is available as a private download.

The team shared a recent issue with me and I’ve created the video below to show you what’s inside.

The publications includes

  • Embedded audio
  • Object states
  • Student slides
  • Demonstration videos
  • Links to support files
  • and tons of fun stuff to engage students

How They Did it

The interactivity was created visually with Adobe InDesign and exported using in5 (InDesign to HTML5).

The artwork is created by 5 in-house designers and assembled into the digital format by Production Team Leader, Nicole Julius.

The team started producing PDFs with limited interactivity years ago when learning management solutions started popping up in classrooms.

“We had often wished that we could offer HTML5 files, but didn’t have the in-house programmers or knowledge within our art department to be able develop what we wanted.”

“We also knew that outside programming would be cost prohibitive for the volume of items we wanted to create.”

“Our IT department is primarily devoted to maintaining the corporate websites, and this technology allows us to do some development for consumers that would not be possible otherwise.”

-Nicole Julius, Production Team Leader

The team bought in5 and put together a prototype of an all-inclusive digital magazine for teachers to try out.

The response from the teachers was overwhelmingly positive!

Now the team at Hal Leonard is producing regular digital issues.

Watch the video above to see their magazine in action.

Create your own prototype with in5

Nature Sounds iOS App Created with in5 and Baker Framework

Matthew Goodman of FunLab, LLC has created some really cool Nature Sounds apps for kids.

Check out the video below to see the apps in action.

The apps were built visually in InDesign using buttons, multi-state objects, and imported audio.

Matthew used in5 (InDesign to HTML5) to export the content for use with the Baker Framework, which he used to publish the content for the iPad and the iPhone..

If you can design content with InDesign—then you could be creating mobile apps, too…

Test Drive in5

How to Export Accessible, 508 Compliant HTML Layouts from InDesign

header image for accessible, 508 complaint HTML from InDesign

I often get asked about accessibility and 508 compliance.

In this article, I’m going to demystify this topic by doing the following.

  1. Explain accessibility and 508 compliance in simple, straightforward terms
  2. Provide some general strategies for improving accessibility in your HTML content
  3. Provide some specific strategies for exporting accessible, 508 compliant HTML from InDesign using in5

If you want to go deeper on this topic, there’s an Accessibility video course on Ajar Academy.

Merge TextFrames for InDesign Updated with Highly Requested Features

puzzle pieces representing re-connect textframes

Way back in 2008, I wrote my first InDesign extension at the behest of then InDesign Product Manager, Michael Ninness.

The MergeText Frames extension combines multiple textframes into a single frame so that your text can easily be edited.

This is especially useful if you’re using the PDF2ID extension from Recosoft.

It was wonderfully promoted by the community and has been one the most popular items on my site ever since.

Why update it now?

There are two main reasons that I’m releasing this update.

  1. The extension is still useful and these feature requests continue to come in.
  2. I can apply my years of experience to improve the script. 🙂

What’s new?

There are three main, major changes in this update.