in5 v2.2 – HD Images, Better Buttons, HPUB Packaging, Scrolling Frames Unleashed

Justin | extensions,HTML5,InDesign | Tuesday, July 15th, 2014

Version 2.2 of in5 (InDesign to HTML5) is now available. This update is chalked full of fixes and new features. Here’s rundown of some of the features.

High Definition Images

There are 2 new Image Quality settings available:

  • High Definition
  • High Definition – Text Frames Only

These options allow you to export items at 144 ppi (essentially twice “normal” resolution). This is particularly useful if you’re targeting retina displays or you want your content to be crisp when zoomed in upon.

Better Buttons

in5 has supported InDesign buttons since its very early days. However, many buttons have drop shadow or glow effects applied, usually to the roll over state. When in5 queried InDesign to get the button dimensions, InDesign did not include the size of any outer glow or drop shadow in those calculations. So, the resulting button was often cropped a bit. No more!

Better Button Rendering

in5 now traverses the objects within a button checking for effects that will alter the button’s size. The result is that buttons with outer effects now display as expected, with no need for any workarounds.

Automatic Packaging for Baker Framework and Liquid State

in5 now automatically packages files when exporting for the Baker Framework (.hpub file extension) or the Liquid State Publishing System (.zip extension).

Baker Framework

The HPUB file can be posted directly to a server and used with Newsstand issues. The HPUB file is automatically created when you select Baker Framework (HPUB) as the Output format in the in5 dialog, and the file is saved to the same directory as theĀ book folder.

liquid-state-200

A ZIP package is now also automatically created when you select Liquid State Publishing System as the Output format. This package can then be uploaded directly into a Liquid State project.

Scrolling Frames Unleashed

Scrolling Frames previously supported text, images, and buttons. Scrolling Frames can now support all types of content, including other Overlays like Slideshows!

Animation Triggered by Object States

We didn’t even realize it, but InDesign had an On State Load event to trigger animation within Multi-State Objects. A savvy user on the in5 Answer Exchange tipped us off to the feature, which allows animation to play when a specific Object State is visible. It’s very useful and it’s now supported by in5!

Ready to try out the new features?

Get the latest version of in5 now >>

(more…)

DropBox as a Web Server in 3 Easy Steps

Justin | tips | Wednesday, June 25th, 2014
Important update: As of October 3, 2016, Dropbox is discontinuing the ability to render HTML content in-browser via shared links or Public Folder.

So you’ve got some web content, now what do you do with it? Typically, this is where you’d upload your content to a web server.

Maybe you’re new to creating web content and the idea of signing up with a web host is daunting. Perhaps you’re dipping your toe in the water, and you don’t yet need your own domain name. You just need a place to post your files so that others can view them.

Fortunately, there’s a cheap (in most cases free) and easy solution. You can use Dropbox to host web sites.

Step 1: Copy your site into the Public folder within your Dropbox Directory

You may want to create a subfolder, so that you can house multiple sites in your Public folder.

dropbox_public

Important note: If your Dropbox account was created before Oct. 4, 2012, you will automatically have a Public folder. If your account is newer, you may have to request a public folder. (This may now require a paid account). See the Helpful Links section below for other options.

Step 2: Right-click and choose Copy Public Link

dropbox_copylink

You can create a shareable link from any Dropbox file or folder, but if your file has dependencies (images, CSS files, JavaScript files, etc) the Public folder has an easier time linking to those files.

Step 3: Paste the link in your browser to test, or paste into an email to send

dropbox_paste

You now have a link to your site. Here’s a sample site I created using in5.

Optional: You can use a link shortener to create a more memorable URL.

Strengths of Using Dropbox as a Web Server

  • Cheap/Free
  • Fast
  • Easy
  • Built-in version control
  • Doesn’t require an File Transfer Protocol (FTP) application. Files can be managed from the desktop.

Weaknesses of Using Dropbox as a Web Server

  • No server-side scripts
  • URL is generic

Helpful links

Apparently, you can also services like DropPages or Pancake.io, you can create a small and simple website with minimal effort (even if you don’t have a Public folder in your acccount).

New to Dropbox? It’s a very useful service. Check out Keith Gilbert’s Up and Running with Dropbox course on Lynda.com to learn more about what you can do with Dropbox.

Need a Dropbox account? You can create one for free.

See also 4 Ways to Host Your Website on Dropbox.

in5 and InDesign CC 2014

Justin | extensions,HTML5,InDesign,tips | Monday, June 23rd, 2014

With the CC (2014) release of InDesign, Adobe has decided to rename InDesign to mark a new version and to archive the previous version of InDesign CC.

The InDesign team wrote a nice mechanism to copy preferences from the previous version of CC, which even copies extensions used in CC over to CC 2014.

Existing in5 users will notice that in5 appears in CC 2014 as a trial version, even if it had been licensed in CC.

Fortunately, you can still use the previous version of InDesign CC, and your activated license will remain intact. In some cases, you may need to reinstall in5 in CC, because of the transfer mechanism which moves/copies it to CC 2014. Alternatively, you can choose to activate a new seat of in5 within InDesign CC 2014.

We recognize that this is non-optimal and totally frustrating.

We’re investigating ways that our licensing might better mirror Adobe’s licensing and trying to figure out what might be best for our customers. You can provide feedback to us by answering the poll below.

How would you prefer to license in5?

View Results

Loading ... Loading ...

How to Create a Multi-Issue Standalone App with Baker Framework

Justin | design,HTML5,Tutorials | Tuesday, June 3rd, 2014

The Baker Framework is pre-built, open source library for Xcode. The framework allows you to easily convert HTML and publish it to native iOS (iPad and iPhone) devices as a standalone app or as Apple Newsstand issues.

To build an app with Baker, you essentially drop your HTML into theĀ books directory within the Baker project, update a few variables in Xcode, and you’re ready to publish.

It’s well-documented that you can create multi-issue app to work with Apple’s Newsstand app (i.e., publishing a new issue each month). What is less well known, however, is that you can publish a multi-issue standalone app.

bakershelf

To create this “catalog” page, all you have to do is drop multiple folders in the books directory.

bakerfiles

You now have a multi-issue app!

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 >>
Page 10 of 49« First...89101112...203040...Last »