Image for Roundtripping InDesign and ePub re-flowable

Figure 1

Roundtripping InDesign and ePub re-flowable

You know an InDesign file is never finished, even if you do save it as 'Final version'!

Get real. You are going to want to go back to InDesign and re-export your ePub (reflowable), because someone noticed a typo or a badly captioned photo.

What about all those edits you made to the innards of the ePub file — you unpacked it, you fiddled with the CSS, you got it just right and you even added some fancy javascript. But now my editor wants me to go back to InDesign. It was inevitable. Didn't you know that?

Can we, save ourselves a lot of bother by grabbing all those changes and slip them into the new version?

Here's how with InDesign CC (2014) — yes you gotta get the latest version.

Frankly, I am only dealing with re-flowable ePubs from InDesign. Not fixed-layout.

Continue reading

Posted on 18 Dec 2014 around 9am • Tagged with: CSS | eBooks | Ideas | Software | Permanent link to this article

Image for Oh! Please Avoid Those Page Breaks After

Education at the Bottom

Oh! Please Avoid Those Page Breaks After

The page-break-after:avoid rule just doesn't do its job! Can we fix it? Yes we can.

You all know it to be true. The one really annoying thing about the re-flowable ePub, is that you are often seeing those sub-titles all on their own at the bottom of the page. Just like a lonely orphan.

You can see an example in the first image here.

CSS has some rules for paged-media that try to prevent a page breaking before or after elements. Try as I might, I simply cannot get this do as expected.

So is there a way to sort this out while we wait for the ereader software to be updated to solve this? Or do we really have to use the fixed-layout option. No!No! Please not that.

Continue reading

Posted on 17 Dec 2014 around 5pm • Tagged with: CSS | Design | eBooks | Ideas | Typography | Permanent link to this article

Image for Small Caps in Headings, Titles and Proper Nouns.

Figure 0

Small Caps in Headings, Titles and Proper Nouns.

Forgive me for not posting here for a while!

I had an interesting debate with one of my students about using Small-Caps in titles and headings, and I thought I should follow this up, with some fruitful reading, searching and experimenting!

The question is this:

If you want to use small-caps as a style in headings, titles, or proper nouns, then should the first letter be a full capital or should it be only set in the small-caps style.

Is it better to see:

New York

or

new york

 

Continue reading

Posted on 12 Dec 2014 around 12pm • Tagged with: CSS | Design | eBooks | Ideas | Typography | Permanent link to this article

Image for Page Numbers and Progress Bar

Page Numbers and Progress Bar

We all expect page numbers in our printed publications, but what about eBooks?

Page numbers in a re-flowable eBook, are kind of odd things, because if we (as readers) increase the font size, the page numbers need to change. Page numbers in a re-flowable eBook need to be dynamic and their display is under the control of the eReader software.

iBooks on the iPad displays the page numbers in a re-flowable eBook in the centre at the bottom of the page with the total number included - like this: '9 of 14'. An indicator bar also provides a clue as to how far along in the book we have reached and this will be visible when we tap to view user-interface elements.

But, what happens in a fixed-layout eBook? Do we get an indication of the current page location? And can we control this within the markup or metadata for the ePub3 standard.

Continue reading

Posted on 20 Mar 2014 around 10pm • Tagged with: eBooks | Permanent link to this article

Image for Add a unique Class Name to the Body Tag in your ePub Chapters

Dreamweaver search with regular expressions

Add a unique Class Name to the Body Tag in your ePub Chapters

Edit: InDesign CC 2014 adds an ID value to the <body> tag, so if you have the latest version you will not need to use the method described in this article. When you export to ePUB, now, InDesign will add something like the following for the <body> tag:

<body id='dream-102' lang='en-GB' xml:lang='en-GB'>

The #dream-102 in this case is unique to page 102 in this eBook. Brilliant, we can now target each page individually with our CSS!

----------------- Continue reading if you have an earlier version of InDesign ------------

This GREP will help you add a class name to the body tag – like this

<body class="page3">

You know – so you can add some special CSS styles to each chapter in the eBook you just exported from InDesign.

Or maybe for each page – if you are making a fixed layout ePub.

Continue reading

Posted on 13 Mar 2014 around 9pm • Tagged with: eBooks | How I do things | Permanent link to this article

Image for InDesign CC for print and ePub from the Same File?

