The Coolest eProduction Stuff I Could Find

In which I learn a fixed-width EPUB previewing workflow from an expert, and the CSS Regions demo makes my jaw drop.

Between the technical sessions, I spoke with a woman from the audience who had answered an iBooks question. It turns out she works for Apple, and kindly shared her fixed-width EPUB proofing workflow with me. I haven’t tried it yet, if you try it, let me know how it works!

<!– thanks to everyone for the feedback, steps have been updated 6.3 –>

  1. In the CSS, define dimensions for the body. Its easiest if these dimensions match the viewport dimensions. Also define a border on the body. This will outline the page, making it easier to place the elements on the page. Remove this border before publishing the book. body { width: 400px; height: 300px; border: thin solid red;}
  2. Once everything is previewing well in Safari on the desktop, preview in Safari on the iPad simulator. You shouldn’t need to change much if anything in this step. iOS Simulator is part of XCode and is available from developer.apple.com and and the Mac App store, free to registered developers and 4.99 from the App store. Note, Mac OS X 10.6.6 is  required. (I will have to skip this step until I’m ready for a system upgrade)
  3. Finally, load the EPUB into iBooks. If you need to make iterations, change the title of the book to circumvent iBook’s cacheing.
The Future of EPUB session was eye candy.
IDPF is moving the EPUB standard forward trying to balance accessibility and the high standards of magazine creative directors with input from DAISY and IDEAlliance.
One application of adding metadata to parts of magazines would be to repurpose content. For instance, a retrospective book with all articles and images about a celebrity would be quick and relatively easy to create from an archive of digital magazines with metadata at the article level. (especially if the article is structured and uses stylesheets consistently)

Complex layouts with reflowable text and JavaScript interaction.

Take THAT custom apps!

CSS 3 Regions from Adobe looks fabulous. This article from Adobe explains further, and the WebKit-based prototype is available for download.
Any suggestions for explaining to my business partner why I can’t do billable work because I’m geeking out playing with CSS3 Regions?
Advertisements

1 Comment (+add yours?)

  1. Rick Gordon
    Jun 03, 2011 @ 21:01:01

    While not an appropriate solution for everyone, I am totally hooked on editing the EPUB directly on a jailbroken iPad. (There is no jailbreak for the iPad 2 yet.)

    I initially load the EPUB into the iPad with iTunes, and then from there, do all my editing in BBEdit via an SFTP connection. After (or before) each edit, quit iBooks, and then reopen after the edits are saved. No other games or cache issues, and you’re doing true on-device testing.

    The only issues that involve exporting, rezipping, and reimporting are changes to toc.ncx, changes to XML files in META-INF, and (possibly, but not necessarily) additions to content.opf.

    Reply

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: