Take your designs straight from InDesign to HTML5
Easy to use. Easy to deliver.
When we say open format, we mean open format. The HTML5 files that are produced are yours to keep and modify as you please. The files are exported to your hard drive just like a PDF or a SWF. You can then post your files, zip them and email them, or package them into a mobile app. Unlike a PDF or a SWF, you can easily open and make changes to the HTML5 files without re-exporting them.
With in5, you can export your interactive content to any desktop or mobile device.
in5 can also help you deliver internal apps, marketing materials, and drafts for client review without the need to go through an app store or purchase a developer's license.
If you're like many designers we know, you're able to produce some fantastic designs using InDesign. More and more, clients are asking for digital projects like HTML5 websites and mobile apps. Unfortunately, there hasn't been an easy way to translate your designs into web and mobile experiences.
That's why we launched in5 as a crowd-funded project on Kickstarter. Within 30 days, 238 people pledged money to support our project because their needs weren't being met by the existing tools. We think there are more people out there with those same needs...and now we have a tool for them!
How in5 works
What about the existing HTML export?
As one InDesign guru put it, "InDesign's HTML export is designed to extract content, not geometry." The images below contrast results of the default HTML export in InDesign with the results of the in5 exporter.
The original layout in InDesign:
The HTML page produced by File > Export:
Some of the content is there, but none of the layout.
Here's what in5 produces with that same layout:
Give in5 a try for free and see for yourself.
- Six different Page Format options
- Text can be rendered as HTML or as images (to preserve appearance)
- Swipe Navigation
- Video embedding (Flash fallback as well as automatic multi-format fallback for maximum capability)
- Audio embedding (with fallbacks and controls)
- Ability to assign a Viewport Zoom setting for mobile devices
- show more...
- Web-safe fallback fonts are automatically generated
- Support for embedding local OTF and TTF fonts
- HTML and CSS output supports columns, paragraph rules, bullet lists, numbered lists, and anchored images
- Offline application caching
- Embedding of HTML (such as YouTube, Vimeo, or Google Maps)
- The ability to create "Thumbnails" small (possibly cropped) images, that link to a larger copy
- The ability to open URLs in a "Lightbox" so that the viewer never has to leave the page
- Also supports Lightbox for Thumbnails
- Supports mapping styles to specific HTML tags
- Option to render items within group or render groups as images (to ensure display fidelity for complex items, like items with blending mode)
- Ability to set Page Color and Background Color
- Search Engine Optimization (SEO): title, keywords, description, author -- pulls from INDD meta data automatically, and can generate keywords automatically from the document
- SWF embedding
- Support for Alt text using the button name, script label, or Alt text within the Object Export Options
- Supports link on Object as well as the following button actions: Go to Destination, Go to Page, Go to Anchor, Go to Next Page, Go to Previous Page, Go to First page, Go to Next State, Go to Previous State, Go to State, Play, Play from Navigation Point (movies only), Stop, Pause, Stop All
- Supports Clicks, Taps, Roll Overs, Roll Offs, and Focus & Blur events
- Supports Table of Contents linking and linking between pages
- Support for items that span across spread pages
Recently Added Features
- Ability to attached external Resources and URLs
- Web Content, Image Sequence, and Pan & Zoom Overlays
- Render text as Scalable Vector Graphics (SVG) to preserve appearance & Scalability
- Multi-State Objects and Multi-State behaviors
- Form Elements: Checkboxes, Radio Buttons, List Boxes, Combo Boxes, and Text (input) Fields (single- and multi-line)
- Button behaviors to control Movies and Sounds
- Liquid Layout
- Baker Framework export
- iPad Web App export
- Icon option for iPad Web App and web favicon.
- Button (Rollover and Click) States
- Scrollable Frames
Looking for a list of which InDesign interactive features are supported by in5? We've got you covered.
How does in5 compare to other InDesign export tools?
Adobe Digital Publishing Suite (DPS) is a fantastic technology introduced by Adobe in InDesign CS5.5 (and retroactively in CS5) to export interactive designs to tablet devices. in5 is similar to DPS in that it allows designers to create interactive experiences without requiring the help of a developer, but there are many cases where in5 is a better fit.
|Costs||DPS costs range from $395 to > $100,000, plus annual/monthly usage fees (and app store costs*).||in5 is comparatively inexpensive, and there are no annual or monthly fees.|
|Target user||Pricing is optimized for wide distribution (10,000+ users). This is good for the NY Times, but untenable for the single designer, small shop, or someone who needs to distribute work within their company.||in5 is priced to support even the smallest studio or solo designer.|
|Output||Limited. Only outputs to tablet devices and the iPhone (no other phones or desktop machines). Materials must go through the app store. App stores have their own limitations. The Apple App Store, for example, does not allow self-promotional materials.||in5 writes to HTML5, which is an open format. The output can be viewed on any device (tablet, phone, desktop) as a web page, or converted to an app using another tool (such as PhoneGap).|
|Distribution for client review||
|Number of projects you can distribute||The number of projects that you can distribute is limited by the particular license. The Single Edition, for example, is limited to a single "folio." Costs are then incurred based on the number of "subscribers."||Unlimited. No costs are incurred by having people view your content.|
|Supported InDesign versions||CS5 to latest. New features are added for new versions of InDesign only.||CS4 to latest. New features are added for every supported version.|
|Monetization||DPS has a built-in mechanism to collect payments for periodicals.||in5 does not have a built-in monetization scheme. Monetization is more flexible in that it is custom, but it must be added afterwards. With addition of the Baker Framework export (in version 1.2), publications can easily be sold on Apple Newsstand.|
*Distribution as a app involves other costs. For example, in order to distribute your project as an iPhone or iPad, you must sign up to be an iOS developer with Apple, which costs $99 to $299 per year.