Master Page items are ignored in ePub. TOC is on the pasteboard. Rule is used with an offset to create the background grey on the heading (ACT I). This needs to be put back with the background-color rule in the CSS of the ePub.

InDesign CC for print and ePub from the Same File?

Is it possible to use InDesign creatively so that the same file will produce good quality print (PDF) output, and then, with no modifications export for ePub3?

Often times, book publishers will have their design studios working with InDesign to produce PDFs for print output. At the end of that workflow, comes the decision to create an eBook version.

It is sometimes the case that the book designer has used InDesign in such a way that creating the eBook by exporting from InDesign is impractical unless the file is re-worked, with changes to the styling rules; the removal of style overides, the choice of a different font, the anchoring of pictures etc etc.

Through work conducted with my students on a Masters programme in Digital Publishing (OICPS), I have been exploring this challenge, since their stepping through the sequence of assignments goes from PDF for print > to ePub3 re-flowable (and beyond to a fixed-layout version). Phew!

What are the pitfalls and can book designers change their habits so publishers will not need to outsource this work?

Continue reading

Posted on 06 Mar 2014 around 11am • Tagged with: eBooks | Education | Publishing | Permanent link to this article

Image for Skeuomorphic eBooks - do you miss them?

Skeuomorphic eBooks - do you miss them?

With the latest version of iBooks for Apple's iOS7 comes the total disappearance of the 'look of the book'. No more pseudo leather look cover or page edges; no more shaded spine, nor even the wooden bookcase for your library.

Apple's decision to do this falls in to line with the re-design of iOS - making for a much simpler (minimalist - you might say) look and feel. Much of the shine and shadows on any icons and objects has gone.

When it comes to the iBooks app, there are some issues that need addressing and I am disappointed that publishers have lost some element of control. Strange things happen when you compare re-flowable with fixed layout though!

Continue reading

Posted on 03 Jan 2014 around 12pm • Tagged with: Design | eBooks | Permanent link to this article

Image for Non-Linear Content in Fixed-Layout ePub

Here is a scrollable page linked from within the fixed-layout ePub.

Non-Linear Content in Fixed-Layout ePub

Update: As of IOS 9 and iBooks 4, I don't recommend that you try to get non-linear content to work. You will be able to use the popup as described below here, but the display on iBooks for MAC is not good; you will find that the height of the popup will fill the screen. Even if you have an html document set (in the spine) to be 'non-linear' iBooks 4 will show the page when the reader reaches that point in the book.

Being able to link to content within an eBook package but not have that content navigable by any other means is a very useful feature supported in re-flowable eBooks within the iBooks app on Apple iOS devices.

In my book on eBook Typography for Flowable eBooks, I demonstrate this feature for tables, scrolling text and even PDFs. Unfortunately, it was not possible to use this feature in fixed-layout ePub eBooks destined for the iBooks app.

Or so I thought! I have recently discovered that the latest version of the iBooks app on iOS7 does support it even though, Apple's own documentation says that it does not!

Edit: See below - it does work on earlier versions of iBooks /iOS

Continue reading

Posted on 01 Jan 2014 around 3pm • Tagged with: eBooks | Permanent link to this article

Image for Balancing Long Lines in Headings

Here we see a page from a new edition of 'eBook Typography' - yet to be released.

Balancing Long Lines in Headings

InDesign has a feature for paragraph styles; Balance Ragged Lines.

This is a very useful style attribute, because text in headings can look very uncomfortable if left to break naturally.

Unfortunatately there is nothing currently in CSS that gives us the power to balance our lines of text. I was always dissapointed to find that my eBooks did not mirror the settings in InDesign, and I was always resigned to the fact that text would break in a heading and then leave, possibly just one word on the following line.

But then I came across a post on the Adobe Web Platform blog.

Continue reading

Posted on 30 Dec 2013 around 11am • Tagged with: eBooks | Typography | Permanent link to this article

Hello, I’m hosted with a new ISP

This web is now running from TSOHOST - a cloud hosting service that have very good credentials.

I have spent ages reviewing the hosting companies in the UK and came to the conclusion that this was just right for my needs.

Further thoughts on the transfer of all my sites from a dedicated host back to more affordable shared hosting will appear in a later post since I am still in the process of transferring.

Posted on 09 Nov 2013 around 8am • Tagged with: Web Technology | Permanent link to this article

Page 2 of 9 pages  < 1 2 3 4 >  Last ›