How to Create Scrolling Chapters for the Baker Framework Using InDesign and in5

Justin | design,extensions,HTML5,InDesign,iOS,Tutorials | Wednesday, May 28th, 2014

Several in5 (InDesign to HTML5) users have asked about creating long chapters within their Baker Framework ebooks, so I put together the following video to demonstrate how this can be accomplished using InDesign and in5.

The technique in the video is enhanced by some additional features that have been added to a recent update to in5.

Baker-specific enhancements for in5 v2.1.3

  • Vertically scrolling (tall) pages within Baker now return to the top automatically when leaving the page.
  • Added script to merge multiple pages into a vertically scrolling (tall) page.
  • Switched on zoomable by default in book.json file for HPUB.
  • Removed viewport meta tag from HPUB thumbnail page.

The Baker Framework is a free code library that allows you to publish beautiful, interactive books (or magazine issues) to the iPad and iPhone.

To start creating ebooks from InDesign today, you can

  1. Download the framework and
  2. Get a free copy of in5 >>

UX Design Tools: Photoshop Course Now Available on Lynda.com

Justin | design,Tutorials | Thursday, March 6th, 2014

My latest Lynda.com course is now available. Here are more details on the course, or you can jump right to the course page.

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

in5 Demo Videos

Justin | HTML5,InDesign,Tutorials | Monday, December 31st, 2012

We’ve posted the first few demos videos for in5 (InDesign to HTML5), which include the source INDD files and the HTML5 output.

We’ll be adding more videos, so let us know if there’s something specific that you’d like to see in a demo.

HTML & Flash: Explained Part 1

Justin | Animate/Flash,HTML5,Tutorials | Tuesday, April 10th, 2012

This is the first video in a series on digital literacy. The goal of this video is to provide an overview of HTML and Flash technologies, primarily for non-technical viewers. Future videos may cover aspects of these technologies in more depth and provide a foundation for deciding when to use each technology.

Page 2 of 512345