<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:openSearch="http://a9.com/-/spec/opensearch/1.1/" xmlns:georss="http://www.georss.org/georss" xmlns:gd="http://schemas.google.com/g/2005" xmlns:thr="http://purl.org/syndication/thread/1.0" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" gd:etag="W/&quot;DUMNQXc4fip7ImA9WhVbEkQ.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573</id><updated>2012-05-29T09:18:10.936-04:00</updated><category term="indexes" /><category term="images" /><category term="tools" /><category term="live" /><category term="eBooks" /><category term="Pepcon 2012" /><category term="movies" /><category term="bug" /><category term="bugs" /><category term="books" /><category term="elections" /><category term="fonts" /><category term="CS 5.5" /><category term="conversion" /><category term="ePub links" /><category term="nature" /><category term="Apple" /><category term="drumbeat" /><category term="self publishing" /><category term="audio" /><category term="GREP" /><category term="ibooks2" /><category term="thoughts" /><category term="video" /><category term="Bluefire" /><category term="iOS" /><category term="ADE" /><category term="work" /><category term="Dropbox" /><category term="Readium" /><category term="apples" /><category term="footnotes" /><category term="Time Machine" /><category term="Mobi Unpack" /><category term="prize" /><category term="IDPF" /><category term="VAT" /><category term="PDF" /><category term="downtime" /><category term="#eprdctn" /><category term="OpenOffice" /><category term="llamas" /><category term="pigs" /><category term="Word" /><category term="genealogy" /><category term="algebra" /><category term="interview" /><category term="iPhone" /><category term="Firefox" /><category term="Send to Kindle" /><category term="iTunes" /><category term="tablets" /><category term="iphoto" /><category term="Spain" /><category term="design" /><category term="Zapf Dingbats" /><category term="KF8" /><category term="statistics" /><category term="nook" /><category term="conferences" /><category term="Seravek" /><category term="cows" /><category term="Python" /><category term="animals" /><category term="ebub" /><category term="tables of contents" /><category term="Catalonia" /><category term="discoverability" /><category term="Catalan" /><category term="toccon" /><category term="Kindle Previewer" /><category term="Internauta" /><category term="notability" /><category term="translations" /><category term="Wikipedia" /><category term="read aloud" /><category term="children's books" /><category term="membership" /><category term="orientation" /><category term="Terminal" /><category term="Spanish" /><category term="Phone Disk" /><category term="Facebook" /><category term="comments" /><category term="farm" /><category term="Laika" /><category term="book themes" /><category term="Pages" /><category term="photography" /><category term="BBEdit" /><category term="ibooks Author" /><category term="InDesign" /><category term="parenting" /><category term="Google" /><category term="KindleGen" /><category term="publishing" /><category term="tall screen" /><category term="print" /><category term="sideloading" /><category term="tallscreen" /><category term="self-publishing" /><category term="Palatino" /><category term="twitter" /><category term="eprdctn" /><category term="Flickr" /><category term="chickens" /><category term="standards" /><category term="media queries" /><category term="social media" /><category term="Europe" /><category term="mobile" /><category term="iTunes Producer" /><category term="html5" /><category term="Amazon" /><category term="Fire" /><category term="Aspect ratio" /><category term="hay" /><category term="open source" /><category term="Media Overlays" /><category term="syntax checking" /><category term="gourds" /><category term="validation" /><category term="library" /><category term="troubleshooting" /><category term="css" /><category term="tips" /><category term="sales" /><category term="Mac" /><category term="DRM" /><category term="sheep" /><category term="mcafee" /><category term="centering" /><category term="blogs" /><category term="Kagi" /><category term="Adobe" /><category term="Writer2ePub" /><category term="zipping" /><category term="Italy" /><category term="ePub" /><category term="iBookstore" /><category term="language" /><category term="Blogger" /><category term="Adobe Digital Editions" /><category term="multimedia" /><category term="isp" /><category term="Maps" /><category term="android" /><category term="geolocation" /><category term="double tap zoom" /><category term="textbooks" /><category term="html" /><category term="KDP" /><category term="redundancy" /><category term="Google Maps" /><category term="returns" /><category term="Kindle" /><category term="javascript" /><category term="workflow" /><category term="page breaks" /><category term="hyphenation" /><category term="Mobi" /><category term="Barnes and Noble" /><category term="piracy" /><category term="Kindle Fire" /><category term="conference" /><category term="Fixed Layout" /><category term="tables" /><category term="barcelona" /><category term="hate speech" /><category term="Google Earth" /><category term="EPUB Gallery" /><category term="wikis" /><category term="webhost" /><category term="outage" /><category term="layout" /><category term="XHTML" /><category term="miniguides" /><category term="sewing" /><category term="screenshots" /><category term="Sample" /><category term="presentations" /><category term="spacing" /><category term="eReader" /><category term="tech" /><category term="Microsoft Word" /><category term="iBooks" /><category term="YouTube" /><category term="crafts" /><category term="symbols" /><category term="moose" /><category term="NOOK Color" /><category term="pests" /><category term="Google Web Fonts" /><category term="hacks" /><category term="Airprint" /><category term="TOC" /><category term="ashfield" /><category term="poetry" /><category term="iPad" /><category term="Bookle" /><category term="metadata" /><category term="EPUB3" /><title>Pigs, Gourds, and Wikis</title><subtitle type="html">Bringing new meaning to the phrase "wiki farm"
&lt;br&gt;(A blog about small-scale farming, whole-scale crafting, and as many geeky collaborative Web tools, tips, and ideas as I can fit in.)</subtitle><link rel="http://schemas.google.com/g/2005#feed" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/posts/default" /><link rel="alternate" type="text/html" href="http://www.pigsgourdsandwikis.com/" /><link rel="next" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default?start-index=26&amp;max-results=25&amp;redirect=false&amp;v=2" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><generator version="7.00" uri="http://www.blogger.com">Blogger</generator><openSearch:totalResults>301</openSearch:totalResults><openSearch:startIndex>1</openSearch:startIndex><openSearch:itemsPerPage>25</openSearch:itemsPerPage><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/pigsgourdsandwikis/dOwc" /><feedburner:info uri="pigsgourdsandwikis/dowc" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><entry gd:etag="W/&quot;CkcMR34yfip7ImA9WhVUF0Q.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-1759381001534077090</id><published>2012-05-23T12:04:00.000-04:00</published><updated>2012-05-23T12:21:26.096-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-05-23T12:21:26.096-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="InDesign" /><category scheme="http://www.blogger.com/atom/ns#" term="Adobe" /><category scheme="http://www.blogger.com/atom/ns#" term="EPUB3" /><category scheme="http://www.blogger.com/atom/ns#" term="twitter" /><category scheme="http://www.blogger.com/atom/ns#" term="Pepcon 2012" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><category scheme="http://www.blogger.com/atom/ns#" term="conferences" /><title>Pepcon 2012</title><content type="html">I'm writing this on the plane on my way home from &lt;a href="http://pepconference.com/"&gt;Pepcon 2012&lt;/a&gt;. I'm tired and annoyed with the TSA, but even they cant take away my appreciation for having gone. As much as I love and value the connections and communication that happens &lt;a href="http://www.twitter.com/lizcastro"&gt;online&lt;/a&gt;, there's something about meeting people in person that somehow makes it all real.&lt;br /&gt;
&lt;br /&gt;
I wanted to write a little about what it was like so those who couldn't go could get a feel for it.&lt;br /&gt;
&lt;br /&gt;
I didn't get to Pepcon until almost 3pm on Monday due to some prior commitments. But there were some sessions still going on when I got there, and I listened to part of &lt;a href="http://www.twitter.com/jmvrankin"&gt;Mike Rankin&lt;/a&gt;'s top ten Long document tips and then a bit of &lt;a href="http://www.twitter.com/idguy"&gt;Bob Levine&lt;/a&gt; and &lt;a href="http://www.twitter.com/gilbertconsult"&gt;Keith Gilbert&lt;/a&gt;'s presentation on DPS. One of the hardest parts of most conferences for me is wanting to listen to multiple presentations at once. My solution is to wander from one to the next, but it's imperfect at best. &lt;br /&gt;
&lt;br /&gt;
Let me confess that I don't know a thing about DPS, but my first impressions aren't that great. It feels like a dead end to me, and I personally can't stand subscription programs; I don't want to be locked in month after month, I want to own. And it's all images, even the text?? No. I want standards so that my content doesn't get lost under proprietary formats. I don't want all my eggs in anyone else's basket.&lt;br /&gt;
&lt;br /&gt;
After the sessions I took part in the first of two meetings with the senior InDesign engineers from Adobe. I've been on the InDesign beta team for a while so their names were familiar, but this was the first time I had met any of them in person. I was totally impressed.  They asked us what we wanted (in terms of InDesign support for EPUB) and then carefully listened as we debated the merits of different solutions and the problems of various strategies. They didn't make any promises and they didn't make us sign any NDA forms, they mostly just listened and gave us feedback about our complaints. &lt;br /&gt;
&lt;br /&gt;
One of my big complaints was that the CSS that InDesign generates has too many default values, and doesn't take advantage of CSS' power of inheritance (the cascade). It's tricky, because you can have an unending hierarchy of styles based on other styles in InDesign but the most obvious way to translate that to CSS involves using multiple classes, which are unfortunately not supported by all ereaders. There is limited cascade without multiple classes though there is the &lt;code&gt;body&lt;/code&gt;, the &lt;code&gt;p&lt;/code&gt; elements and then individual classes.&lt;br /&gt;
&lt;br /&gt;
Throughout the course of the two meetings (almost four hours) we talked about a lot of issues. We didn't come to any firm conclusions and they made no promises but I think the important bit was helping them talk with people who actually use the tool to make EPUB files—probably &lt;a href="http://www.twitter.com/biladew"&gt;Ron Bilodeau&lt;/a&gt; and &lt;a href="http://www.twitter.com/bookdesigngirl"&gt;Colleen Cunningham&lt;/a&gt; were more useful in this regard than I was.&lt;br /&gt;
&lt;br /&gt;
And I don't mean that in a flippant way. In my own personal experience, it's a challenge to both write about how to create EPUB and actually create EPUB files. I imagine that it's even harder writing software that creates EPUB files and actually creating EPUB files. I'll come back to this point.&lt;br /&gt;
&lt;br /&gt;
After the meeting with Adobe, I went to the Pepcon Ignite session.  My favorites were the ones by &lt;a href="http://www.twitter.com/marisakc"&gt;MarisaKC&lt;/a&gt; and by &lt;a href="http://www.twitter.com/documentgeek"&gt;Kelly Vaughn&lt;/a&gt;, whose presentation on creating crazy shapes with various weights and kinds of strokes reminded me a bit of my own exhaustive report on the &lt;a href="http://www.iphotobookthemes.com"&gt;possibilities of iPhoto&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
You'll notice that I haven't mentioned food yet. I went up to my room and ate some of the lovely fruit that &lt;a href="http://www.twitter.com/amarie"&gt;Anne Marie&lt;/a&gt; and &lt;a href="http://www.twitter.com/dblatner"&gt;David&lt;/a&gt; had left for me. but I didn't go out to dinner because I still wasn't done with my presentation despite my promises to myself not to leave it to the last minute. Having to stand up in front of people and say something relevant is a really good way of proving the difference between having an idea and actually having a presentation. I knew what I wanted to say, I knew where I wanted to put the emphasis, but when I started to practice out loud, I realized (yet again) how much work it is to put those ideas into a shape that makes sense to other people. &lt;a href="http://www.pigsgourdsandwikis.com/2011/10/easy-is-hard.html"&gt;Easy is hard&lt;/a&gt;, and all that.&lt;br /&gt;
&lt;br /&gt;
I didn't get to sleep until 11:30pm local time, which was 2:30am in my head, and I had been up since 3am the night before because I had left on an early flight. Note to self: really, really finish your presentation before you go to your next &lt;a href="http://idpf.org/digital-book-2012/program#epub-3-under-covers"&gt;speaking engagement&lt;/a&gt;. &lt;br /&gt;
&lt;br /&gt;
I woke up at 5am, thanks to a call from my non-time-zone-aware-daughter, but then took advantage of the time to really finish my talks, and practice them all the way through. &lt;br /&gt;
&lt;br /&gt;
During the morning session, while hearing the brilliant ID scripter &lt;a href="http://rorohiko.blogspot.com/"&gt;Kris Coppieters&lt;/a&gt;, admit that he “isn't an InDesign user”, and then watch several more presenters describe features I've never used and sometimes never heard of, the difference of using a program and creating the program (or teaching others how to use it) became even more clear. It's really hard to do both.&lt;br /&gt;
&lt;br /&gt;
I think of the morning sessions, it was Gabriel Powell's that was the most helpful in terms of EPUB stuff: “Preparing Images for ePub/eBook”. &lt;br /&gt;
&lt;br /&gt;
At lunch, I had a nice chat with &lt;a href="http://www.twitter.com/biladew"&gt;Ron Bilodeau&lt;/a&gt; and Felipe Santos, the former from O'Reilly in Cambridge, and the latter from Brazil. These are the moments that make a conference special: catching up with people face to face that you might know online (like Ron), and learning different perspectives and needs from people you're meeting for the first time (like Felipe).&lt;br /&gt;
&lt;br /&gt;
At 1:30, I gave my first talk, on Enhanced Ebooks. I started by talking about what sorts of books are encompassed by that term, and then talked about how to embed audio and video in an EPUB file with InDesign, using the techniques shown in the &lt;a href="http://www.pigsgourdsandwikis.com/2012/05/customizing-indesigns-epub-files.html"&gt;blog post&lt;/a&gt; that I published that same day. I was pretty jazzed to be able to explain to these InDesign-centric and perhaps code-cautious listeners that they could create enhanced ebooks without cracking their EPUB files and looking at the dreaded HTML.&lt;br /&gt;
&lt;br /&gt;
Then &lt;a href="http://www.twitter.com/matthewdiener"&gt;Matthew Diener&lt;/a&gt; joined me to explain what EPUB 3 has in store, wisely showing some nice examples on both Azardi and Readium. Then I gave a more nuts and bolts look at exactly what EPUB3 code looks like. It's not that different from EPUB2, you'll be happy to hear. There were many fewer listeners in the EPUB3 talk than the Enhanced Ebooks presentation. I think people are wary of future technologies that are not yet implemented. But as I mentioned yesterday, EPUB3 is now supported by the iBookstore, and Apple is using it in standard ways to provide a better user experience. It's time to make the move.&lt;br /&gt;
&lt;br /&gt;
After my talks, we had another two hour meeting with the InDesign crew, in which we discussed indexes at some length. One of the issues we argued about was how to label references to content. That is, if you go look up EPUB3 in the back of a print book, you might see something like:&lt;br /&gt;
&lt;br /&gt;
EPUB3 12, 45-67, 78, 92&lt;br /&gt;
&lt;br /&gt;
In an ebook, of course, there are no discrete pages, and so at first glance, you might be inclined to do away with those references altogether and use something like:&lt;br /&gt;
&lt;br /&gt;
EPUB3 1, 2, 3, 4&lt;br /&gt;
&lt;br /&gt;
But I argued that even though the page numbers themselves might be an artificial construct, they still give us information about what we might find there, that is lost in the replacement solution. In the example above, I might expect a short introductory mention on "page 12", a more thorough treatment on "pages 46-78", and less introductory, but still short mentions on "78" and "92". How do we convey that information without the actual page numbers? The short answer is, we don't know yet.&lt;br /&gt;
&lt;br /&gt;
Finally, it was time for dinner. I was looking forward to meeting EPUB coder extraordinaire &lt;a href="http://www.twitter.com/rcgordon"&gt;Rick Gordon&lt;/a&gt; for the first time, and had put out a call on Twitter to see if anyone wanted to join us. It was a really interesting bunch in the end (about 10 of us) who made it to the &lt;a href="http://www.jazzbistrosf.com/"&gt;Jazz Bistro Les Joulins&lt;/a&gt;, just down the street from the hotel. The food was good, and the conversation interesting, and heavy into code :)&lt;br /&gt;
&lt;br /&gt;
Not quite done, in the morning, I spent an hour at the Meet the Author's table with &lt;a href="http://www.twitter.com/stevemwerner"&gt;Steve Werner&lt;/a&gt;, InDesign expert. I'm not sure people really knew we were there, but I got to talk to a few people who wandered over.&lt;br /&gt;
&lt;br /&gt;
The last thing on my agenda was to talk to &lt;a href="http://www.twitter.com/zwettemaan"&gt;Kris Coppieters&lt;/a&gt; and see some of his amazing scripts in action. He kindly came out to give ma demo and I was totally enthralled. While I had originally talked to him about a script that converts blogs to InDesign documents, I was most interested in his &lt;a href="http://www.rorohiko.com/wordpress/2012/02/10/indesign-text-frame-page-geometry-to-css/"&gt;CSS Geometry&lt;/a&gt; which spits out the coordinates of the text blocks in an InDesign document and might be very useful in generating Fixed Layout ebooks from InDesign. &lt;br /&gt;
&lt;br /&gt;
And I did get to see a cablecar!&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7255848696/" title="San Francisco Cablecar by Liz Castro, on Flickr"&gt;&lt;img src="http://farm9.staticflickr.com/8142/7255848696_ed57f7e8e0.jpg" width="400" alt="San Francisco Cablecar"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Many thanks to Anne Marie Concepcion and David Blatner for inviting me, and in general for organizing the conference and getting so many interesting people together! (And thanks to Matthew, whose &lt;a href="https://twitter.com/MatthewDiener/status/203245447790338048"&gt;nicest tweet ever&lt;/a&gt; is still making my day.)&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-1759381001534077090?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/kE6rCcDnml0" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/1759381001534077090/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/05/pepcon-2012.html#comment-form" title="4 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/1759381001534077090?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/1759381001534077090?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/kE6rCcDnml0/pepcon-2012.html" title="Pepcon 2012" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>4</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/05/pepcon-2012.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CUcEQng8fip7ImA9WhVUF04.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-6561173295604306612</id><published>2012-05-22T20:09:00.000-04:00</published><updated>2012-05-22T20:30:03.676-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-05-22T20:30:03.676-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="iBookstore" /><category scheme="http://www.blogger.com/atom/ns#" term="IDPF" /><category scheme="http://www.blogger.com/atom/ns#" term="iBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="standards" /><category scheme="http://www.blogger.com/atom/ns#" term="footnotes" /><category scheme="http://www.blogger.com/atom/ns#" term="EPUB3" /><category scheme="http://www.blogger.com/atom/ns#" term="Apple" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Creating pop-up footnotes in EPUB 3 (and thus in iBooks)</title><content type="html">Apple sent around an email today announcing that EPUB 3 is now supported by iBooks and the iBookstore. It also tantalizingly suggested that EPUB 3 supports pop-up footnotes and said you could find information in the EPUB 3 spec on the IDPF website. The first part is true, and the second part is sort of true, but if you like, read on and I'll explain just how to do it.&lt;br /&gt;
&lt;br /&gt;
The &lt;a href="http://idpf.org/epub/30/spec/epub30-contentdocs.html#sec-contentdocs-vocab-association"&gt;IDPF website&lt;/a&gt; explains the proper syntax for marking up footnotes symantically, that is, by labeling them as footnotes:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;p&amp;gt;In chapters 24, 89, and 90, we substituted a capital L for the symbol for the British pound, a unit of currency.&lt;strong&gt;&amp;lt;a epub:type="noteref" href="#n1"&amp;gt;1&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&lt;/strong&gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
This snippet is from an &lt;a href="http://code.google.com/p/epub-samples/wiki/SamplesListing#moby-dick"&gt;EPUB 3 version of Moby Dick&lt;/a&gt;, coded by &lt;a href="http://www.twitter.com/dauwhe"&gt;Dave Cramer&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
And then the EPUB 3 spec goes on to say that a Reading System may associate specialized behaviors with that syntax, and &lt;strong&gt;it looks like Apple has associated the pop-up functionality to the combination of &lt;code&gt;epub:type="noteref"&lt;/code&gt; and &lt;code&gt;epub:type="footnote"&lt;/code&gt; attribute/value pairs&lt;/strong&gt;.&lt;br /&gt;
&lt;br /&gt;
So, to make a pop-up footnote in EPUB 3 (which works in iBooks), you just have to create your footnote marker link as shown above, paying special care to include the &lt;code&gt;epub:type="noteref"&lt;/code&gt; attribute/value pair. I'll repeat it here for good measure:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;a epub:type="noteref" href="#n1"&amp;gt;1&amp;lt;/a&amp;gt;&amp;lt;/p&amp;gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
Next, create an &lt;code&gt;aside&lt;/code&gt; element that contains the text that should appear in a pop-up display when the link is pressed. &lt;br /&gt;
&lt;br /&gt;
The &lt;code&gt;aside&lt;/code&gt; element must also have the &lt;code&gt;epub:type="footnote"&lt;/code&gt; attribute/value pair to mark it as the footnote content as well as an &lt;code&gt;id&lt;/code&gt; attribute that matches the value of the &lt;code&gt;href&lt;/code&gt; attribute in your link.&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;aside epub:type="footnote" id="n1"&amp;gt;&lt;br /&gt;
&amp;lt;p&amp;gt;These have been corrected in this EPUB3 edition.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/aside&amp;gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
Note that the &lt;code&gt;aside&lt;/code&gt; element, which is new to HTML5, is &lt;strong&gt;automatically hidden&lt;/strong&gt; by iBooks. If you put your footnotes in, say, a &lt;code&gt;div&lt;/code&gt; element, it would still pop-up when the link was pressed, but it would always be visible as a regular part of the text as well.&lt;br /&gt;
&lt;br /&gt;
Another thing that I noticed is that you can enclose your &lt;code&gt;a&lt;/code&gt; element in &lt;code&gt;sup&lt;/code&gt; elements so that your footnote markers are raised with respect to the surrounding text, but make sure it's outside the &lt;code&gt;a&lt;/code&gt; element or else it will break your pop-up footnote.&lt;br /&gt;
&lt;br /&gt;
And that's it. Look! It works! &lt;br /&gt;
&lt;br /&gt;
Here it is in a horizontally-oriented iBooks:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7252381360/" title="pop-up footnote, horizontal by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7081/7252381360_7d937baa5a.jpg" width="400" alt="pop-up footnote, horizontal"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And here it is vertically:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7252361674/" title="pop-up footnotes, vertical by Liz Castro, on Flickr"&gt;&lt;img src="http://farm9.staticflickr.com/8148/7252361674_f5c75da154.jpg" width="379" alt="pop-up footnotes, vertical"&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
Note that I completely disabled the CSS on this document, to be sure that the pop-up had nothing to do with any CSS effect. &lt;br /&gt;
&lt;br /&gt;
And notice that the font in the pop-up changes to match the font chosen in the Font menu (here I've chosen Seravek):&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7252377226/" title="pop-up footnote in Seravek by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7226/7252377226_086ce5267a.jpg" width="400" alt="pop-up footnote in Seravek"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Again, you can download this and other EPUB 3 examples from the &lt;a href="http://code.google.com/p/epub-samples/wiki/FeatureMatrix"&gt;EPUB 3 Samples site&lt;/a&gt; and view it in iBooks 2.1.1 (from April!). You can view this particular pop-up footnote on the third page of the &lt;a href="http://code.google.com/p/epub-samples/wiki/SamplesListing#moby-dick"&gt;Moby Dick&lt;/a&gt; book, called "Original Transcriber's Notes" in the table of contents (preface_001.xhtml). Thanks to Dave Cramer who coded the example (in January). And thanks to Apple for adding this functionality... and hinting that it existed so I could figure it out! I love, love, love that Apple totally followed the standard on this one: supporting symantically marked footnotes, and then "associating specialized behaviors" as the spec directs. No extra CSS or Javascript required. Well played, Apple.&lt;br /&gt;
&lt;br /&gt;
OK, there are now two desktop EPUB 3 readers, and iBooks and the iBookstore have officially announced support as well. And there are pop-up footnotes. What are you waiting for to start creating EPUB 3 ebooks?&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-6561173295604306612?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/qA9KbCtWVGU" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/6561173295604306612/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/05/creating-pop-up-footnotes-in-epub-3-and.html#comment-form" title="19 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/6561173295604306612?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/6561173295604306612?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/qA9KbCtWVGU/creating-pop-up-footnotes-in-epub-3-and.html" title="Creating pop-up footnotes in EPUB 3 (and thus in iBooks)" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>19</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/05/creating-pop-up-footnotes-in-epub-3-and.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D0EEQn09fip7ImA9WhVUEUw.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-8425584901252382863</id><published>2012-05-15T17:00:00.000-04:00</published><updated>2012-05-15T17:00:03.366-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-05-15T17:00:03.366-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="zipping" /><category scheme="http://www.blogger.com/atom/ns#" term="InDesign" /><category scheme="http://www.blogger.com/atom/ns#" term="eprdctn" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><category scheme="http://www.blogger.com/atom/ns#" term="css" /><title>Customizing InDesign's EPUB files without cracking them open!</title><content type="html">I'm working on my presentation about &lt;a href="http://pepconference.com/schedule.html"&gt;Enhanced EPUB for PePcon&lt;/a&gt; on Tuesday afternoon and I was playing with the newly released InDesign CS 6 to make sure that everything works as expected. But it didn't. For some reason, when you place an audio file, iBooks displays the controls so small that the only thing you can do is choose Airplay, but not the actual Play button (if you're on an Airplay network). It's pretty frustrating and would completely ruin InDesign's much improved multimedia function if not for one thing. &lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;You can fix it without cracking the EPUB file open.&lt;/strong&gt; One of InDesign CS 6's other new features is that you can choose additional CSS files to apply to your exported EPUB. All you have to do is create a CSS file that fixes the code that InDesign supplies, and voilà, the audio controls reappear. You don't have to unzip, or worse, rezip. &lt;br /&gt;
&lt;br /&gt;
The key lies in the letter "C" of "CSS". It stands for Cascade. The Cascade means that when there are multiple sets of style rules for a given bit of text, there is a defined hierarchy for which rules will win out. I actually see it as a sort of waterfall in my head with the more “important” rules flowing over and covering the lesser ones. &lt;br /&gt;
&lt;br /&gt;
To make the cascade work, you have to understand the slightly complicated topic of CSS inheritance: given two competing rules, which one wins? I talk about this in some detail in &lt;a href="http://www.elizabethcastro.com/html"&gt;my HTML book&lt;/a&gt;. The very abbreviated answer is that you have to take into account specificity (that is &lt;code&gt;#id&lt;/code&gt; overrules &lt;code&gt;.class&lt;/code&gt; overrules &lt;code&gt;p&lt;/code&gt;) and location (that is, inline overrides local overrides earlier, overrides imported), as well as taking into account the &lt;code&gt;!important&lt;/code&gt; tag.&lt;br /&gt;
&lt;br /&gt;
In our example, InDesign creates this code for &lt;code&gt;audio&lt;/code&gt; elements. Note that this is the default size if you don't change the poster image for the &lt;code&gt;audio&lt;/code&gt; element.&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;audio.frame-5 {&lt;br /&gt;
height:60px;&lt;br /&gt;
width:60px;&lt;br /&gt;
}&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
But when I open that document in iBooks on the iPad, this is what I see:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7181500258/" title="Default audio controls by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7232/7181500258_34bdb63404.jpg" width="393" height="223" alt="Default audio controls"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And when I click it, all I can select is which Airplay device I want. I can't actually play the audio.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7181528344/" title="Default audio controls-airplay by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7087/7181528344_e28367d308.jpg" width="400" alt="Default audio controls-airplay"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
So, I open a new text document. InDesign 6 lets me add additional CSS documents and will automatically load them &lt;strong&gt;after&lt;/strong&gt; the CSS that it creates itself. That means that since my styles are later, as long as the specificity is the same, my styles will override InDesign's.&lt;br /&gt;
&lt;br /&gt;
But if you look at the code above, notice that the selector that InDesign uses, &lt;code&gt;audio.frame-5&lt;/code&gt; has a class, and thus is more specific than a plain &lt;code&gt;audio&lt;/code&gt;.&lt;br /&gt;
&lt;br /&gt;
The answer lies in the HTML that InDesign creates. By default it generates an &lt;code&gt;id&lt;/code&gt; element for each audio (and video) element that it creates, &lt;strong&gt;set to the filename&lt;/strong&gt;. So, you can use that filename in the CSS to make your selector more specific, and thus override InDesign's CSS.&lt;br /&gt;
&lt;br /&gt;
My audio file is called "bondia.mp3", and if you know CSS, you know there's a problem already. That period in the filename has special meaning in CSS (it means that what follows is a class name). Since we don't want that special meaning, we have to escape the period with a backslash:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;audio#bondia\.mp3 {&lt;br /&gt;
height:26px;&lt;br /&gt;
width: 150px;&lt;br /&gt;
}&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
These values will now override the height and width values that InDesign generated. Save this text file as "extras.css"&lt;br /&gt;
&lt;br /&gt;
How do I get them into my EPUB file? Go to Export in ID6, choose EPUB, click the Advanced panel, and then choose Add Style Sheet, then find your extras.css file. Export as usual.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7204097202/" title="EPUB Export Options by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7233/7204097202_a7d8eeef9d.jpg" width="400" alt="EPUB Export Options"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
If you looked inside your EPUB file (though you don't have to), you'll see this:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7204170194/" title="Two CSS files by Liz Castro, on Flickr"&gt;&lt;img src="http://farm6.staticflickr.com/5455/7204170194_41d13ac197.jpg" width="400" alt="Two CSS files"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
That's it! When you open your book in iBooks, you'll see that the audio controls are as you specified (and not as InDesign specified), even though you never had to deal with Terminal, never had to unzip or rezip or anything.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7204194430/" title="Fixed audio controls by Liz Castro, on Flickr"&gt;&lt;img src="http://farm6.staticflickr.com/5450/7204194430_fc5cb5c7e6.jpg" width="400" alt="Fixed audio controls"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
The best part about this is that you can use this technique to override any of the CSS that InDesign either creates in a way that you don't like or that it doesn't yet support. For example, suppose you want to add a border around a video. You can do that with an extras.css file. (Indeed, you can add borders to all of your videos just by using &lt;code&gt;video&lt;/code&gt; as a selector instead of targeting just a single video.) Suppose you want to add media-queries so that your document will work as best as it can in different ereaders. Just put the media-queries in your extras.css file. The possibilities are really enormous. &lt;br /&gt;
&lt;br /&gt;
Thanks to Adobe for incorporating this amazing new feature!!&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-8425584901252382863?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/QPQgjSbV1HA" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/8425584901252382863/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/05/customizing-indesigns-epub-files.html#comment-form" title="6 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/8425584901252382863?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/8425584901252382863?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/QPQgjSbV1HA/customizing-indesigns-epub-files.html" title="Customizing InDesign's EPUB files without cracking them open!" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>6</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/05/customizing-indesigns-epub-files.html</feedburner:origLink></entry><entry gd:etag="W/&quot;Ck4MRn48fyp7ImA9WhVVFUU.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-3808447478742293278</id><published>2012-05-09T12:29:00.002-04:00</published><updated>2012-05-09T12:29:47.077-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-05-09T12:29:47.077-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="hate speech" /><category scheme="http://www.blogger.com/atom/ns#" term="twitter" /><category scheme="http://www.blogger.com/atom/ns#" term="Catalonia" /><category scheme="http://www.blogger.com/atom/ns#" term="Spain" /><title>Announcing and Denouncing Spanish Hate Speech towards Catalans</title><content type="html">I came across a &lt;a href="http://apuntem.cat"&gt;new Catalan website&lt;/a&gt; that has been documenting a very disturbing trend of Spanish hate speech towards Catalans. The site, &lt;a href="http://apuntem.cat"&gt;Apuntem.cat&lt;/a&gt; (which means, &lt;i&gt;We take note&lt;/i&gt;), retweets and records the hate speech so that people understand what Catalans have to deal with on a daily basis (and perhaps some of the reasons behind Catalonia's independence movement).&lt;br /&gt;
&lt;br /&gt;
Honestly, I find Apuntem's &lt;a href="http://www.twitter.com/apuntem"&gt;Twitter stream&lt;/a&gt; really difficult to read. The people they retweet are really vile. But I agree with Apuntem's basic premise, that it's important to shine the light on them. Indeed, it seems that many of the posters have deleted their Tweets after Apuntem outed them, for shame or embarrassment, who can say.&lt;br /&gt;
&lt;br /&gt;
Here's a sampling of commentaries from back in March about some kids in a school in a little town called Ripoll who sung the Portuguese song "&lt;a href="http://en.wikipedia.org/wiki/Ai_se_eu_te_pego!"&gt;Ai se eu te pego&lt;/a&gt;" in Catalan. You can find the original &lt;a href="http://apuntem.cat/recull-de-comentaris-els-nens-duna-escola-de-ripoll-canten-una-versio-de-ai-si-eu-te-pego/"&gt;Spanish versions collected here&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
"Infinite contempt upon hearing the kids singing Michel Teló's song... IN CATALAN #CastillianWhereAreYou"&lt;br /&gt;
&lt;br /&gt;
"Disgusting kids...  "renew, renew" over and over again, and on top of it all, in Catalan."&lt;br /&gt;
&lt;br /&gt;
"Shameful those 6 year olds who were on channel 4, that at that young age, they're already speaking Catalan."&lt;br /&gt;
&lt;br /&gt;
"They bring out some disgusting kids singing in Catalan... this is Spain for God's sake!"&lt;br /&gt;
&lt;br /&gt;
"Catalans make me sick, children, parents, old people... all of them, hope they die."&lt;br /&gt;
&lt;br /&gt;
"Those kids who came out to sing to Guardiola in Catalan should have been drowned upon birth. There would be less garbage."&lt;br /&gt;
&lt;br /&gt;
"It's like a kick in the mouth hearing those kids sing in Catalan. That's what you get on sports channel 4."&lt;br /&gt;
&lt;br /&gt;
"What a shame that they teach those kids to speak Catalan at such a young age. We're in Spain!"&lt;br /&gt;
&lt;br /&gt;
&lt;hr&gt;&lt;br /&gt;
That was about little kids. When they're talking about Pep Guardiola, FC Barcelona's coach for the last four years who just retired and who gave his farewell speech in Catalan, it gets worse. (&lt;a href="http://apuntem.cat/recull-de-comentaris-sobre-el-comiat-de-pep-guardiola/"&gt;Original Spanish hate tweets&lt;/a&gt;.)&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://twitter.com/#!/felchin1155/status/198878397907214339"&gt;"Pep, hope you get it in the ass, don't speak Catalan, you son of a bitch."&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
"What a fucking obsession with speaking Catalan, god damnit."&lt;br /&gt;
&lt;br /&gt;
"Go ahead, speak in Catalan, but I'll shit and stomp on your ancestors Guardiola, die.&lt;br /&gt;
&lt;br /&gt;
"Guardiola speaking in Catalan, he should be ashamed!!!! CLOWN! YOU'RE A CLOWN"&lt;br /&gt;
&lt;br /&gt;
"Jail for Guardiola for speaking Catalan in stadium full of Spaniards."&lt;br /&gt;
&lt;br /&gt;
"What a shithead disgusting Catalan!!! Speak in Spanish you fucker. #disgustingcatalans"&lt;br /&gt;
&lt;br /&gt;
"Pep, speak in Spanish, you Catalan shithead."&lt;br /&gt;
&lt;br /&gt;
"Son of a bitch Pep speaking in Catalan... Speak Spanish you asshole"&lt;br /&gt;
&lt;br /&gt;
"What a lack of respect! Speaking in Catalan? And what about the people who don't understand it? That's his humbleness. Fucking Catalonia."&lt;br /&gt;
&lt;br /&gt;
&lt;hr&gt;&lt;br /&gt;
And it goes on and on. And I didn't even translate the ones that suggest bombing the Catalan football stadium. They should be ashamed. And everyone who lets such hate speech go by without reproach shares the blame.&lt;br /&gt;
&lt;br /&gt;
Indeed, it seems that some are ashamed, and take down their tweets. They should never post them to begin with.&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-3808447478742293278?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/Z2VMVgxGbnE" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/3808447478742293278/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/05/announcing-and-denouncing-spanish-hate.html#comment-form" title="4 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/3808447478742293278?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/3808447478742293278?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/Z2VMVgxGbnE/announcing-and-denouncing-spanish-hate.html" title="Announcing and Denouncing Spanish Hate Speech towards Catalans" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>4</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/05/announcing-and-denouncing-spanish-hate.html</feedburner:origLink></entry><entry gd:etag="W/&quot;Dk4GQngzfip7ImA9WhVVFUo.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-774097283964642411</id><published>2012-05-09T09:46:00.000-04:00</published><updated>2012-05-09T10:48:43.686-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-05-09T10:48:43.686-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="IDPF" /><category scheme="http://www.blogger.com/atom/ns#" term="iBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="standards" /><category scheme="http://www.blogger.com/atom/ns#" term="Readium" /><category scheme="http://www.blogger.com/atom/ns#" term="EPUB3" /><category scheme="http://www.blogger.com/atom/ns#" term="Apple" /><category scheme="http://www.blogger.com/atom/ns#" term="Fixed Layout" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Readium displays Fixed Layout EPUB on desktop (compatible with iBooks too)</title><content type="html">We have been waiting to view Fixed Layout on a desktop screen for a long time and the IDPF with its &lt;a href="http://idpf.org/epub/fxl/"&gt;Fixed Layout spec&lt;/a&gt; and support for &lt;a href="http://readium.org/"&gt;Readium&lt;/a&gt; has now made it possible. Just look at this!&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7164489784/" title="FXL on Readium in desktop by Liz Castro, on Flickr"&gt;&lt;img src="http://farm9.staticflickr.com/8158/7164489784_5da9f05a12.jpg" width="400" alt="FXL on Readium in desktop"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
First, I adapted my Fixed Layout example (from my original miniguide on the subject, which desperately needs updating now) so that it conformed with the new IDPF spec. This required:&lt;br /&gt;
&lt;h4&gt;In the content.opf file:&lt;/h4&gt;• Add &lt;code&gt;version="3.0"&lt;/code&gt; to the &lt;code&gt;package&lt;/code&gt; element.&lt;br /&gt;
• Add &lt;code&gt;prefix="rendition: http://www.idpf.org/vocab/rendition/#&lt;/code&gt; to the &lt;code&gt;package&lt;/code&gt; element as well.&lt;br /&gt;
• Add &lt;code&gt;&amp;lt;meta property="dcterms:modified"&amp;gt;2012-05-08&amp;lt;/meta&amp;gt;&lt;/code&gt; to the &lt;code&gt;package&lt;/code&gt; element. This is a great, new required element that hopefully will help with caching problems, among other things, as it's supposed to contain the last date the content was modified.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7164562726/" title="EPUB3 FXL package.opf by Liz Castro, on Flickr"&gt;&lt;img src="http://farm6.staticflickr.com/5120/7164562726_228559e29e.jpg" width="400" alt="EPUB3 FXL package.opf"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Still in the content.opf file, we get to the stuff that determines how the fixed layout book is displayed, the so-called "rendition" options. (Thankfully, the CIA is not involved.)&lt;br /&gt;
&lt;br /&gt;
There are three principal &lt;code&gt;rendition&lt;/code&gt; variables: &lt;code&gt;layout&lt;/code&gt; (with values of &lt;code&gt;pre-paginated&lt;/code&gt; or &lt;code&gt;reflowable&lt;/code&gt;, that is whether you want it fixed or flowing), &lt;code&gt;orientation&lt;/code&gt; (with values of &lt;code&gt;landscape&lt;/code&gt;, &lt;code&gt;portrait&lt;/code&gt;, &lt;code&gt;auto&lt;/code&gt;, that is, whether a certain orientation should be forced), and &lt;code&gt;spread&lt;/code&gt; (with values of &lt;code&gt;none&lt;/code&gt;, &lt;code&gt;landscape&lt;/code&gt;, &lt;code&gt;portrait&lt;/code&gt;, &lt;code&gt;both&lt;/code&gt;, &lt;code&gt;auto&lt;/code&gt;, that is, whether the ereader should use facing pages—aka a &lt;i&gt;synthetic spread&lt;/i&gt;—in given orientations).&lt;br /&gt;
&lt;br /&gt;
I promise to explain these in more detail in the upcoming new edition of the Fixed Layout miniguide!&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7164340356/" title="Rendition by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7219/7164340356_808b6172a9.jpg" width="400" alt="Rendition"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Here I've chosen the most basic fixed layout options: that it be fixed layout, that it can be viewed in either a horizontal or vertical orientation, and that it always be displayed with facing pages.&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;In the content itself (the XHTML):&lt;/h4&gt;The code is not very different. As with all EPUB3 documents, I've eliminated the DOCTYPE, made sure the xml declaration is present, and used a simpler character set declaration:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7164419642/" title="headers-EPUB3-FXL by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7243/7164419642_86976dc04d.jpg" width="400" alt="headers-EPUB3-FXL"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Last but not least, add the &lt;code&gt;meta&lt;/code&gt; tag for the viewport, as usual:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7164425576/" title="headers-EPUB3-FXL-viewport by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7103/7164425576_3957f8abe9.jpg" width="400" alt="headers-EPUB3-FXL-viewport"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;The new TOC&lt;/h4&gt;Finally, you have to create on extra file, the new HTML TOC, or &lt;code&gt;nav&lt;/code&gt; element. It's not much more than an ordered list, with each of the TOC items in its own list item, along with the all important &lt;code&gt;nav&lt;/code&gt; element:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;nav xmlns:epub="http://www.idpf.org/2007/ops" epub:type="toc" id="toc"&amp;gt;&lt;/code&gt; &lt;br /&gt;
&lt;br /&gt;
Here's what my toc.xhtml file looks like:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7164435666/" title="nav.xhtml by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7078/7164435666_3d5d3db587.jpg" width="400" alt="nav.xhtml"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And, of course, don't forget to declare the toc.xhtml file in the content.opf file:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;manifest&amp;gt;&lt;br /&gt;
...&lt;br /&gt;
&amp;lt;item id="toc" href="nav.xhtml" properties="nav" media-type="application/xhtml+xml"/&amp;gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;And you're done!&lt;/h4&gt;Now, &lt;a href="http://www.pigsgourdsandwikis.com/2011/07/keeping-dsstore-file-out-while-zipping.html"&gt;zip it up&lt;/a&gt; as usual, and run it by &lt;a href="http://code.google.com/p/epubcheck/"&gt;EpubCheck3.0b5&lt;/a&gt; to make sure you did it all right.&lt;br /&gt;
&lt;br /&gt;
Then, in Google Chrome (it won't work in other browsers), download the &lt;a href="http://github.readium.org/releases/readium.crx"&gt;very latest version of Readium&lt;/a&gt; (released this morning!), it's 0.2.4, kindly fixed and uploaded by Matthew Robertson, and add your book to the library.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7164482006/" title="Readium Library by Liz Castro, on Flickr"&gt;&lt;img src="http://farm6.staticflickr.com/5441/7164482006_a8c57e59a0.jpg" width="400" alt="Readium Library"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And voilà, you can see a fixed layout book on your desktop!!!&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7164489784/" title="FXL on Readium in desktop by Liz Castro, on Flickr"&gt;&lt;img src="http://farm9.staticflickr.com/8158/7164489784_5da9f05a12.jpg" width="400" alt="FXL on Readium in desktop"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
What, you say, you don't see facing pages? Click the facing pages button in the Readium pop-up menu that appears when you hover over the bottom-right corner of the screen.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7164501292/" title="facing pages button by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7095/7164501292_21b55bfa04.jpg" width="400"  alt="facing pages button"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And where are the embedded fonts? I'm not sure yet if that's a problem with this very new software, or if I haven't embedded them properly. It's definitely true that only OTF and WOFF fonts are supported in EPUB3, but I use WOFF in my example, so they *should* be showing.&lt;br /&gt;
&lt;br /&gt;
Ah, but I hear a bigger worry... why should you go to all this trouble to create a format that only works with a fledgling ereader that no-one uses yet? And I could try to convince you about the importance of standards, but hopefully the following screenshot is more powerful: because the &lt;strong&gt;IDPF's EPUB 3 Fixed Layout spec works in iBooks!!!&lt;/strong&gt; Apple and Barnes &amp; Noble (and others) were involved with the IDPF in creating the Fixed Layout standard and Apple already supports it as you can see the same file showed here in iBooks:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7164531390/" title="EPUB3FXL on iBooks by Liz Castro, on Flickr"&gt;&lt;img src="http://farm9.staticflickr.com/8004/7164531390_72875241fe.jpg" width="400" alt="EPUB3FXL on iBooks"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
This is a great development, and the IDPF should be commended. Hopefully there will soon be a time when we can create a &lt;strong&gt;single fixed layout EPUB file&lt;/strong&gt; and it will work properly in all ereaders—Barnes &amp; Noble also worked closely with the IDPF to develop this spec—and on the desktop. Even in Kindle.&lt;br /&gt;
&lt;br /&gt;
The best way to help make this happen is to start using the &lt;a href="http://idpf.org/epub/fxl/"&gt;new EPUB3 Fixed Layout format&lt;/a&gt; right now: create lots of examples, view them in Readium and help contribute to making &lt;a href="https://github.com/readium/readium/issues"&gt;Readium&lt;/a&gt; a more powerful ereader.&lt;br /&gt;
&lt;br /&gt;
You can download my &lt;a href="http://www.elizabethcastro.com/epub/samples/FXL-EPUB3.epub"&gt;new EPUB3 FXL example&lt;/a&gt; here. Feel free to open it up and play with it. I'd love to see any examples you create!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
Don't forget: &lt;a href="http://www.pigsgourdsandwikis.com/p/membership-to-pigs-gourds-and-wikis.html"&gt;subscribers&lt;/a&gt; receive all my blog posts via email, as well as other perks, and help to keep me writing. &lt;a href="http://www.pigsgourdsandwikis.com/p/current-sponsors.html"&gt;Thanks to all of you&lt;/a&gt;!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-774097283964642411?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/z-_s5G_ZqtI" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/774097283964642411/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/05/readium-displays-fixed-layout-epub-on.html#comment-form" title="21 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/774097283964642411?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/774097283964642411?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/z-_s5G_ZqtI/readium-displays-fixed-layout-epub-on.html" title="Readium displays Fixed Layout EPUB on desktop (compatible with iBooks too)" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>21</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/05/readium-displays-fixed-layout-epub-on.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D0INQnk8eyp7ImA9WhVWGUo.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-4247600869488061449</id><published>2012-05-02T12:19:00.000-04:00</published><updated>2012-05-02T12:19:53.773-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-05-02T12:19:53.773-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="iBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="double tap zoom" /><category scheme="http://www.blogger.com/atom/ns#" term="Fixed Layout" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Double tap zoom transforms fixed layout ebooks in iBooks</title><content type="html">I'm supposed to be working on my presentations for &lt;a href="http://pepconference.com/schedule.html"&gt;PepCon&lt;/a&gt;, but I've been distracted with something that &lt;a href="http://www.twitter.com/rcgordon"&gt;Rick Gordon&lt;/a&gt; brought to my attention last week: "Remember you can double-tap a text frame to zoom to screen size in iBooks FL". &lt;br /&gt;
&lt;br /&gt;
&lt;a href="https://twitter.com/#!/rcgordon/status/195603387725778945" title="rcgordon by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7184/7134179177_f8d3cb7d7c.jpg" width="400" alt="rcgordon"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
As happens so often on Twitter, that message went into my brain and didn't come out until a few days later when Rick offered me a sneak preview of an amazing fixed layout ebook he's working on, &lt;a href="http://www.amazon.com/gp/product/0936070528/ref=as_li_ss_tl?ie=UTF8&amp;tag=elizabethcastro-pgw-20&amp;linkCode=as2&amp;camp=1789&amp;creative=390957&amp;creativeASIN=0936070528"&gt;Tiny Homes: Simple Shelter, by Lloyd Kahn&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Before I go any further, I have to tell you (if you haven't already heard my rants on the subject), that I generally hate it when publishers just replicate a print design as a fixed layout for the iPad (or whatever reader). One of the first examples I saw was a gorgeous collection of Ansel Adams prints with what I thought was the tiniest text you could never read. It was so frustrating. And although I understand the usefulness of Fixed Layout, and have written a fair bit of information about how to create FL ebooks, I've always shied away from recreating a text-heavy fixed layout ebook.&lt;br /&gt;
&lt;br /&gt;
So, I was intrigued when, in the introductory note about Tiny Homes, Rick said that I could double-tap any of the text blocks or images to magnify them. I didn't remember being able to do that in other FL books, and wondered if Rick, an EPUB expert, had discovered or developed some new tricks. And while he has, and I'll get to that in a later post, what is almost more important is that he made me realize &lt;strong&gt;that we've had this capability all along&lt;/strong&gt;. &lt;br /&gt;
&lt;br /&gt;
At first, I couldn't believe we had. So I went back and looked. And though there are a few examples of what I'm calling double-tap-zoom (DTZ), I'm not surprised I didn't notice. &lt;br /&gt;
&lt;br /&gt;
&lt;iframe src="http://player.vimeo.com/video/41426773?title=0&amp;amp;byline=0&amp;amp;portrait=0" width="400" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
iBooks has always let you double-tap a book page to fill the screen with just that page along with a sliver of the facing page. This works in all fixed layout ebooks on iBooks.&lt;br /&gt;
&lt;br /&gt;
What I didn't realize is that you can double-tap some text blocks and images to automatically zoom them as well. This makes reading a text-heavy (or text-and-image-heavy, as in Tiny Homes) a much more pleasant—and even feasible—project. I'm a bit embarrassed to admit that double-tap works great in the Ansel Adams book that I've used to use as an example of what not to do with fixed layout. No more. &lt;br /&gt;
&lt;br /&gt;
&lt;iframe src="http://player.vimeo.com/video/41427331?title=0&amp;amp;byline=0&amp;amp;portrait=0" width="400" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
But it's not consistent. Sometimes when you double-click an image, it zooms the page and sometimes it zooms the image. Sometimes the text zooms and sometimes it doesn't:&lt;br /&gt;
&lt;br /&gt;
&lt;iframe src="http://player.vimeo.com/video/41426537?title=0&amp;amp;byline=0&amp;amp;portrait=0" width="400" height="300" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
And the more I looked, the more I wondered what distinguished the text and images that zoom from those that remained static.&lt;br /&gt;
&lt;br /&gt;
One of the most important characteristics of text and images that can be double-tap zoomed is so obvious, you might not have thought of it: they must start out smaller than the page itself. Otherwise, there's nothing to zoom to!&lt;br /&gt;
&lt;br /&gt;
That means that if you have a text block that you want to have zoomed, the text has to be somewhat narrower than the page on which it is placed. (I have found that a width of 85% will zoom, while 86% won't. Actually, 86% zooms in landscape but not portrait.) The &lt;code&gt;width&lt;/code&gt; property is very useful here:&lt;br /&gt;
&lt;br /&gt;
div.text {width:85%}&lt;br /&gt;
&lt;br /&gt;
What I found rather remarkable is that it doesn't matter if you position the text absolutely or some other way, it doesn't matter if the text has offsets or if it doesn't. And you don't have to invoke any crazy incantations. It just matters how wide the text block is with respect to the page width.&lt;br /&gt;
&lt;br /&gt;
Of course, sometimes when you position an image, you change its width. For example, if you give a text block a left offset of 200 pixels on a page 1200 pixels wide, that leaves only 83% of the page (1000/1200) for the text block. It will zoom even though you haven't explicitly specified the width.&lt;br /&gt;
&lt;br /&gt;
The same rule applies to images: as long as they're at least 85% smaller than the page width, they will zoom when double-tapped. &lt;br /&gt;
&lt;br /&gt;
&lt;strong&gt;Why didn't we notice this before?&lt;/strong&gt; Why didn't I notice this before (you probably did!)&lt;br /&gt;
&lt;br /&gt;
There are three main reasons I've found. First, if you're using full bleed images and just placing text on top, there's no way to zoom the images. They're already as big as they can get. (The text on top should still zoom.)&lt;br /&gt;
&lt;br /&gt;
Second, early fixed layout examples (mine included) often used an overly complicated system of displaying half of a layout on the left page and half on the right, hiding the bits that didn't fit. This required some strange sizing of even smaller images, rendering them unzoomable. What a shame. I feel a little guilty that I espoused that method of creating fixed layouts, and hope to remedy that more thoroughly soon. For now, I'll say that I recommend creating each page in a layout independently, dividing images into two pieces as necessary and keeping the sizing as simple as possible.&lt;br /&gt;
&lt;br /&gt;
Third, if an image is beneath a transparent text block, particularly one that doesn't zoom, you won't be able to reach it with a double-tap. It's beyond your touch, and it won't zoom. Be careful with z-index!&lt;br /&gt;
&lt;br /&gt;
If you're creating fixed layout ebooks with a lot of text and/or images, make sure they double tap zoom by following these caveats. It'll make you books a lot more pleasant to read.&lt;br /&gt;
&lt;br /&gt;
&lt;iframe src="http://player.vimeo.com/video/41430585?title=0&amp;amp;byline=0&amp;amp;portrait=0" width="400" height="533" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen&gt;&lt;/iframe&gt;&lt;br /&gt;
&lt;br /&gt;
You can &lt;a href="http://www.elizabethcastro.com/epub/examples/newfldt.epub"&gt;download my example file&lt;/a&gt; shown in this last video. Feel free to unzip it and look at the code. The CSS is right in the XHTML just so you can see what is affecting what. I wouldn't create a real book this way. And I think the z-index is what is keeping the large 1200 x 1700 image (with the castle in the lower right corner) from zooming.&lt;br /&gt;
&lt;br /&gt;
Oh, and sorry about all the reflection in the videos. I've got a ways to go before I can create videos as nice as my screenshots :)&lt;br /&gt;
&lt;br /&gt;
Many thanks to EPUB coder extraordinaire &lt;a href="http://www.twitter.com/rcgordon"&gt;Rick Gordon&lt;/a&gt; for getting me thinking about this and for sharing his lovely book with me. He also pointed me to a few interesting articles, one on &lt;a href="http://developer.appcelerator.com/question/37771/prevent-double-tap-zoom-in-web-view"&gt;double-tap zoom&lt;/a&gt;, another from the Safari HTML reference that &lt;a href="http://developer.apple.com/library/safari/#documentation/appleapplications/reference/SafariHTMLRef/Articles/MetaTags.html"&gt;describes the user-scalable variable&lt;/a&gt; and how it is on by default, and a third on a &lt;a href="http://cat-in-136.blogspot.com/2010/09/unofficial-css-property-zoom.html"&gt;new zoom property&lt;/a&gt;. Rick's book, Tiny Homes, uses a few more double-tap to zoom tricks that I hope to talk about in a future post.&lt;br /&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-4247600869488061449?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/EMBM206sBpY" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/4247600869488061449/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/05/double-tap-zoom-transforms-fixed-layout.html#comment-form" title="5 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4247600869488061449?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4247600869488061449?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/EMBM206sBpY/double-tap-zoom-transforms-fixed-layout.html" title="Double tap zoom transforms fixed layout ebooks in iBooks" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>5</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/05/double-tap-zoom-transforms-fixed-layout.html</feedburner:origLink></entry><entry gd:etag="W/&quot;Ck4ERXw_cCp7ImA9WhVWGU0.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-470875886644787445</id><published>2012-05-01T15:35:00.000-04:00</published><updated>2012-05-01T15:35:04.248-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-05-01T15:35:04.248-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="troubleshooting" /><category scheme="http://www.blogger.com/atom/ns#" term="BBEdit" /><category scheme="http://www.blogger.com/atom/ns#" term="XHTML" /><category scheme="http://www.blogger.com/atom/ns#" term="GREP" /><category scheme="http://www.blogger.com/atom/ns#" term="syntax checking" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Using GREP to eliminate warnings—and reveal errors—in BBEdit</title><content type="html">If you're making changes directly to your XHTML documents, it's a good idea to check their syntax before compiling and finishing your EPUB files. This helps weed out the most common and difficult-to-find errors: typos.&lt;br /&gt;
&lt;br /&gt;
In BBEdit, choose Markup &gt; Check &gt; Document Syntax to see if your XHTML file is valid. BBEdit will quickly sift through and alert you to any problems. &lt;br /&gt;
&lt;br /&gt;
If you export EPUB from InDesign, you may get a lot of warnings about spaces being recommended before trailing spaces. &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6986829928/" title="spaceWarnings by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7221/6986829928_6aa9d76cb7.jpg" width="400" alt="spaceWarnings"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
They're quite right: if you have a all-in-one element like the &lt;code&gt;img&lt;/code&gt; element or &lt;code&gt;link&lt;/code&gt; element, you are allowed to write this:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;img src="image.jpg" alt="image description"/&amp;gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
But it's recommended that you add a space before that trailing slash (after the last attribute and value):&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6986843368/" title="space before a closing bracket"&gt;&lt;img src="http://farm8.staticflickr.com/7096/6986843368_3193582f1a.jpg" width="354" height="90" alt="space before a closing bracket"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
The problem, and it's minor but annoying, is that all those warnings hide the real problems. (The errors are there, but you have to scroll down to find them. And you don't get that satisfying "No errors were found" message.) One temporary solution is to uncheck the Warnings box as shown in the above screenshot.&lt;br /&gt;
&lt;br /&gt;
The other, more permanent, solution is to add the missing space so you don't get any warnings. I use GREP for this:&lt;br /&gt;
&lt;br /&gt;
Search for &lt;strong&gt;(\S)/&gt;&lt;/strong&gt; (that is, any instance of a closing slash and closing bracket without a preceding space. Another way to interpret that GREP would be that you're finding anything that's NOT a space followed by a closing slash and closing bracket.)&lt;br /&gt;
&lt;br /&gt;
And replace it with &lt;strong&gt;\1 /&gt;&lt;/strong&gt; (whatever came before the closing slash and bracket, a space, and the closing slash and bracket)&lt;br /&gt;
&lt;br /&gt;
Now when you check syntax, you'll only see the real errors (here, a classic one for me: mismatched p's and div's):&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6986866994/" title="errorsonly by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7257/6986866994_1864557c25.jpg" width="400" alt="errorsonly"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;hr&gt;&lt;br /&gt;
I know this is a tiny and minor thing, but I hope it will be helpful to a few, and maybe even get folks who are interested in but scared of GREP to start with something small. &lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-470875886644787445?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/EWlVIWz15QA" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/470875886644787445/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/05/using-grep-to-eliminate-warningsand.html#comment-form" title="0 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/470875886644787445?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/470875886644787445?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/EWlVIWz15QA/using-grep-to-eliminate-warningsand.html" title="Using GREP to eliminate warnings—and reveal errors—in BBEdit" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>0</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/05/using-grep-to-eliminate-warningsand.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DE8HR3g_fCp7ImA9WhVWFUk.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-8552363641932330813</id><published>2012-04-27T13:13:00.000-04:00</published><updated>2012-04-27T13:13:56.644-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-27T13:13:56.644-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Microsoft Word" /><category scheme="http://www.blogger.com/atom/ns#" term="bugs" /><category scheme="http://www.blogger.com/atom/ns#" term="tables of contents" /><category scheme="http://www.blogger.com/atom/ns#" term="conversion" /><category scheme="http://www.blogger.com/atom/ns#" term="TOC" /><category scheme="http://www.blogger.com/atom/ns#" term="Mobi" /><category scheme="http://www.blogger.com/atom/ns#" term="Amazon" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><title>Word for Mac can't generate linked TOCs for Kindle</title><content type="html">I've been trying to document the simplest way to create an ebook with a tool that most folks already own. The tool I've chosen, Microsoft Word, is a bloated, impossibly complicated piece of software that for some inexplicable reason, is used by a huge proportion of the populace. Feel free to enlighten me about its virtues in the comments.&lt;br /&gt;
&lt;br /&gt;
Anyways, I want to call your attention to one particularly important failing of Microsoft Word for Macintosh: it will only create linked or active TOCs &lt;strong&gt;if the TOC contains page numbers&lt;/strong&gt;. It's really important to include linked TOCS in ebooks, and particularly in Kindle books since most of Kindle devices don't have device-generated or navigational tables of contents, but it doesn't make sense to include page numbers (since they don't make any sense in a digital landscape). &lt;br /&gt;
&lt;br /&gt;
Note that Microsoft Word for Windows is happy to automatically generate a useful TOC, sans page numbers, for an ebook.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6972894710/" title="Table of Contents by Liz Castro, on Flickr"&gt;&lt;img src="http://farm9.staticflickr.com/8026/6972894710_b769ac3be0.jpg" width="400" alt="Table of Contents"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Simply uncheck Show page numbers and then check Use hyperlinks instead of page numbers.&lt;br /&gt;
&lt;br /&gt;
Now look at the corresponding dialog box in the latest version of Word for Macintosh:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6972911686/" title="Table of Contents by Liz Castro, on Flickr"&gt;&lt;img src="http://farm9.staticflickr.com/8017/6972911686_5b55004d07.jpg" width="400" alt="Table of Contents"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
You can hide the page numbers, but you can't convert them to hyperlinks, and I assure you, after much testing (and confirmation from &lt;a href="https://twitter.com/#!/ljndawson/status/195915945951244289"&gt;@ljndawson&lt;/a&gt;), that without page numbers, no page links will be created. The TOC is there, but will take you nowhere in the converted ebook.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6972918498/" title="Kindle Fire Previewer - testerTOC7 by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7229/6972918498_ec7768dd53.jpg" width="400" alt="Kindle Fire Previewer - testerTOC7"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
It makes Word for Mac a &lt;strong&gt;much&lt;/strong&gt; less powerful tool for creating ebooks. Of course, there are solutions (like manually creating bookmarks for each TOC entry), but it's nothing like a one-button solution (!).&lt;br /&gt;
&lt;br /&gt;
Why should anyone care about how Word creates TOCs? Because Word (.doc or .docx) is the one styled format that can be read and converted automatically into Kindle format (using KDP, Send to Kindle, and by emailing the document to a Kindle device). More on that soon.&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-8552363641932330813?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/N6dD2w_KLcg" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/8552363641932330813/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/04/word-for-mac-cant-generate-linked-tocs.html#comment-form" title="19 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/8552363641932330813?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/8552363641932330813?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/N6dD2w_KLcg/word-for-mac-cant-generate-linked-tocs.html" title="Word for Mac can't generate linked TOCs for Kindle" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>19</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/04/word-for-mac-cant-generate-linked-tocs.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DkUCSH04fCp7ImA9WhVWE0Q.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-5387734011269193215</id><published>2012-04-25T18:51:00.000-04:00</published><updated>2012-04-25T18:51:09.334-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-25T18:51:09.334-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="conversion" /><category scheme="http://www.blogger.com/atom/ns#" term="Send to Kindle" /><category scheme="http://www.blogger.com/atom/ns#" term="Mobi" /><category scheme="http://www.blogger.com/atom/ns#" term="Amazon" /><category scheme="http://www.blogger.com/atom/ns#" term="Word" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><title>Using Amazon's Send to Kindle to transfer ebooks and documents to Kindle</title><content type="html">Amazon has just released the &lt;a href="http://www.amazon.com/gp/help/customer/display.html/ref=hp_left_cn?ie=UTF8&amp;nodeId=200899000"&gt;Send to Kindle app for Macintosh&lt;/a&gt;. It already exists &lt;a href="http://www.amazon.com/gp/help/customer/display.html/ref=hp_left_cn?ie=UTF8&amp;nodeId=200768410"&gt;for PCs&lt;/a&gt;. This is an app that facilitates getting documents in various formats—Word (.doc and .docx), text (.txt), RTF (.rtf), images (.jpeg, .gif, .png, .bmp) and PDF (.pdf)—to your Kindle. &lt;br /&gt;
&lt;br /&gt;
Once you've downloaded and installed Send to Kindle, you can activate the app in several different ways. First, you can right-click a document in the Finder and choose the Send to Kindle option near the bottom of the menu. &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6967853434/" title="From Finder by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7180/6967853434_ee7f3672f3.jpg" width="200" alt="From Finder"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
You can choose Send to Kindle from the Printer menu in any program that has one (here's Word):&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7113955095/" title="Print - Send to Kindle by Liz Castro, on Flickr"&gt;&lt;img src="http://farm6.staticflickr.com/5444/7113955095_ea341c6f8b.jpg" width="400" alt="Print - Send to Kindle"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Finally, you can click the Send to Kindle icon on the dock or drag a document to the Send to Kindle icon directly. &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7114081747/" title="Dock by Liz Castro, on Flickr"&gt;&lt;img src="http://farm6.staticflickr.com/5240/7114081747_182b364b35.jpg" width="344" height="233" alt="Dock"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Whichever method you choose, you'll see the Send to Kindle's window in which you can specify a new title for the document and choose which Kindle you want to send the document to. You will also specify whether you want to use free Wifi or incur extra charges by using Amazon's Whispernet service.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6967848970/" title="Send to Kindle by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7108/6967848970_0cf31d9db2.jpg" width="400" alt="Send to Kindle"&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
If you check "Archive document in your Kindle Library" (which is on by default), your document will be available in the Kindle cloud, and thus to all of your Kindle devices. You can even deselect a device and send your document &lt;i&gt;only&lt;/i&gt; to the cloud.&lt;br /&gt;
&lt;br /&gt;
&lt;h4&gt;Format&lt;/h4&gt;Notice at the bottom of the window that you'll be advised about which format your document will be converted to. If you right-click or drag and drop, Send to Kindle will convert Word, text, and RTF to Kindle format, and preliminary testing seems to indicate that it uses the same KindleGen algorithms that are used by Kindle Previewer and KDP. If you right-click or drag and drop a PDF file, you'll have the option (in the aptly named Options panel) to convert the PDF to Kindle format. I tested some simple documents, and it seemed to work quite well.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6968006310/" title="Send to Kindle - Options-1 by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7046/6968006310_18a85b537f.jpg" width="400" alt="Send to Kindle - Options-1"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
If you use the print option, it will always send the document as a PDF, and the PDF cannot be converted to Kindle format. Note that the PDF document will be much larger than the Kindle version. &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6967912060/" title="Send to Kindle - Options by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7057/6967912060_177a8b91d1.jpg" width="400" alt="Send to Kindle - Options"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
All in all, the Send to Kindle app looks like a useful tool for getting documents into your Kindle. The &lt;a href="http://www.amazon.com/gp/help/customer/display.html/ref=hp_s2kmacland_finder?nodeId=200902880#finder"&gt;Send to Kindle documentation&lt;/a&gt; has a few more details.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-5387734011269193215?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/oZ9jUFujDQw" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/5387734011269193215/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/04/using-amazons-send-to-kindle-to.html#comment-form" title="1 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/5387734011269193215?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/5387734011269193215?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/oZ9jUFujDQw/using-amazons-send-to-kindle-to.html" title="Using Amazon's Send to Kindle to transfer ebooks and documents to Kindle" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>1</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/04/using-amazons-send-to-kindle-to.html</feedburner:origLink></entry><entry gd:etag="W/&quot;AkcERX8_eCp7ImA9WhVQGUQ.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-1340549029019278101</id><published>2012-04-09T15:00:00.000-04:00</published><updated>2012-04-09T15:00:04.140-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-09T15:00:04.140-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Mobi Unpack" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle Previewer" /><category scheme="http://www.blogger.com/atom/ns#" term="Terminal" /><category scheme="http://www.blogger.com/atom/ns#" term="KindleGen" /><category scheme="http://www.blogger.com/atom/ns#" term="Mobi" /><category scheme="http://www.blogger.com/atom/ns#" term="Python" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Unpacking a Kindle/Mobi file</title><content type="html">Converting an ebook of whatever format to a Kindle/mobi file adds a level of abstraction that always leaves me with this gnawing uncertainty: did anything change under there? Is this what I really want? This may be due to general OCD, but I think it started with Microsoft Word's early attempts to guess what I wanted and automatically change my text for me, causing all manner of consternation and mistrust, as its guesses were often incorrect. Course it doesn't help that Kindle devices don't all display an ebook the same way.&lt;br /&gt;
&lt;br /&gt;
As you might've guessed, I don't trust Kindle Previewer (or the KindleGen that it invokes) either... who knows what it does during conversion!? Indeed, when a feature in an ebook I'm creating doesn't come out right, knowing exactly what KindleGen is doing with my files can be very helpful for cross-platform development.&lt;br /&gt;
&lt;br /&gt;
Thankfully, there are a bunch of folks over at MobileRead who have developed an open source tool for unpacking Mobi files and looking at their innards. It's called Mobi Unpack and the latest version (047) can be &lt;a href="http://www.mobileread.com/forums/attachment.php?attachmentid=84428&amp;d=1332545649"&gt;found there&lt;/a&gt;. &lt;br /&gt;
&lt;br /&gt;
But what do you do with it once you've found it? Double-clicking didn't work at first for me:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7061400355/" title="doubleclick MU by Liz Castro, on Flickr"&gt;&lt;img src="http://farm6.staticflickr.com/5441/7061400355_146779e828.jpg" width="400" alt="doubleclick MU"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And I had no idea what application I should associate it with. I used a rather convoluted system starting with Terminal, navigating to the MU folder, then typing &lt;strong&gt;python Mobi_Unpack_v047.pyw&lt;/strong&gt;, which works, but it seemed like there should be a better way. &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.mobileread.com/forums/member.php?u=55525"&gt;One of the Mobi Unpack developers&lt;/a&gt; told me I needed a thing called Python Launcher. You can find it in /System/Library/Frameworks/Python.framework/versions/2.5/Resources. It comes with your Mac. Who knew? :)&lt;br /&gt;
&lt;br /&gt;
I dragged Mobi_Unpack_v047.pyw on top of the Python Launcher, and now it's permanently associated: when I double-click, it opens right up.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7061417095/" title="Mobi ebook Unpack Tool by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7209/7061417095_c332526a08.jpg" width="400" alt="Mobi ebook Unpack Tool"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Once Mobi Unpack is open, use the top field and Browse button to choose the Mobi file that you want to unpack. Use the second field and Browse button to choose the folder you want to unpack the Mobi file into.&lt;br /&gt;
&lt;br /&gt;
I don't check any of the other options.&lt;br /&gt;
&lt;br /&gt;
Then click Start to unpack your Mobi file.&lt;br /&gt;
&lt;br /&gt;
Mobi Unpack creates a mobi8 folder, which presumably is the KF8 version as well as a mobi7 folder which presumably is what old Kindles get. You can explore the files inside (XHTML, CSS, content.opf, etc.) to see how KindleGen (via Kindle Previewer or whatever) is creating your Mobi file.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6915511658/" title="Unpacked Mobi by Liz Castro, on Flickr"&gt;&lt;img src="http://farm6.staticflickr.com/5076/6915511658_f8e772c432.jpg" width="400" alt="Unpacked Mobi"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
The mobi8 folder even contains an EPUB file. I thought this might be useful if you were starting with a Mobi file and wanted to convert to EPUB, but unfortunately, at least in my testing (in which I did not generate the Mobi file from an EPUB file), the EPUB did not validate.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-1340549029019278101?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/vRUeXF_Izdg" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/1340549029019278101/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/04/unpacking-kindlemobi-file.html#comment-form" title="6 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/1340549029019278101?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/1340549029019278101?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/vRUeXF_Izdg/unpacking-kindlemobi-file.html" title="Unpacking a Kindle/Mobi file" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>6</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/04/unpacking-kindlemobi-file.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DU4BRnkzfSp7ImA9WhVQFk4.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-7397768853822287237</id><published>2012-04-04T16:03:00.000-04:00</published><updated>2012-04-05T10:59:17.785-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-05T10:59:17.785-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="iBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="Dropbox" /><category scheme="http://www.blogger.com/atom/ns#" term="sideloading" /><category scheme="http://www.blogger.com/atom/ns#" term="iPhone" /><category scheme="http://www.blogger.com/atom/ns#" term="iPad" /><category scheme="http://www.blogger.com/atom/ns#" term="Mobi" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle Fire" /><category scheme="http://www.blogger.com/atom/ns#" term="iOS" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle" /><category scheme="http://www.blogger.com/atom/ns#" term="self publishing" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Sideloading ebooks with Dropbox</title><content type="html">Whether you create ebooks for a living or just read them, getting books onto your reading device—or devices!—of choice is not always as easy as it should be. Sure, Amazon has its Whispersync that shuttles files straight to your Kindle apps and iBooks will get books to your iPhone/iPad or iPod touch, but what if you buy a book from an independent author &lt;a href="store.kagi.com/cgi-bin/store.cgi?storeID=6FHNX_LIVE"&gt;(like me :)&lt;/a&gt;, or download &lt;a href="http://craphound.com/ftw/download/"&gt;one of Cory Doctorow's books&lt;/a&gt;, or create your own and want to see what they look like? The answer is &lt;i&gt;sideloading&lt;/i&gt;, the term for getting ebooks to your reader without a store's help.&lt;br /&gt;
&lt;br /&gt;
The most basic way to sideload is to hook your ereader up to your computer via the USB cable. Most ereaders (but not iOS ones) will appear on your desktop just like any other external drive.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7045632951/" title="Kindle-disk by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7107/7045632951_421707aa9a.jpg" width="400"  alt="Kindle-disk"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6899541754/" title="nook-disk by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7139/6899541754_8e2b9e4d2e.jpg" width="400" alt="nook-disk"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Just drag your ebook file (in the appropriate format, of course) to the Documents folder on the ereader (actually NOOK is not very picky about where you place it), then eject your disk, and you can find the new ebook installed. (Nook and Kindle Fire put your sideloaded books in the My Files/Docs area, respectively.)&lt;br /&gt;
&lt;br /&gt;
On iOS (iPhone/iPad/iPod touch), the process is a fair bit more laborious. You're supposed to use iTunes, as I describe in &lt;a href="http://store.kagi.com/cgi-bin/store.cgi?storeID=6FHNX_LIVE&amp;page=EPUBSTTP&amp;lang=en"&gt;EPUB Straight to the Point&lt;/a&gt;, either syncing manually or automatically. But it takes longer than it should. Apple offers a little app called Book Proofer to folks through its iTunes Connect program that lets you edit a book on your computer as you simultaneously preview it on your iPad or iPhone, but it's not public, and it's not foolproof. &lt;br /&gt;
&lt;br /&gt;
It turns out &lt;a href="http://www.dropbox.com"&gt;DropBox&lt;/a&gt; is a brilliant alternative to all of this. Dropbox lets you create a folder on your computer that is automatically copied to the "cloud". That means that you can access it from any other computer or even reading device. &lt;br /&gt;
&lt;br /&gt;
(If you don't already have a Dropbox account, &lt;a href="http://db.tt/oMwsnkNg"&gt;you can follow this link to get one&lt;/a&gt; and you and I will both get 500Mb additional free disk space.)&lt;br /&gt;
&lt;br /&gt;
To sideload a ebook with Dropbox, first copy the ebook to your Dropbox folder. (If you don't know where the folder is, you can use the Dropbox menu at the top of your screen to open it: &lt;a href="http://www.flickr.com/photos/cookwood/7045679749/" title="dropboxmenu by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7099/7045679749_1d70b40465.jpg" width="263" height="307" style="float:left;margin-right:10px;" alt="dropboxmenu"&gt;&lt;/a&gt;, or just find it yourself, generally right in your home folder.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6899699530/" title="Dropbox by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7138/6899699530_030827b704.jpg" width="400" alt="Dropbox"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Then, on your iOS device, download the Dropbox app, launch it, and sign in. &lt;br /&gt;
&lt;br /&gt;
Select the ebook that you want to sideload from the Dropbox menu. It will start to load.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7045690097/" title="sideloading ebook to iOS by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7205/7045690097_c992750eaa.jpg" width="400" alt="sideloading ebook to iOS"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Dropbox can view some file formats right in the app itself, but not EPUB or mobi. So when it gets done copying the file, it will tell you it doesn't know what to do with it. Thankfully, all you have to do is click the "Away" icon in the upper right corner of the screen, and Dropbox will offer to transfer the file to an app that &lt;i&gt;can&lt;/i&gt; view it, like iBooks in this case. Bravo, just what we wanted.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6899599166/" title="dropbox to iBooks by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7105/6899599166_4339e27e49.jpg" width="400" alt="dropbox to iBooks"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Once you choose iBooks in the menu, iBooks will open automatically and show you your book. It's really lovely:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7045703149/" title="in iBooks by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7205/7045703149_9d8240fda4.jpg" width="400" alt="in iBooks"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Dropbox will work on iOS for both EPUB and Kindle/mobi:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6899618122/" title="dropbox to Kindle by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7273/6899618122_d7e6f048d4.jpg" width="400"  alt="dropbox to Kindle"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
This is pretty interesting, considering that before Dropbox &lt;del&gt;there was no way to test a Kindle book on an iOS device before selling it through Amazon.&lt;/del&gt; &lt;ins&gt;you had to use iTunes to copy mobi files to the Kindle app on iOS. (Connect device, choose Apps, go down to the bottom of the screen, click Kindle, click Add…, choose your mobi file, then sync. Thanks, Dan Rodney—see comments—though I still think iTunes is a slow solution.)&lt;/ins&gt; &lt;del&gt;The closest&lt;/del&gt;&lt;ins&gt;Another&lt;/ins&gt; alternative was using the Kindle Previewer app.&lt;br /&gt;
&lt;br /&gt;
I thought Dropbox might even be the answer to the conundrum that you can create a Kindle book with audio and video, but there is no way to test it, because there is no way to get the AV book to Kindle app for iOS which (ironically) is the only Kindle app that supports audio and video! — you can only see it *after* it is published to Amazon, which, sadly, still does not allow independent authors and publishers to sell books with audio and video.&lt;br /&gt;
&lt;br /&gt;
Alas, I have not been able to get this to work. I can get the audio/video Kindle books to the Kindle app on iOS, but the audio and video do not play. I haven't finished poking at it yet, though. I'll keep you posted.&lt;br /&gt;
&lt;br /&gt;
Note that some ebookstores make changes to books as they deliver them. That is, a sideloaded book is not always identical to its purchased cousin, though in my mind, it sure should be. In particular, I've heard complaints about NOOK and Kobo, and I'm wondering if Amazon doesn't bake something special into its AV books for iOS as well. More on that another day.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-7397768853822287237?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/b2d0K6ab80k" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/7397768853822287237/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/04/sideloading-ebooks-with-dropbox.html#comment-form" title="18 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/7397768853822287237?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/7397768853822287237?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/b2d0K6ab80k/sideloading-ebooks-with-dropbox.html" title="Sideloading ebooks with Dropbox" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>18</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/04/sideloading-ebooks-with-dropbox.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DE8NRHw-eyp7ImA9WhVQE0U.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-4302381361327414471</id><published>2012-04-02T13:14:00.000-04:00</published><updated>2012-04-02T13:14:55.253-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-04-02T13:14:55.253-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="print" /><category scheme="http://www.blogger.com/atom/ns#" term="translations" /><title>Free Foreign Language Versions of my books</title><content type="html">&lt;a href="http://www.flickr.com/photos/cookwood/7039257897/" title="Book Translations by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7177/7039257897_359bc4a482.jpg" width="400" alt="Book Translations"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
My books have been translated into a lot of languages, and often times (though unfortunately not always), they send me copies. I like to keep at least one of each, but I have a few extras around if anyone's interested. All you have to do is send me (via Paypal, for example) the shipping costs. First dibs for &lt;a href="http://www.pigsgourdsandwikis.com/p/current-sponsors.html"&gt;subscribers&lt;/a&gt; :)&lt;br /&gt;
&lt;br /&gt;
Here's what I have:&lt;br /&gt;
&lt;br /&gt;
Japanese&lt;br /&gt;
Perl &amp; CGI for the World Wide Web, 2nd Edition&lt;br /&gt;
&lt;br /&gt;
Italian:&lt;br /&gt;
XML for the World Wide Web, 1st edition&lt;br /&gt;
Crea una pagina Web con HTML&lt;br /&gt;
Pubblica un blog con Blogger, 1st edition&lt;br /&gt;
&lt;br /&gt;
Spanish&lt;br /&gt;
HTML, XHTML, y CSS, Fifth edition&lt;br /&gt;
&lt;br /&gt;
French&lt;br /&gt;
HTML4 avec XHTML &amp; CSS&lt;br /&gt;
Creer un blog avec Blogger&lt;br /&gt;
&lt;br /&gt;
Chinese&lt;br /&gt;
HTML, XHTML and CSS, 6th edition&lt;br /&gt;
&lt;br /&gt;
Dutch&lt;br /&gt;
HTML XHTML CSS, 6th edition&lt;br /&gt;
&lt;br /&gt;
Swedish&lt;br /&gt;
Blogg med Blogger, 1st edition&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-4302381361327414471?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/1Oz-InWM97Y" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/4302381361327414471/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/04/free-foreign-language-versions-of-my.html#comment-form" title="0 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4302381361327414471?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4302381361327414471?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/1Oz-InWM97Y/free-foreign-language-versions-of-my.html" title="Free Foreign Language Versions of my books" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>0</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/04/free-foreign-language-versions-of-my.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DE8BQ3g7fCp7ImA9WhVQEE4.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-6470237032905905305</id><published>2012-03-29T12:00:00.001-04:00</published><updated>2012-03-29T12:00:52.604-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-03-29T12:00:52.604-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="bugs" /><category scheme="http://www.blogger.com/atom/ns#" term="troubleshooting" /><category scheme="http://www.blogger.com/atom/ns#" term="iBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="iPhone" /><category scheme="http://www.blogger.com/atom/ns#" term="iPad" /><category scheme="http://www.blogger.com/atom/ns#" term="fonts" /><category scheme="http://www.blogger.com/atom/ns#" term="Apple" /><category scheme="http://www.blogger.com/atom/ns#" term="Seravek" /><title>Seravek Font bug in iBooks</title><content type="html">I wanted to set my latest book in a sans-serif font so I chose one of iBooks' default fonts: Seravek. This morning, doing a last minute check, Seravek had mostly disappeared. I immediately suspected nefarious setting adjustments by iPad-stealing family members, but it turns out iBooks was the culprit.&lt;br /&gt;
&lt;br /&gt;
Look at this:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6880921484/" title="Not Seravek by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7246/6880921484_3904b4f549.jpg" width="379" height="500" alt="Not Seravek"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
If you don't know what Seravek is, I'll tell you, it's not that.&lt;br /&gt;
&lt;br /&gt;
I recompiled my book a bunch of times, looked at it on my old iPad and everywhere, the font had disappeared. I wondered if iBooks had somehow changed between yesterday and today. If Kindle Previewer was going to update itself without my involvement, maybe iBooks too?&lt;br /&gt;
&lt;br /&gt;
Then &lt;strong&gt;I changed the font size&lt;/strong&gt;:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7026993013/" title="Seravek back by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7036/7026993013_f76b73026e.jpg" width="379" height="500" alt="Seravek back"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And the Seravek came back. Weird. It turns out that Seravek works fine in all font sizes except 5. And in font size 3, it doesn't work in the subhead, but I wonder if that has to do with caching, since I had that set as a serif font for a while (though not in this example!)&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6880915996/" title="Photo Mar 29, 11 34 33 AM by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7206/6880915996_44cb8620f5.jpg" width="379" height="500" alt="Photo Mar 29, 11 34 33 AM"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Since there's no other sans-serif default font for iBooks, and I didn't want to use Optima, in the end, I decided on Muli, one of Google Web Fonts offerings:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7027007279/" title="Muli by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7138/7027007279_9001e80906.jpg" width="400" alt="Muli"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Remember that readers can always select a default font if they so choose.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-6470237032905905305?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/ye2FT6H_7yI" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/6470237032905905305/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/03/seravek-font-bug-in-ibooks.html#comment-form" title="3 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/6470237032905905305?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/6470237032905905305?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/ye2FT6H_7yI/seravek-font-bug-in-ibooks.html" title="Seravek Font bug in iBooks" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>3</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/03/seravek-font-bug-in-ibooks.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CkMEQn09eCp7ImA9WhVRGUs.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-1553061893499653237</id><published>2012-03-28T14:41:00.001-04:00</published><updated>2012-03-28T14:46:43.360-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-03-28T14:46:43.360-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="bugs" /><category scheme="http://www.blogger.com/atom/ns#" term="troubleshooting" /><category scheme="http://www.blogger.com/atom/ns#" term="InDesign" /><category scheme="http://www.blogger.com/atom/ns#" term="Mobi" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><category scheme="http://www.blogger.com/atom/ns#" term="css" /><title>Kindle ignores everything when ID gives it multiple classes</title><content type="html">I'm about to publish an anthology of stories based in Barcelona (more news soon!) and keep bumping into an annoying issue with (old) Kindle: if your InDesign document contains a styled paragraph with local formatting, InDesign will export the resulting EPUB with multiple classes, one for the base style and one "override" class with the extra bits. Unfortunately, Kindle throws up its hands at multiple classes and not only ignores the extra classes but actually ignores the base class as well, leaving the paragraph with no formatting at all. Ugh.&lt;br /&gt;
&lt;br /&gt;
Here's an example from my new book. &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7024501701/" title="Kindle-multiple classes by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7113/7024501701_b6564e285c.jpg" width="400" alt="Kindle-multiple classes"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
The paragraph that begins "Moving between the shadows" has no styling. It should be in italics with no indent, as shown in iBooks:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7024499629/" title="iBooks - multiple classes by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7072/7024499629_f970b46723.jpg" width="400"  alt="iBooks - multiple classes"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
I go look at the code, and find that InDesign has added an "override" style:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7024520443/" title="code-multiple classes by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7071/7024520443_bd6cf8e983.jpg" width="400" alt="code-multiple classes"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Why? Because I had added some local formatting in the original InDesign file. Oops. (You can tell by putting your cursor in a paragraph and looking at the Paragraph Styles panel... if there's a plus sign next to the style name, there's local formatting.)&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6878422018/" title="InDesign-local formatting by Liz Castro, on Flickr"&gt;&lt;img src="http://farm7.staticflickr.com/6219/6878422018_1b3e621b40.jpg" width="400" alt="InDesign-local formatting"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Really, InDesign is completely within its rights by exporting multiple classes, they are perfectly standard. It is Kindle that is at fault here.&lt;br /&gt;
&lt;br /&gt;
The easiest solutions is to avoid local formatting. This is a good idea in general, although I'll admit that when I just need to nudge something in my print version, I am not always strictly orthodox.&lt;br /&gt;
&lt;br /&gt;
If you forget, and/or don't want to go back and change the print version, the second solution is to create a new style that contains the characteristics from the two applied styles, and apply it both to the HTML and to the CSS. Kindle can't say no to that.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6878466174/" title="screen_shot-27125 by Liz Castro, on Flickr"&gt;&lt;img src="http://farm7.staticflickr.com/6106/6878466174_5783423920.jpg" width="379" height="500" alt="screen_shot-27125"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
In general, I recommend doing a search through your XHTML files in an InDesign-generated EPUB document to find all of the override classes. Then, substitute them with better-labeled and less troublesome individual styles. &lt;br /&gt;
&lt;br /&gt;
Also note that it is "old" Kindle that can't handle multiple classes, Kindle Fire supports them just fine.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-1553061893499653237?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/PHH8tdhBe5s" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/1553061893499653237/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/03/kindle-ignores-everything-when-id-gives.html#comment-form" title="1 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/1553061893499653237?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/1553061893499653237?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/PHH8tdhBe5s/kindle-ignores-everything-when-id-gives.html" title="Kindle ignores everything when ID gives it multiple classes" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>1</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/03/kindle-ignores-everything-when-id-gives.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D0UNSXg_cSp7ImA9WhVRFU8.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-3653836332999157560</id><published>2012-03-23T12:04:00.000-04:00</published><updated>2012-03-23T13:54:58.649-04:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-03-23T13:54:58.649-04:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="centering" /><category scheme="http://www.blogger.com/atom/ns#" term="iPad" /><category scheme="http://www.blogger.com/atom/ns#" term="iPhone" /><category scheme="http://www.blogger.com/atom/ns#" term="nook" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><category scheme="http://www.blogger.com/atom/ns#" term="bugs" /><category scheme="http://www.blogger.com/atom/ns#" term="troubleshooting" /><category scheme="http://www.blogger.com/atom/ns#" term="iBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="standards" /><category scheme="http://www.blogger.com/atom/ns#" term="Mobi" /><category scheme="http://www.blogger.com/atom/ns#" term="ADE" /><category scheme="http://www.blogger.com/atom/ns#" term="html" /><category scheme="http://www.blogger.com/atom/ns#" term="css" /><title>Centering in ebooks across ereaders</title><content type="html">A long time ago, I realized that the most basic parts of childrearing—eating, sleeping, and peeing and pooping—were by far the hardest to figure out. So it is with ebooks. It seems almost ridiculous to have to write a big, long complicated post about centering—something so essential and so fundamental—but I keep bumping up against it, so write I will. I hope I'll save you some sleepless nights.&lt;br /&gt;
&lt;br /&gt;
Centering in ebooks involves CSS, the box model, inheritance, and ereader inconsistencies. The main problem with centering lies in not understanding how these aspects relate to each other.&lt;br /&gt;
&lt;h4&gt;The text-align property&lt;/h4&gt;I'll start with the simple. There is a CSS property called &lt;code&gt;text-align&lt;/code&gt; whose possible values are left, right, justify, and center. But there is one very important caveat: &lt;b&gt;&lt;code&gt;text-align&lt;/code&gt; only affects inline-level objects within the block-level objects to which &lt;code&gt;text-align&lt;/code&gt; has been applied&lt;/b&gt;. Let's look at that closely, since it is the source of many misunderstandings and thus errors.&lt;br /&gt;
&lt;br /&gt;
Here is a simple &lt;code&gt;p&lt;/code&gt; element that contains text.&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;p class="center"&amp;gt;Here is some text that should be centered&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
And here is the CSS:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;.center {text-align:center}&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
And here is what it looks like:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6862264028/" title="Preview: centeringex.html by Liz Castro, on Flickr"&gt;&lt;img alt="Preview: centeringex.html" src="http://farm8.staticflickr.com/7244/6862264028_f8a5a1b9a8.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
You may think that it is the &lt;code&gt;p&lt;/code&gt; element that has been centered, but you'd be wrong. It's actually the inline contents of the &lt;code&gt;p&lt;/code&gt; element, an anonymous inline block, if you can stand the CSS parlance, or simply the text itself (if you can't), that is being centered. The &lt;code&gt;p&lt;/code&gt; element itself is &lt;b&gt;not&lt;/b&gt; centered. &lt;br /&gt;
&lt;br /&gt;
How can you tell? We'll set the width of the &lt;code&gt;p&lt;/code&gt; element to 60%, and then set the background color to yellow, so you can actually see it.&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;.center {text-align:center; width: 60%; background: yellow}&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6862269102/" title="Preview: centeringex.html by Liz Castro, on Flickr"&gt;&lt;img alt="Preview: centeringex.html" src="http://farm8.staticflickr.com/7214/6862269102_1741f4d8a9.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
You can now clearly see that the &lt;code&gt;p&lt;/code&gt; element is still aligned left (which is the default in most browsers and ereaders) even while the inline text that it contains is aligned center &lt;i&gt;within the &lt;code&gt;p&lt;/code&gt; element.&lt;/i&gt;&lt;br /&gt;
&lt;h4&gt;Centering block-level elements&lt;/h4&gt;So how do you center a block-level element? The canonical way is to set the right and left margins to &lt;code&gt;auto&lt;/code&gt;. According to the CSS spec, when both left and right margins are auto, they should be equal, and thus the item will be centered. And don't forget that unless your block element has a width that is smaller than the window size, you won't be able to tell if it's centered or not.&lt;br /&gt;
&lt;br /&gt;
So, to center our &lt;code&gt;p&lt;/code&gt; element, we'd have this:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;.center {text-align:center; width: 60%; background: yellow; margin-right: auto; margin-left:auto}&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
And we would get this:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7008391681/" title="Preview: centeringex.html by Liz Castro, on Flickr"&gt;&lt;img alt="Preview: centeringex.html" src="http://farm8.staticflickr.com/7223/7008391681_2a3f0e9bd9.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
This works on most major browsers and ereaders:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6862345602/" title="Centering-iBooks iPad by Liz Castro, on Flickr"&gt;&lt;img alt="Centering-iBooks iPad" src="http://farm8.staticflickr.com/7074/6862345602_93b18ca08d.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And is converted properly for Kindle Fire:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6862347696/" title="Kindle Fire Previewer - CenteringAcrossEreaders by Liz Castro, on Flickr"&gt;&lt;img alt="Kindle Fire Previewer - CenteringAcrossEreaders" src="http://farm8.staticflickr.com/7051/6862347696_d0f6244f49.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
(Regular Kindle doesn't support width and thus can't center a block-level element at all.)&lt;br /&gt;
&lt;h4&gt;CSS bug in ADE, NOOK, etc.&lt;/h4&gt;Unfortunately, ADE, and the ereaders based on it (like NOOK, NOOK Color, and presumably Sony Reader though I didn't test this last one), don't properly interpret the auto value for left and right margins, and the result is that the blocks are not centered:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7008543253/" title="NOOK Color centering by Liz Castro, on Flickr"&gt;&lt;img alt="NOOK Color centering" src="http://farm8.staticflickr.com/7140/7008543253_22dee9d535.jpg" width="400" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;h4&gt;Independence of alignment of contents and of the block that contains them&lt;/h4&gt;Before we get to the solution, I just want to underline how the &lt;code&gt;text-align&lt;/code&gt; properties and centering of the block level elements using automatic right and left margins are &lt;i&gt;independent of each other&lt;/i&gt;. &lt;br /&gt;
&lt;br /&gt;
That is, the alignment of the inline-level elements within a block-level element need not match the alignment of the block-level element. That is, we can center the &lt;code&gt;p&lt;/code&gt; element within the window and then left-align the contents of the &lt;code&gt;p&lt;/code&gt; element:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;.mismatch {&lt;b&gt;text-align: left;&lt;/b&gt; width: 40%; background: red;margin-right: auto; margin-left:auto }&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
And that should look like this:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7008493217/" title="Aligned left within centered block by Liz Castro, on Flickr"&gt;&lt;img alt="Aligned left within centered block" src="http://farm8.staticflickr.com/7082/7008493217_2f21a76e54.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Notice how the image and the text are aligned to the left within a box that is centered on the page.&lt;br /&gt;
&lt;br /&gt;
Again, ADE, NOOK, and presumably Sony Reader, don't properly interpret the right and left margins set to auto:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7008544489/" title="NOOK centering mismatch by Liz Castro, on Flickr"&gt;&lt;img alt="NOOK centering mismatch" src="http://farm8.staticflickr.com/7198/7008544489_beaa10322a.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h4&gt;The Solution&lt;/h4&gt;The solution hinges on the fact that &lt;code&gt;text-align&lt;/code&gt; only affects inline elements. (This is why simply enclosing an inner &lt;code&gt;div&lt;/code&gt; in an outer &lt;code&gt;div&lt;/code&gt; whose &lt;code&gt;text-align&lt;/code&gt; property is set to &lt;code&gt;center&lt;/code&gt; will &lt;b&gt;not&lt;/b&gt; work.) We'll enclose the &lt;code&gt;p&lt;/code&gt; elements in a wrapper &lt;code&gt;div&lt;/code&gt;, whose &lt;code&gt;text-align&lt;/code&gt; property we'll set to &lt;code&gt;center&lt;/code&gt;, and then we'll set the &lt;code&gt;display&lt;/code&gt; property for the &lt;code&gt;p&lt;/code&gt; elements themselves to &lt;code&gt;inline-block&lt;/code&gt;. The &lt;code&gt;inline-block&lt;/code&gt; value is sort of a hybrid between inline and block, that for our purposes keeps the &lt;code&gt;p&lt;/code&gt; elements starting their own paragraphs (like regular block-level elements) but allows them to be affected by &lt;code&gt;text-align&lt;/code&gt; (like inline-level elements).&lt;br /&gt;
&lt;br /&gt;
Here's the CSS with the new bits in bold:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&lt;b&gt;.wrap {text-align:center}&lt;/b&gt;&lt;br /&gt;
.center {text-align:center; width: 60%; background: yellow; &lt;b&gt;display:inline-block&lt;/b&gt;}&lt;br /&gt;
.mismatch {text-align: left; width: 40%; background: red;&lt;b&gt;display:inline-block&lt;/b&gt; }&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
And here's our new HTML:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&lt;b&gt;&amp;lt;div class="wrap"&amp;gt;&lt;/b&gt;&lt;br /&gt;
&amp;lt;p class="center"&amp;gt;Here is some text that should be centered&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;p class="mismatch"&amp;gt;&amp;lt;img src="momo.jpg" alt="momo" width="200" height="150" /&amp;gt;&amp;lt;br /&amp;gt;This image and text will be aligned to the left within the centered block that contains them.&amp;lt;/p&amp;gt;&lt;br /&gt;
&lt;b&gt;&amp;lt;/div&amp;gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
Let's look first at iBooks on iPhone: (I've put it in landscape orientation just so it's easier to see, it looks the same in portrait.)&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6862451442/" title="iPhone Centering by Liz Castro, on Flickr"&gt;&lt;img alt="iPhone Centering" src="http://farm8.staticflickr.com/7065/6862451442_3f313f7cf9.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Everything is as it should be. Our boxes are centered, but the contents within them are centered and left-aligned respectively.&lt;br /&gt;
&lt;br /&gt;
How about NOOK Color?&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7008545679/" title="NOOK Color-centering inline-block by Liz Castro, on Flickr"&gt;&lt;img alt="NOOK Color-centering inline-block" src="http://farm8.staticflickr.com/7068/7008545679_a1ace75714.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
NOOK Color also likes this solution, even when Publisher Defaults are turned off (although then you have other margin issues).&lt;br /&gt;
&lt;br /&gt;
And Kindle Previewer converts the file just fine for KF8 and the Kindle Fire ("old" Kindle can't center divs but maintains the text-alignment for the inline level elements):&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7008941533/" title="Kindle Fire Previewer - CenteringAcrossEreaders6 by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7252/7008941533_20fe51613c.jpg" width="400" alt="Kindle Fire Previewer - CenteringAcrossEreaders6"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
But what happens when you view the ebook in iBooks on iPad?&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/7008574029/" title="iBooks iPad Centering by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7273/7008574029_5c23f3b7cf.jpg" width="400" alt="iBooks iPad Centering"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
The boxes are centered as desired. But the text and image that should be left aligned in the lower box are now justified! Look at those ugly spaces between the words. What happened?&lt;br /&gt;
&lt;br /&gt;
Now we've bumped up against &lt;a href="http://www.pigsgourdsandwikis.com/2010/06/apple-makes-full-justification-worse-in.html"&gt;iPad's default overrides&lt;/a&gt;. Remember that by default, Full Justification is set to ON, hidden away in the iBooks area of the Settings panel. I don't think most people who use iBooks will ever know this setting exists &lt;strong&gt;so ebook designers have to plan for it&lt;/strong&gt;. You used to be able to add a &lt;code&gt;span&lt;/code&gt; tag around the text that you wish to have aligned to the left, but &lt;strong&gt;that hack no longer works&lt;/strong&gt;.&lt;br /&gt;
&lt;br /&gt;
Thankfully, there is still a workaround. If you add the &lt;a href="http://www.pigsgourdsandwikis.com/2011/10/impressions-of-greece-and-when-to-use.html"&gt;com.apple.ibooks.display-options.xml&lt;/a&gt; file to the META-INF folder, with the &lt;code&gt;&amp;lt;option name="specified-fonts"&amp;gt;true&amp;lt;/option&amp;gt;&lt;/code&gt;, the justification that you choose in your CSS will be maintained, regardless of the Full Justification setting chosen. The user can still override your choices by choosing a different font in the Fonts menu, but at least the book will start out the way you want it:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6862508640/" title="iBooks iPad by Liz Castro, on Flickr"&gt;&lt;img alt="iBooks iPad" src="http://farm8.staticflickr.com/7230/6862508640_7e68231542.jpg" width="300" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;h4&gt;To resume:&lt;/h4&gt;The &lt;code&gt;text-align&lt;/code&gt; property only applies to inline elements within the block-level element to which the property is applied. It is inherited by block level elements that may be enclosed in the outer block-level element and in turn applied to the inline elements that the inner block level elements contain. If you need more info on block level vs inline, see the &lt;a href="www.w3.org/TR/CSS2/visuren.html"&gt;CSS spec&lt;/a&gt; or my &lt;a href="http://www.amazon.com/gp/product/0321719611/ref=as_li_ss_tl?ie=UTF8&amp;tag=elizabethcastro&amp;linkCode=as2&amp;camp=1789&amp;creative=390957&amp;creativeASIN=0321719611"&gt;my HTML/CSS book&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
The canonical way to center a block-level element is by setting both &lt;code&gt;margin-right&lt;/code&gt; and &lt;code&gt;margin-left&lt;/code&gt; to &lt;code&gt;auto&lt;/code&gt;. The fact that this is not supported by ADE or NOOK (and presumably not by Sony Reader or other ereaders based on ADE) is a serious bug.&lt;br /&gt;
&lt;br /&gt;
You can center block-level elements by wrapping them in another block level element (a &lt;code&gt;div&lt;/code&gt;), setting the &lt;code&gt;text-align&lt;/code&gt; to the outer &lt;code&gt;div&lt;/code&gt; to &lt;code&gt;center&lt;/code&gt;, and then setting the &lt;code&gt;display&lt;/code&gt; property of the inner &lt;code&gt;div&lt;/code&gt; (or &lt;code&gt;p&lt;/code&gt; or whatever) to &lt;code&gt;inline-block&lt;/code&gt;.&lt;br /&gt;
&lt;br /&gt;
iBooks on iPad has a default setting of Full Justification for text, which you can override by adding the com file to the META-INF folder. This has ramifications with respect to font choice, of course, as well.&lt;br /&gt;
&lt;br /&gt;
iBooks on iPhone has the Full Justification setting, but by default it is set to OFF (presumably because of the narrow screen).&lt;br /&gt;
&lt;br /&gt;
This should be much simpler. &lt;br /&gt;
&lt;br /&gt;
And yes, it's true that I have no AT&amp;T coverage in my office!&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-3653836332999157560?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/ryciKfS4PiE" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/3653836332999157560/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/03/centering-in-ebooks-across-ereaders.html#comment-form" title="14 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/3653836332999157560?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/3653836332999157560?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/ryciKfS4PiE/centering-in-ebooks-across-ereaders.html" title="Centering in ebooks across ereaders" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>14</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/03/centering-in-ebooks-across-ereaders.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CEMER344eCp7ImA9WhVSEUk.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-11798466371001544</id><published>2012-03-07T12:46:00.000-05:00</published><updated>2012-03-07T12:46:46.030-05:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-03-07T12:46:46.030-05:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="troubleshooting" /><category scheme="http://www.blogger.com/atom/ns#" term="spacing" /><category scheme="http://www.blogger.com/atom/ns#" term="InDesign" /><category scheme="http://www.blogger.com/atom/ns#" term="bug" /><category scheme="http://www.blogger.com/atom/ns#" term="Spanish" /><category scheme="http://www.blogger.com/atom/ns#" term="language" /><category scheme="http://www.blogger.com/atom/ns#" term="hyphenation" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Bad Headers in InDesign exported EPUB</title><content type="html">I've talked about this issue on Twitter, but I've gotten two emails about it this week, and because of installing a new language version of ID bumped up against it myself, so I'm going to write a quick post to make sure that everyone knows:&lt;br /&gt;
&lt;br /&gt;
The first version of InDesign CS 5.5 had a serious bug that exported bad headers to EPUB. Specifically, it inserted an extra space in the DOCTYPE element of each XHTML document:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6816002788/" title="Extra space in ID generated DOCTYPE by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7059/6816002788_5260bd8f92.jpg" width="400" alt="Extra space in ID generated DOCTYPE"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
This error in the DOCTYPE causes all sorts of problems, particularly with special characters, non-breaking spaces (&lt;code&gt;@nbsp;&lt;/code&gt;), discretional hyphens (&lt;code&gt;@shy;&lt;/code&gt;), etc.&lt;br /&gt;
&lt;br /&gt;
Luckily, Adobe fixed the error right away and has made a free update available for both &lt;a href="http://www.adobe.com/support/downloads/detail.jsp?ftpID=5275"&gt;Macintosh&lt;/a&gt; and &lt;a href="http://www.adobe.com/support/downloads/detail.jsp?ftpID=5276"&gt;Windows&lt;/a&gt;. If you're using InDesign CS 5.5, I strongly urge you to install the update.&lt;br /&gt;
&lt;br /&gt;
Here's what the proper DOCTYPE should look like:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6962125239/" title="proper DOCTYPE by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7064/6962125239_7b4f6e9858.jpg" width="400" alt="proper DOCTYPE"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Now, here's a weird bit of extra info that you'll probably never need. But I did, so you never know. I have both English and Spanish versions of InDesign CS 5.5. I originally installed and then updated the English version. When I installed the Spanish version, it overwrote the English. I updated it as well. Then, when I got sick of navigating in Spanish (and had finished &lt;a href="http://store.kagi.com/cgi-bin/store.cgi?storeID=6FHNX_LIVE&amp;page=SCSS55"&gt;De InDesign CS 5.5 a EPUB y Kindle&lt;/a&gt;), I renamed my Spanish ID folder, so as not to lose it, and installed the English version again. &lt;br /&gt;
&lt;br /&gt;
I forgot to update it until yesterday, but when I did, suddenly the English version started coming out in Spanish—Spanish menus, Spanish dialog boxes. It was bizarre. And annoying. I still have no idea how that happened. I was definitely using the English version, and the menus and dialog boxes were definitely in Spanish. Anyways, I really didn't feel like reinstalling the English version again (and wasn't convinced it would help), so I rummaged around the internet (and &lt;a href="https://twitter.com/#!/lizcastro/status/177145247795646467"&gt;complained on Twitter&lt;/a&gt;) until I found this &lt;a href="http://indesignsecrets.com/change-indesigns-ui-language-with-free-app.php"&gt;very helpful post&lt;/a&gt; from &lt;a href="http://www.twitter.com/dblatner"&gt;David Blatner&lt;/a&gt; on InDesign Secrets, that explains how to change the interface of your version of ID—even if you don't own the other one. It did the trick and now my English ID is back to English. (I haven't dared open the Spanish ID :)&lt;br /&gt;
&lt;br /&gt;
Thanks to Ester, who reminded me I really needed to write about this.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-11798466371001544?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/gAMmJ5j0REg" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/11798466371001544/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/03/bad-headers-in-indesign-exported-epub.html#comment-form" title="3 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/11798466371001544?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/11798466371001544?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/gAMmJ5j0REg/bad-headers-in-indesign-exported-epub.html" title="Bad Headers in InDesign exported EPUB" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>3</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/03/bad-headers-in-indesign-exported-epub.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D0UERXc_fip7ImA9WhVTFUU.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-6804454476277557333</id><published>2012-03-01T02:00:00.000-05:00</published><updated>2012-03-01T02:00:04.946-05:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-03-01T02:00:04.946-05:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="thoughts" /><category scheme="http://www.blogger.com/atom/ns#" term="social media" /><category scheme="http://www.blogger.com/atom/ns#" term="twitter" /><title>Asymmetry on Twitter</title><content type="html">I received an unpleasant email the other day from someone who had bought one of my books, followed me on Twitter, and then realized I wasn't following them back. They then unfollowed me, and when I sent word about my &lt;a href="http://www.pigsgourdsandwikis.com/p/membership-to-pigs-gourds-and-wikis.html"&gt;new subscription&lt;/a&gt;, they wrote me back to tell me that following readers of my books was just common courtesy, which I clearly lacked.&lt;br /&gt;
&lt;br /&gt;
I've let it stew in my head for a few days, and though I'm sorry I made that person feel bad, the truth is I think asymmetry—the fact that you don't have to follow back those who follow you—is one of Twitter's most important features. Let me explain.&lt;br /&gt;
&lt;br /&gt;
Twitter is my social media tool of choice, both for learning and for sharing. I consider the 140 character limit an absolutely brilliant and sublime innovation and I love how it trains us all to be editors, peeling away the layers of excess. I try to follow the tenets described in &lt;a href="http://www.twitter.com/timoreilly"&gt;Tim O'Reilly&lt;/a&gt; and &lt;a href="http://www.twitter.com/sarahm"&gt;Sarah Milstein&lt;/a&gt;'s excellent and newly updated &lt;i&gt;&lt;a href="http://www.amazon.com/gp/product/1449314201/ref=as_li_ss_tl?ie=UTF8&amp;amp;tag=elizabethcastro-pgw-20&amp;amp;linkCode=as2&amp;amp;camp=1789&amp;amp;creative=390957&amp;amp;creativeASIN=1449314201"&gt;The Twitter Book&lt;/a&gt;,&lt;/i&gt; especially that of adding value to the conversation. Still, I consider myself a difficult person to follow on Twitter, since my tweets are divided between two very distinct topics: ebook production and Catalonia, which have a limited amount of overlap. My followers generally have to bear a fair number of tweets on the &lt;i&gt;other&lt;/i&gt; topic, often in another language. And sometimes I tweet a lot.&lt;br /&gt;
&lt;br /&gt;
In short, I'll understand if you don't follow me. I know how it is. Which leads me to the second half of my Twitter life: the 500 or so people that I currently follow. You are all amazing. I learn so much from you. And unfortunately, I can't read half of what you write. Of course, I can't read even the tiniest percentage of what's on the internet, so I figure I'm doing OK with half of your helpfully filtered stream. Thank you.&lt;br /&gt;
&lt;br /&gt;
But still, I worry about the other gazillion people, my disgruntled reader among them, that I don't follow. Not because I may be hurting their feelings, but rather because I'm missing out on what they might share. I'm sure I should be following some of them, but how to know? Once in a while, I look at people's profiles, and if something catches my eye, I might check out their latest Twitter stream, but as the list of people who I follow (and my to-do list!) grow, I get more and more reluctant to add any more information to my already overflowing banks. More often, I follow people that I have conversations with, who ask interesting questions, offer interesting links or insights, or well, who can help Catalonia become independent. &lt;br /&gt;
&lt;br /&gt;
So I like Twitter's asymmetry. I follow lots of people who don't follow me, and lots of people follow me that I don't follow. I am honored when someone decides I'm worth following, but rarely insulted when they don't. Being able to follow anyone without the obligation that they follow me back has allowed me to connect to a much wider group of people than any compulsory following ever would have. I can follow &lt;a href="http://www.twitter.com/ebertchicago"&gt;Roger Ebert&lt;/a&gt;, &lt;a href="http://www.twitter.com/epaluzie"&gt;Elisenda Paluzie&lt;/a&gt;, &lt;a href="http://www.twitter.com/neilhimself"&gt;Neil Gaiman&lt;/a&gt;, and &lt;a href="http://www.twitter.com/miquelcalcada"&gt;Miquel Calçada&lt;/a&gt; without worry of imposing or being a fangirl. I believe asymmetry encourages authenticity and also allows a more gradual connection which may well end up in mutual following. &lt;br /&gt;
&lt;br /&gt;
&lt;hr /&gt;
&lt;br /&gt;
For the record, I do have a Google+ account or page, but clearly haven't been there enough to even know what it's called. I'm on LinkedIn only because I wanted to be able to access the ebook discussion groups, but honestly, I need Twitter's 140 character limit in all parts of my life, so I barely ever go there. Plus, LinkedIn always seems to know more about me than I told them and generally gives me the creeps. If I don't follow you there, or talk to you there, just talk to me &lt;a href="http://www.twitter.com/lizcastro"&gt;on Twitter&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
And though I am on Facebook, I mostly use it for personal stuff, though, truth be told, my Facebook friends get a fair bit of information about Catalonia too.&amp;nbsp; &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-6804454476277557333?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/II7ViPkCRYE" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/6804454476277557333/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/02/asymmetry-on-twitter.html#comment-form" title="7 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/6804454476277557333?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/6804454476277557333?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/II7ViPkCRYE/asymmetry-on-twitter.html" title="Asymmetry on Twitter" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>7</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/02/asymmetry-on-twitter.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DEMEQng-cSp7ImA9WhVTE0o.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-4955864623593796062</id><published>2012-02-27T16:00:00.000-05:00</published><updated>2012-02-27T16:00:03.659-05:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-27T16:00:03.659-05:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="iBookstore" /><category scheme="http://www.blogger.com/atom/ns#" term="iBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="discoverability" /><category scheme="http://www.blogger.com/atom/ns#" term="InDesign" /><category scheme="http://www.blogger.com/atom/ns#" term="metadata" /><category scheme="http://www.blogger.com/atom/ns#" term="Amazon" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle" /><category scheme="http://www.blogger.com/atom/ns#" term="Apple" /><category scheme="http://www.blogger.com/atom/ns#" term="publishing" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Metadata in iBooks, iBookstore, iTunes Producer, InDesign, and Amazon</title><content type="html">I got an email today asking how to set the subject keywords for an ebook in InDesign. That part is relatively easy. You choose File &amp;gt; File Info, and add the desired keywords to the Keywords field, separating each keyword from the next with a comma or semicolon:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6935958895/" title="Metadata Keywords InDesign by Liz Castro, on Flickr"&gt;&lt;img alt="Metadata Keywords InDesign" src="http://farm8.staticflickr.com/7201/6935958895_86ed236b3a.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
But what happens when InDesign exports to EPUB? I'm happy to report that it does exactly what it should and converts those keywords into &lt;code&gt;dc:subject&lt;/code&gt; elements in the OPF file:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6935963103/" title="Metadata in content.opf by Liz Castro, on Flickr"&gt;&lt;img alt="Metadata in content.opf" src="http://farm8.staticflickr.com/7206/6935963103_b058e0b1bf.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Now, I'm no expert on metadata, so I have not made it a point to use standard BISAC book categories for describing the subject of my books in those fields. We'll come back to this.&lt;br /&gt;
&lt;br /&gt;
When you upload your book to Apple's iBookstore, you have the option of entering BISAC data in iTunes Producer:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6789865742/" title="Metadata in iTunes Producer by Liz Castro, on Flickr"&gt;&lt;img alt="Metadata in iTunes Producer" src="http://farm8.staticflickr.com/7067/6789865742_ce047e179b.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And that data entered in iTunes Producer &lt;b&gt;overrides&lt;/b&gt; whatever you entered in the content.opf file (or InDesign for that matter). When someone downloads your book, they will only see the Main BISAC category (although the original keywords remain in the content.opf file inside the book):&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6789875400/" title="Metadata in iBooks by Liz Castro, on Flickr"&gt;&lt;img alt="Metadata in iBooks" src="http://farm8.staticflickr.com/7193/6789875400_6b374f0c0c.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And as far as I can tell with this single example (though I've heard other anecdotal evidence also in support), the iBookstore does not use the keyword metadata to help aid searches for your book. Notice for example a search for GREP, which I specified as one of the keywords for this book:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6936000645/" title="Metadata in iBookstore by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7177/6936000645_71508ec5da.jpg" width="400" alt="Metadata in iBookstore"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
iBookstore &lt;b&gt;fails to return my book&lt;/b&gt; when searching for "GREP", even though the book contains "GREP" as a subject keyword.&lt;br /&gt;
&lt;br /&gt;
For the record, my book does appear when searching for "InDesign" and "EPUB", presumably since those words are also in the title.&lt;br /&gt;
&lt;br /&gt;
Then I switched over to Amazon to check what happens there. I also had to enter the BISAC categories when uploading my book to Amazon. In addition, they let me enter up to 7 keywords.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6936047313/" title="KDP Metadata by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7198/6936047313_9174ce65c5.jpg" width="400" alt="KDP Metadata"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Amazon doesn't list a category next to a book on the Kindle. When I search for InDesign and EPUB, my book appears (as it should, since those words are in the name). More importantly, when I search for "GREP" on Amazon, my book also appears:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6936011581/" title="Amazon.com: grep by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7207/6936011581_4e0297ebba.jpg" width="400" alt="Amazon.com: grep"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Now, I am not at all sure whether Amazon is paying attention to my specified &lt;code&gt;dc:subject&lt;/code&gt; elements or more probably to the keywords that I specified above. But either way, it gets points for finding the book.&lt;br /&gt;
&lt;br /&gt;
Seems like you can't hurt anything by adding the metadata in InDesign and/or directly in the EPUB file, but it is far from conclusive whether or not it helps. I wonder if other ebook distributors pay attention to the &lt;code&gt;dc:subject&lt;/code&gt; elements. Does anybody know?&lt;br /&gt;
&lt;br /&gt;
Finally, Apple iBookstore clearly has a long way to go towards being a useful tool for discovering books you're interested in. That it completely ignores metadata categories and gives you no other method for specifying them is pretty lame, to say the least.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-4955864623593796062?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/MehAfkhO5_o" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/4955864623593796062/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/02/metadata-in-ibooks-ibookstore-itunes.html#comment-form" title="5 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4955864623593796062?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4955864623593796062?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/MehAfkhO5_o/metadata-in-ibooks-ibookstore-itunes.html" title="Metadata in iBooks, iBookstore, iTunes Producer, InDesign, and Amazon" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>5</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/02/metadata-in-ibooks-ibookstore-itunes.html</feedburner:origLink></entry><entry gd:etag="W/&quot;CkcEQ38-cSp7ImA9WhVTEUw.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-6474146146251157912</id><published>2012-02-24T14:00:00.000-05:00</published><updated>2012-02-24T14:00:02.159-05:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-24T14:00:02.159-05:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="troubleshooting" /><category scheme="http://www.blogger.com/atom/ns#" term="spacing" /><category scheme="http://www.blogger.com/atom/ns#" term="returns" /><category scheme="http://www.blogger.com/atom/ns#" term="InDesign" /><category scheme="http://www.blogger.com/atom/ns#" term="Word" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Returns in EPUB</title><content type="html">We have these crazy complicated tools that can do amazing things for us but they have gotten so complicated that it's sometimes hard to take advantage of even their most basic power. Case in point: returns.&lt;br /&gt;
&lt;br /&gt;
So, here's the rule: &lt;b&gt;At the end of a paragraph, use a single return.&lt;/b&gt; Then adjust the style for the paragraph so that it has the correct amount of spacing after it. &lt;br /&gt;
&lt;br /&gt;
The most important advantage is that you gain flexibility. If you decide you want more or less space after each paragraph, all you have to do is adjust the style, not delete or add additional returns. And while a return will always give you a set amount of space, you may want to add half, twice, or three times that much space.&lt;br /&gt;
&lt;br /&gt;
This is particularly important when exporting to EPUB. If you add extra space by adding returns in InDesign or Word, those returns &lt;b&gt;will disappear&lt;/b&gt; in your ebook. This is because HTML (which EPUB is based on) treats white space in its &lt;a href="http://www.w3.org/TR/html4/struct/text.html"&gt;own special way&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
Let's look at an example. You're laying out &lt;i&gt;The Legend of Sleepy Hollow&lt;/i&gt;, and you've decided to start your paragraphs flush left, without indents. Therefore, you want space between each paragraph so that readers can see where one paragraph starts and the next one begins.&lt;br /&gt;
&lt;br /&gt;
You add two returns after each paragraph to add this space in InDesign (or Word).&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6780035446/" title="extra returns by Liz Castro, on Flickr"&gt;&lt;img alt="extra returns" src="http://farm8.staticflickr.com/7061/6780035446_e21389f838.jpg" width="400" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
You export your book as usual, and notice that the code reflects the extra return:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6925904049/" title="extrareturn by Liz Castro, on Flickr"&gt;&lt;img alt="extrareturn" src="http://farm8.staticflickr.com/7200/6925904049_9cc548cddc.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
But when you open your book in your ereader, the space disappears:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6926167407/" title="Returns not reflected in EPUB by Liz Castro, on Flickr"&gt;&lt;img alt="Returns not reflected in EPUB" src="http://farm8.staticflickr.com/7052/6926167407_cf24620cce.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
What happened? White space in HTML is collapsed. Three spaces are converted to one. Two paragraph returns are converted to one. And an empty paragraph, like the one shown in the code, is simply ignored. You could hack the code to make the ereader pay attention, but a much more sane solution is to adjust the spacing around the paragraph. &lt;br /&gt;
&lt;br /&gt;
There are two strategies. The first, which I highly recommend, is to return to InDesign, remove all the extra returns, and then specify a value for Space After in the Paragraph Styles Option box:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6779624008/" title="SpaceAfter by Liz Castro, on Flickr"&gt;&lt;img alt="SpaceAfter" src="http://farm8.staticflickr.com/7200/6779624008_37a10e883d.jpg" width="400" /&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
The amount you put in the Space After determines the amount of space that will be added to every paragraph marked with this style. Don't like it? Change it once in this box, and all your paragraphs will be updated at once. &lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6926184299/" title="SpaceAfter applied by Liz Castro, on Flickr"&gt;&lt;img alt="SpaceAfter applied" src="http://farm8.staticflickr.com/7182/6926184299_4becc80bec.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
When you re-export to EPUB, the Space After is properly applied to the CSS of the affected paragraph(s):&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6780075878/" title="template.css by Liz Castro, on Flickr"&gt;&lt;img alt="template.css" src="http://farm8.staticflickr.com/7180/6780075878_a36c8a4016.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And we no longer have the extra paragraph in the HTML code:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6926195487/" title="spacing.html by Liz Castro, on Flickr"&gt;&lt;img alt="spacing.html" src="http://farm8.staticflickr.com/7202/6926195487_a168056258.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
But best of all, now we have space where we wanted it in the ebook on the ereader:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6926229351/" title="Space after in ereader by Liz Castro, on Flickr"&gt;&lt;img alt="Space after in ereader" src="http://farm8.staticflickr.com/7050/6926229351_2fa3eb1a51.jpg" width="400" /&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
And the second solution? I didn't forget. If you've already got your InDesign or Word document set up, you could theoretically ignore the extra &lt;code&gt;p&lt;/code&gt; elements that will be generated and just adjust your CSS by hand, by adding a &lt;code&gt;margin-bottom&lt;/code&gt; value to the paragraphs in question. It's not the best solution, but sometimes, you've only got so many hours in the day and the OCD well in check :)&lt;br /&gt;
&lt;br /&gt;
Finally, I don't know why they spelled tranquility with so many l's!&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-6474146146251157912?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/a9QdBC79lHA" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/6474146146251157912/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/01/returns-in-epub.html#comment-form" title="3 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/6474146146251157912?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/6474146146251157912?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/a9QdBC79lHA/returns-in-epub.html" title="Returns in EPUB" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>3</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/01/returns-in-epub.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D0QGQ3Y9fSp7ImA9WhVTE0s.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-1355923684391320002</id><published>2012-02-23T09:19:00.000-05:00</published><updated>2012-02-27T12:55:22.865-05:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-27T12:55:22.865-05:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="membership" /><category scheme="http://www.blogger.com/atom/ns#" term="publishing" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Membership to Pigs, Gourds, and Wikis</title><content type="html">&lt;b&gt;&lt;i&gt;Update:&lt;/i&gt;&lt;/b&gt; I just wanted to emphasize that becoming a member is completely voluntary, and I plan to keep posting information to this blog, and keeping it open to everyone, members and browsers alike. The member benefits described below are above and beyond the actual content offered here. (And the response has been totally gratifying and heartwarming. Thank you!)&lt;br /&gt;
&lt;br /&gt;
&lt;i&gt;&lt;b&gt;Update #2&lt;/b&gt;&lt;/i&gt;: I priced the Level 4 subscription too low. It should be $1500, and not $1000. I was going for round numbers and should've thought it through more completely. And note that it will be much easier to schedule consulting sessions if you don't leave them all until the last month! &lt;br /&gt;
&lt;hr /&gt;&lt;br /&gt;
I spend a lot of time running very specific edge-case examples in EPUB and Kindle/mobi. Sometimes I think they're too close to the edge (even though they're really not) and I don't know if people find them that useful. But then I get a comment on a post that says, &lt;b&gt;“Thank you so much for this, I was tearing my hair out until I found it.”&lt;/b&gt; Those comments make my day. &lt;br /&gt;
&lt;br /&gt;
Another kind of note I get is, “You should charge more for your books.” (I like that kind too :)&lt;br /&gt;
&lt;br /&gt;
I want to keep my books competitively priced and I have every intention of &lt;b&gt;continuing to publish this blog and make its contents freely available&lt;/b&gt;. But that doesn't mean you can't help :) &lt;br /&gt;
&lt;br /&gt;
So, I've decided to create a membership program for &lt;i&gt;Pigs, Gourds, and Wikis&lt;/i&gt;. If you would like to support this blog and the testing I do around EPUB production (and occasional gourd crafting and animal raising), I invite you to &lt;b&gt;become a member&lt;/b&gt;. &lt;br /&gt;
&lt;br /&gt;
I have created a number of membership levels with different benefits:&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;Basic Membership - $20/year&lt;/h3&gt;When you become a member, you will get a 10% discount on all of my books sold through my website, and will have the option of automatically receiving blog posts via email when they are published. I will also acknowledge your support on my Membership page with your name and a link to your website, if you want. You will also know that you're helping support my EPUB testing and documentation efforts so that I can continue to write books on the subject.&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;Level 2 Membership - $75/year&lt;/h3&gt;You will receive all the benefits from Basic Membership plus a 1/2 hour consultation via Skype, iChat, or email (in English, Spanish, or Catalan). This might be an overview of how to get started in EPUB, a troubleshooting session for a book that's just not coming out right, or some help with an advanced feature in ebook production. &lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;Level 3 Membership - $150/year&lt;/h3&gt;You will receive all the benefits from Basic Membership, plus a full hour consultation via Skype, iChat, or email (in English, Spanish, or Catalan). Again, this might be an overview of how to get started in EPUB, a troubleshooting session for a book that's just not coming out right, or some help with an advanced feature in ebook production.&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;Level 4 Membership - $1500/year&lt;/h3&gt;You will receive all the benefits from Basic Membership plus a full hour consultation each month over the course of the year. Any time not used in a given month can roll over to the following month, but not to other years.&lt;br /&gt;
&lt;br /&gt;
&lt;div align="center" style="border: 1px solid brown;"&gt;&lt;form action="https://www.paypal.com/cgi-bin/webscr" method="post"&gt;&lt;input type="hidden" name="cmd" value="_s-xclick"&gt;&lt;br /&gt;
&lt;input type="hidden" name="hosted_button_id" value="A4RTQ32BRXWJ4"&gt;&lt;br /&gt;
&lt;table&gt;&lt;tr&gt;&lt;td&gt;&lt;input type="hidden" name="on0" value="Subscription Level"&gt;Subscription Level&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;select name="os0"&gt;&lt;br /&gt;
&lt;option value="Basic"&gt;Basic $20.00 USD&lt;/option&gt;&lt;br /&gt;
&lt;option value="Level 2"&gt;Level 2 $75.00 USD&lt;/option&gt;&lt;br /&gt;
&lt;option value="Level 3"&gt;Level 3 $150.00 USD&lt;/option&gt;&lt;br /&gt;
&lt;option value="Level 4"&gt;Level 4 $1,500.00 USD&lt;/option&gt;&lt;br /&gt;
&lt;/select&gt; &lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;input type="hidden" name="on1" value="Email options"&gt;Email options&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;select name="os1"&gt;&lt;br /&gt;
&lt;option value="Send posts via email"&gt;Send posts via email &lt;/option&gt;&lt;br /&gt;
&lt;option value="Don't send posts via email"&gt;Don't send posts via email &lt;/option&gt;&lt;br /&gt;
&lt;/select&gt; &lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;input type="hidden" name="on2" value="Acknowledgement"&gt;Acknowledgement&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;select name="os2"&gt;&lt;br /&gt;
&lt;option value="Include name on membership page"&gt;Include name on membership page &lt;/option&gt;&lt;br /&gt;
&lt;option value="Don't include name on membership page"&gt;Don't include name on membership page &lt;/option&gt;&lt;br /&gt;
&lt;/select&gt; &lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;input type="hidden" name="on3" value="Name for Acknowledgement"&gt;Name for Acknowledgement&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&lt;input type="text" name="os3" maxlength="200"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;&lt;input type="hidden" name="currency_code" value="USD"&gt;&lt;br /&gt;
&lt;input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_paynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!"&gt;&lt;br /&gt;
&lt;img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1"&gt;&lt;br /&gt;
&lt;/form&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;/div&gt;Note that you do not need a Paypal account to use this subscription form, you can pay with practically any major credit card. Also, you can send me the URL to which I should link your Acknowledgement. I will send you a confirmation that asks for any changes as well.&lt;br /&gt;
&lt;br /&gt;
&lt;h3&gt;Thank you&lt;/h3&gt;Thank you so much for your support. Other ways you can help are by talking about my books with your colleagues and by writing reviews on &lt;a href="http://www.amazon.com/Elizabeth-Castro/e/B000AQ2138"&gt;Amazon&lt;/a&gt;, &lt;a href="http://www.barnesandnoble.com/s/elizabeth-castro?keyword=elizabeth+castro&amp;amp;store=allproducts"&gt;Barnes &amp;amp; Noble&lt;/a&gt;, &lt;a href="http://itunes.apple.com/us/artist/elizabeth-castro/id386033634"&gt;Apple&lt;/a&gt;, &lt;a href="http://www.goodreads.com/author/show/347.Elizabeth_Castro"&gt;Goodreads&lt;/a&gt; or any other site where my books are listed.&lt;br /&gt;
&lt;br /&gt;
I am also available for EPUB troubleshooting, consultation, and training above and beyond the membership benefits. Please &lt;a href="mailto:lcastro@cookwood.com"&gt;email me&lt;/a&gt; for details.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-1355923684391320002?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/brOUFPP5gxY" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/1355923684391320002/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/02/membership-to-pigs-gourds-and-wikis.html#comment-form" title="7 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/1355923684391320002?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/1355923684391320002?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/brOUFPP5gxY/membership-to-pigs-gourds-and-wikis.html" title="Membership to Pigs, Gourds, and Wikis" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>7</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/02/membership-to-pigs-gourds-and-wikis.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DkAFQHs_fCp7ImA9WhRaGEg.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-5377149064672136197</id><published>2012-02-21T14:58:00.000-05:00</published><updated>2012-02-21T15:05:11.544-05:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-21T15:05:11.544-05:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="IDPF" /><category scheme="http://www.blogger.com/atom/ns#" term="iBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="EPUB3" /><category scheme="http://www.blogger.com/atom/ns#" term="Apple" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>iBooks can open EPUB 3 files</title><content type="html">I almost used a much more provocative title: &lt;b&gt;iBooks supports EPUB 3&lt;/b&gt; but then we would have to have a complicated discussion about “What does ‘support’ mean?” and even, “What does ‘EPUB 3’ mean?”&lt;br /&gt;
&lt;br /&gt;
Keep in mind, for example, that an EPUB 3 file is not &lt;i&gt;required&lt;/i&gt; to include anything besides text and simple formatting, and might be nothing more than EPUB 2 content in an EPUB 3 shell. Such a file would be much less difficult to “support”.&lt;br /&gt;
&lt;br /&gt;
And also remember that supporting &lt;i&gt;some&lt;/i&gt; aspects of a file format does not necessarily imply support of the entire file format. The EPUB 3 format itself is pretty loose about requiring what conformant systems must support.&lt;br /&gt;
&lt;br /&gt;
But, now with all those caveats out of the way, I'm happy to say that it's true that you can open the &lt;a href="http://code.google.com/p/epub-samples/"&gt;EPUB 3 sample files available from the IDPF&lt;/a&gt; with iBooks.&lt;br /&gt;
&lt;br /&gt;
And those files aren't particularly complicated, or replete with EPUB 3 features, but I did notice some interesting things.&lt;br /&gt;
&lt;br /&gt;
First, there are three EPUB 3 files to look at so far, &lt;i&gt;Moby-Dick&lt;/i&gt;, &lt;i&gt;Wasteland&lt;/i&gt;, and &lt;i&gt;Creative Commons - A Shared Culture&lt;/i&gt;. Only &lt;i&gt;Wasteland&lt;/i&gt; has a toc.ncx file. The &lt;i&gt;Shared&lt;/i&gt; book has no table of contents at all. But &lt;i&gt;Moby-Dick&lt;/i&gt; (created by &lt;a href="http://www.twitter.com/dauwhe"&gt;Dave Cramer&lt;/a&gt; of Hachette) uses the new-fangled XHTML style TOC:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6917732891/" title="toc.xhtml"&gt;&lt;img src="http://farm8.staticflickr.com/7069/6917732891_95987454a4.jpg" width="400" alt="toc.xhtml"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
and iBooks displays it beautifully:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6917744925/" title="Moby-Dick table of contents"&gt;&lt;img src="http://farm8.staticflickr.com/7049/6917744925_99397dc883.jpg" width="300" alt="EPUB3 in iBooks"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
This is a big deal if you ask me, as I'm not relishing having to create two separate annoying TOC files, one for new systems and one for legacy ereaders.&lt;br /&gt;
&lt;br /&gt;
The &lt;i&gt;Shared&lt;/i&gt; book includes video and audio, and scripts to control them, but it seems like the only scripted enhancement that partially works is the play button (and it works much better in a non-scripted way).&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6917886777/" title="Shared EPUB3 on iBooks with video"&gt;&lt;img src="http://farm8.staticflickr.com/7059/6917886777_896f696007.jpg" width="300" alt="Shared EPUB3 on iBooks with video"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
The &lt;i&gt;Moby-Dick&lt;/i&gt; book includes media overlays, ostensibly for narrating the text, but they don't seem to work yet.&lt;br /&gt;
&lt;br /&gt;
We're not there yet, but the fact that iBooks supports EPUB 3 in some fashion is at least a beginning. Now we can begin testing what is possible, what is supported, and what we can create.&lt;br /&gt;
&lt;br /&gt;
Note that &lt;a href="http://github.readium.org/"&gt;Readium&lt;/a&gt;, the IDPF encouraged extension for Google Chrome, also supports EPUB 3. It's definitely worth downloading and playing with.&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-5377149064672136197?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/FEbAkKHbyZo" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/5377149064672136197/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/02/ibooks-can-open-epub-3-files.html#comment-form" title="6 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/5377149064672136197?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/5377149064672136197?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/FEbAkKHbyZo/ibooks-can-open-epub-3-files.html" title="iBooks can open EPUB 3 files" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>6</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/02/ibooks-can-open-epub-3-files.html</feedburner:origLink></entry><entry gd:etag="W/&quot;A0UNQ3w9eSp7ImA9WhRaGEk.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-4044580430231032474</id><published>2012-02-21T13:22:00.000-05:00</published><updated>2012-02-21T13:34:52.261-05:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-21T13:34:52.261-05:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Amazon" /><category scheme="http://www.blogger.com/atom/ns#" term="algebra" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle" /><category scheme="http://www.blogger.com/atom/ns#" term="publishing" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><title>Amazon Algebra</title><content type="html">&lt;style type="text/css"&gt;a.link {font-size: 10px;color:gray} h2.algebra {font-size: 2em;color:orange;text-align: center;margin-bottom:0;padding-bottom:0} sub {font-size:60%;}&lt;/style&gt;Amazon doesn't give sales figures for Kindle devices. I think they should. &lt;br /&gt;
&lt;br /&gt;
When asked directly by Steven Levy in Wired magazine “How many Kindles have you sold?”, Jeff Bezos gave a "long, loud example of his famous laugh" before replying &lt;a href="http://www.wired.com/magazine/2011/11/ff_bezos/all/1"&gt;“I know you don't expect me to [give an answer]".&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
I do expect an answer. There are too many of us dependent on those numbers. Piqued, I went through Amazon's press releases for the past few years, and gathered up these tidbits of information. I'm not sure they reveal much, except facetiousness and a love of algebra. Why don't they tell us more? You'd think they have something to hide!&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of iOS devices that can run iBooks"&gt;iOS&lt;/span&gt; &lt;b&gt;=&lt;/b&gt; 316 million&lt;/h2&gt;For the record, Asymco &lt;a href="http://www.asymco.com/2012/02/16/ios-devices-in-2011-vs-macs-sold-it-in-28-years/"&gt;recently reported&lt;/a&gt; that Apple said it had sold 55 million iPads to date, along with 261 million iPhones and iPod touches (all of which can run iBooks). &lt;br /&gt;
&lt;br /&gt;
Note that &lt;b&gt;S&lt;/b&gt; generally refers to sales of Kindle devices, &lt;b&gt;B&lt;/b&gt; is number of Kindle books available. I've added subscripts when referring to smaller subsets of these groupings. &lt;b&gt;O&lt;/b&gt; generally refers to &lt;i&gt;other&lt;/i&gt;. &lt;b&gt;Hover&lt;/b&gt; above any symbols you don't understand and tooltips with explanations should appear. Links go to original press release on Amazon with cited "data".&lt;br /&gt;
&lt;br /&gt;
Can you discern anything useful in this data?&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindles"&gt;S&lt;sub&gt;k&lt;/sub&gt;&lt;/span&gt; &gt; &lt;span title="Sales of other things"&gt;S&lt;sub&gt;o&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;12/29/11: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1642935&amp;highlight="&gt;Holiday Bestsellers, Amazon.com only Electronics: Kindle Fire; Kindle Touch; and Kindle &lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindles"&gt;S&lt;/span&gt; &gt; 1,000,000 * 4&lt;/h2&gt;12/29/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1642935&amp;amp;highlight="&gt;Throughout December, customers purchased well over 1 million Kindle devices per week&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindles"&gt;S&lt;/span&gt; &gt; 2,000,000 + 2,000,000&lt;/h2&gt;12/29/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1642935&amp;highlight="&gt;customers purchased millions of Kindle Fires and millions of Kindle e-readers&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindle Fire"&gt;S&lt;sub&gt;kf&lt;/sub&gt;&lt;/span&gt; &gt; &lt;span title="Sales of other things"&gt;S&lt;sub&gt;o&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;11/28/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1633690&amp;highlight="&gt;the popular Kindle Fire remained the bestselling product across all of Amazon since its introduction 8 weeks ago...&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="sales of all Kindle devices on Black Friday in 2011"&gt;S&lt;sub&gt;2011&lt;/sub&gt;&lt;/span&gt; = 4 * &lt;span title="sales of all Kindle devices on Black Friday in 2010"&gt;S&lt;sub&gt;2010&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;11/28/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1633690&amp;highlight="&gt;customers purchased 4X as many Kindle devices as they did last Black Friday&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of electronic ink Kindles"&gt;S&lt;sub&gt;ke&lt;/sub&gt;&lt;/span&gt; = 2*&lt;span title="Sales after previous launch"&gt;S&lt;sub&gt;pl&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;10/25/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1621411&amp;highlight="&gt;In the three weeks since launch, orders for electronic ink Kindles are double the previous launch. And based on what we're seeing with Kindle Fire pre-orders, we're increasing capacity and building millions more than we'd already planned.&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of 3G Kindles"&gt;S&lt;sub&gt;K3g&lt;/sub&gt;&lt;/span&gt; &gt; &lt;span title="Sales of other Kindles"&gt;S&lt;sub&gt;OK&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;&lt;h2 class="algebra"&gt;&lt;span title="Price of Kindle 3G"&gt;P&lt;sub&gt;3g&lt;/sub&gt;&lt;/span&gt; = $139&lt;/h2&gt;7/26/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1589161&amp;highlight="&gt;Kindle 3G with Special Offers has quickly become our bestselling Kindle at only $139...&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales growth of Kindle devices in second quarter 2011"&gt;S&lt;sub&gt;gk2q&lt;/sub&gt;&lt;/span&gt; &gt; &lt;span title="Sales growth of Kindle devices in first quarter 2011"&gt;S&lt;sub&gt;g1q&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;7/26/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1589161&amp;highlight="&gt;Sales growth of Kindle devices accelerated in second quarter 2011 compared to first quarter 2011&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle Books"&gt;B&lt;/span&gt; &gt; 950,000&lt;/h2&gt;&lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1589161&amp;highlight="&gt;The U.S. Kindle Store now has more than 950,000 books&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle Books"&gt;B&lt;/span&gt; &gt; 900,000&lt;/h2&gt;4/26/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1554865&amp;highlight="&gt;The U.S. Kindle Store now has more than 900,000 books&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindles"&gt;S&lt;/span&gt; &gt; 2,000,000&lt;/h2&gt;1/27/2011:&lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1521090&amp;highlight="&gt;after selling millions of third-generation Kindles with the new Pearl e-ink display during the quarter, Kindle books have now overtaken paperback books as the most popular format on Amazon.com...&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindle books"&gt;S&lt;sub&gt;b&lt;/sub&gt;&lt;/span&gt; = 1.15*&lt;span title="Sales of paperbacks through Amazon"&gt;S&lt;sub&gt;pb&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;1/27/2011:&lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1521090&amp;highlight="&gt;Since the beginning of the year, for every 100 paperback books Amazon has sold, the Company has sold 115 Kindle books&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindle books"&gt;S&lt;sub&gt;b&lt;/sub&gt;&lt;/span&gt; = 3*&lt;span title="Sales of hard cover books through Amazon"&gt;S&lt;sub&gt;ph&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;1/27/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1521090&amp;highlight="&gt;Additionally, during this same time period the Company has sold three times as many Kindle books as hardcover books&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of 3G Kindles"&gt;S&lt;sub&gt;k3&lt;/sub&gt;&lt;/span&gt; &gt; &lt;span title="Sales of Harry Potter and the Deathly Hallows"&gt;S&lt;sub&gt;HP&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;1/27/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1521090&amp;highlight="&gt;the third-generation Kindle eclipsed "Harry Potter and the Deathly Hallows" as the bestselling product in Amazon's history&lt;/a&gt;. &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Books in US Kindle Store"&gt;B&lt;/span&gt; &gt; 810,000&lt;/h2&gt;1/27/2011: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1521090&amp;highlight="&gt;The U.S. Kindle Store now has more than 810,000 books&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Orders of Kindle devices in last 12 weeks"&gt;S&lt;sub&gt;12&lt;/sub&gt;&lt;/span&gt; &gt; &lt;span title="Orders after other launches"&gt;S&lt;sub&gt;ol&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;10/21/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1485835&amp;amp;highlight="&gt;More new generation Kindle devices were ordered in the first twelve weeks of availability than in the same time frame following any other Kindle launch.&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="orders of Kindles"&gt;S&lt;/span&gt; &gt; &lt;span title="Orders of other things"&gt;S&lt;sub&gt;o&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;10/21/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1485835&amp;amp;highlight="&gt;In addition, in the twelve weeks following the introduction of the new generation of Kindles, customers ordered more Kindle devices on Amazon.com and Amazon.co.uk than any other product.&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Orders of Kindles in last four weeks"&gt;S&lt;sub&gt;k4&lt;/sub&gt;&lt;/span&gt; &gt; &lt;span title="Orders of Kindles after previous launches"&gt;S&lt;sub&gt;pl&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;8/25/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1463287&amp;amp;highlight="&gt;more new generation Kindles were ordered in the first four weeks of availability than in the same timeframe following any other Kindle launch&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindle books"&gt;S&lt;sub&gt;b&lt;/sub&gt;&lt;/span&gt; = 1.43*&lt;span title="Sales of hardcover books on Amazon"&gt;S&lt;sub&gt;h&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;7/22/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1451043&amp;amp;highlight="&gt;Over the past three months, for every 100 hardcover books Amazon.com has sold, the Company has sold 143 Kindle books&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindle books"&gt;S&lt;sub&gt;b&lt;/sub&gt;&lt;/span&gt; = 1.8*&lt;span title="Sales of hardcover books on Amazon"&gt;S&lt;sub&gt;h&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;7/22/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1451043&amp;amp;highlight="&gt;Over the past month, for every 100 hardcover books Amazon.com has sold, the Company has sold 180 Kindle books.&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindle books in 1st half of 2010"&gt;S&lt;sub&gt;b2010/2&lt;/sub&gt;&lt;/span&gt; = 3*&lt;span title="Sales of Kindle books in 1st half of 2009"&gt;S&lt;sub&gt;b2009/2&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;7/22/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1451043&amp;amp;highlight="&gt;Amazon sold more than 3x as many Kindle books in the first half of 2010 as in the first half of 2009. &lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Growth of sales of Kindle books"&gt;GS&lt;sub&gt;b&lt;/sub&gt;&lt;/span&gt; &gt; 207%&lt;/h2&gt;7/22/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1451043&amp;amp;highlight="&gt;The Association of American Publishers' latest data reports that e-book sales grew 163 percent in the month of May and 207 percent year-to-date through May. Kindle book sales in May and year-to-date through May exceeded those growth rates.&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of James Patterson ebooks"&gt;S&lt;sub&gt;jp&lt;/sub&gt;&lt;/span&gt; = 1,140,000&lt;/h2&gt;&lt;h2 class="algebra"&gt;&lt;span title="Sales of James Patterson Kindle ebooks"&gt;S&lt;sub&gt;jpk&lt;/sub&gt;&lt;/span&gt; = 867,881&lt;/h2&gt;7/22/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1451043&amp;amp;highlight="&gt;On July 6, Hachette announced that James Patterson had sold 1.14 million e-books to date. Of those, 867,881 were Kindle books.&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindle books"&gt;S&lt;sub&gt;b&lt;/sub&gt;&lt;/span&gt; &gt; 2,500,000&lt;/h2&gt;7/22/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1451043&amp;amp;highlight="&gt;Five authors--Charlaine Harris, Stieg Larsson, Stephenie Meyer, James Patterson, and Nora Roberts--have each sold more than 500,000 Kindle books.   &lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle books"&gt;B&lt;/span&gt; &gt; 500,000&lt;/h2&gt;4/22/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1416732&amp;amp;highlight="&gt;The U.S. Kindle Store now has more than 500,000 books&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindles"&gt;S&lt;/span&gt; &gt; 2,000,000&lt;/h2&gt;1/28/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1380453&amp;amp;highlight="&gt;Millions of people now own Kindles&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindle books"&gt;S&lt;sub&gt;b&lt;/sub&gt;&lt;/span&gt; =0.6 * &lt;span title="Sales of print books on Amazon"&gt;S&lt;sub&gt;p&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;1/28/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1380453&amp;amp;highlight="&gt;When we have both       editions, we sell 6 Kindle books for every 10 physical books.&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle books"&gt;B&lt;/span&gt; &gt; 410,000&lt;/h2&gt;1/28/2010: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1380453&amp;amp;highlight="&gt;The U.S. Kindle Store now has more than 410,000 books&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindles in November"&gt;S&lt;sub&gt;n&lt;/sub&gt;&lt;/span&gt; &gt; &lt;span title="Sales of Kindles in other months"&gt;S&lt;sub&gt;o&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;10/30/2009: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1359668&amp;amp;highlight="&gt;November is already      the best sales month ever for Kindle, even before Cyber Monday&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindles"&gt;S&lt;/span&gt; &gt; &lt;span title="Sales of other things on Amazon"&gt;S&lt;sub&gt;o&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;&lt;h2 class="algebra"&gt;&lt;span title="Unit Sales of Kindles"&gt;U&lt;/span&gt; &gt; &lt;span title="Unit sales of other things on Amazon"&gt;U&lt;sub&gt;o&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;10/22/2009: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1345413&amp;amp;highlight="&gt;Kindle has become the #1 bestselling item by both unit sales and dollars&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle books"&gt;B&lt;/span&gt; &gt; 360,000&lt;/h2&gt;10/22/2009: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1345413&amp;amp;highlight="&gt;The U.S. Kindle Store now has more than 360,000 books&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Price of Kindle"&gt;P&lt;/span&gt; = $299&lt;/h2&gt;7/23/2009: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1311062&amp;amp;highlight="&gt;Amazon.com reduced the price of Kindle, the #1 bestseller in its consumer electronics store, to $299&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle books"&gt;B&lt;/span&gt; &gt; 320,000&lt;/h2&gt;7/23/2009: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1311062&amp;amp;highlight="&gt;The Kindle Store offers more than 320,000 books&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle books"&gt;B&lt;/span&gt; &gt; 280,000&lt;/h2&gt;5/11/2009: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1286678&amp;amp;highlight="&gt;the Kindle Store’s 280,000 books&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle books"&gt;B&lt;/span&gt; &gt; 270,000&lt;/h2&gt;4/23/2009: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1280111&amp;amp;highlight="&gt;The Kindle Store offers more than        270,000 books&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle books"&gt;B&lt;/span&gt; &gt; 230,000&lt;/h2&gt;2/9/2009: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1254544&amp;amp;highlight="&gt;More than 230,000 books are now      available in the Kindle Store&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Price of Kindle"&gt;P&lt;/span&gt; = $359&lt;/h2&gt;2/9/2009: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1254544&amp;amp;highlight="&gt;&lt;span class="ccbnTtl"&gt;Introducing Amazon Kindle 2: $359&lt;/span&gt;&lt;/a&gt; &lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Demand for Kindles"&gt;D&lt;/span&gt; &gt; 0&lt;/h2&gt;12/31/2008: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1250071&amp;amp;highlight="&gt;We’re particularly grateful      for the unusually strong demand for Kindle in the fourth quarter.”     &lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindles"&gt;S&lt;/span&gt; &lt; &lt;span title="Sales of other things"&gt;S&lt;sub&gt;o&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;&lt;br /&gt;
12/26/2008:  &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1239175&amp;highlight="&gt;Top sellers in consumer electronics included Samsung's 52-inch 1080p 120Hz LCD HDTV with RED Touch of Color, the Apple iPod touch 8 GB (2nd Generation) and the Acer Aspire One 8.9-inch netbook (1.6 GHz Intel Atom N270 processor, 1 GB RAM, 160 GB hard drive, XP Home, 6 cell battery),  sapphire blue.&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle books"&gt;B&lt;/span&gt; &gt; 185,000&lt;/h2&gt;10/22/2008: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1215902&amp;amp;highlight="&gt;Kindle selection continues to grow, with available book titles more than doubling since launch to over 185,000&lt;br /&gt;
&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindle books"&gt;S&lt;sub&gt;b&lt;/sub&gt;&lt;/span&gt; &gt;0.1 * &lt;span title="Sales of all books on Amazon"&gt;S&lt;sub&gt;a&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;10/22/2008: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1215902&amp;amp;highlight="&gt;Kindle titles already account for more than 10% of unit sales for books that are available in both digital and print formats&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle books"&gt;B&lt;/span&gt; &gt; 115,000&lt;/h2&gt;4/23/2008: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1134078&amp;amp;highlight="&gt;Kindle selection continues to grow - with more than 115,000 titles now available, up from 90,000 at launch&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindles"&gt;S&lt;sub&gt;k&lt;/sub&gt;&lt;/span&gt; &gt; 1&lt;/h2&gt;&lt;h2 class="algebra"&gt;&lt;span title="Number of Kindle books"&gt;B&lt;/span&gt; &gt; 90,000&lt;/h2&gt;1/30/2008: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;amp;p=irol-newsArticle&amp;amp;ID=1102343&amp;amp;highlight="&gt;The Company introduced Amazon Kindle, a revolutionary wireless portable reader that provides instant wireless downloads of more than 90,000 books, blogs, magazines and newspapers&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Sales of Kindles"&gt;S&lt;sub&gt;k&lt;/sub&gt;&lt;/span&gt; &lt; &lt;span title="Sales of other things"&gt;S&lt;sub&gt;o&lt;/sub&gt;&lt;/span&gt;&lt;/h2&gt;12/26/2007: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1089862&amp;highlight="&gt;Top sellers in consumer electronics included the Garmin GPS, Canon PowerShot digital Elph cameras and Samsung LCD HDTVs&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;h2 class="algebra"&gt;&lt;span title="Price of Kindle"&gt;P&lt;/span&gt; = $399&lt;/h2&gt;11/19/2007: &lt;a href="http://phx.corporate-ir.net/phoenix.zhtml?c=176060&amp;p=irol-newsArticle&amp;ID=1079388&amp;highlight="&gt;Kindle is available starting today for $399...More than 90,000 books are now available in the Kindle Store&lt;/a&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-4044580430231032474?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/N6U1gLw0h6k" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/4044580430231032474/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/02/amazon-algebra.html#comment-form" title="1 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4044580430231032474?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4044580430231032474?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/N6U1gLw0h6k/amazon-algebra.html" title="Amazon Algebra" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>1</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/02/amazon-algebra.html</feedburner:origLink></entry><entry gd:etag="W/&quot;DUMGQHs_cSp7ImA9WhRaF0o.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-4646563529493150051</id><published>2012-02-20T17:34:00.001-05:00</published><updated>2012-02-20T17:37:01.549-05:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-20T17:37:01.549-05:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="presentations" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle" /><category scheme="http://www.blogger.com/atom/ns#" term="workflow" /><category scheme="http://www.blogger.com/atom/ns#" term="toccon" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>EPUB in the Wild at Tools of Change for Publishing</title><content type="html">I spent the early part of last week in New York City at the Tools of Change for Publishing Conference. It was really great. There were lots of interesting presentations, from the theoretical to the more hands-on, and I was thrilled to meet folks in person who I had heretofore only chatted with via Twitter and Skype. I find it very compelling how much you can begin to know someone on Twitter, and then how important it is to make more solid connections face to face.&lt;br /&gt;
&lt;br /&gt;
I gave a talk on Tuesday called “EPUB in the Wild”, which aimed to explain the difference between what is laid out in specifications and manufacturer guidelines and what really works in real life (the ‘wild’). I advocated for a workflow that concentrates on ebook features that work well cross-platform, with some minor adjustments automatically generated with media queries and that can thus take advantage of the creation (and subsequent updates) of a single EPUB file that is designed to also be easily ported to Kindle/mobi and KF8. And when that's not possible, because a platform simply does not support an essential feature (say, video), that's when you make informed choices about leaving that platform behind.&lt;br /&gt;
&lt;br /&gt;
I call this method "one file to rule them all".&lt;br /&gt;
&lt;br /&gt;
Here are my slides. I'm hoping that #TOCCON eventually posts the video from my talk as well. If they do, I'll let you know.&lt;br /&gt;
&lt;br /&gt;
&lt;div style="width:425px" id="__ss_11680098"&gt;&lt;strong style="display:block;margin:12px 0 4px"&gt;&lt;a href="http://www.slideshare.net/liz_castro/epub-in-the-wild" title="Epub in the wild" target="_blank"&gt;Epub in the wild&lt;/a&gt;&lt;/strong&gt; &lt;iframe src="http://www.slideshare.net/slideshow/embed_code/11680098" width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"&gt;&lt;/iframe&gt;&lt;/div&gt;&lt;br /&gt;
You can download the “one file” in &lt;a href="http://www.elizabethcastro.com/epub/samples/sleepymost.epub"&gt;EPUB format&lt;/a&gt;, or as converted to &lt;a href="http://www.elizabethcastro.com/epub/samples/sleepymost.mobi"&gt;Kindle/mobi and KF8&lt;/a&gt; with Kindle Previewer 3.&lt;br /&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-4646563529493150051?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/V1F2Rkaaalg" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/4646563529493150051/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/02/epub-in-wild-at-tools-of-change-for.html#comment-form" title="1 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4646563529493150051?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4646563529493150051?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/V1F2Rkaaalg/epub-in-wild-at-tools-of-change-for.html" title="EPUB in the Wild at Tools of Change for Publishing" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>1</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/02/epub-in-wild-at-tools-of-change-for.html</feedburner:origLink></entry><entry gd:etag="W/&quot;C0UGQ3w_cCp7ImA9WhRbGEw.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-4780622785918253674</id><published>2012-02-08T19:39:00.001-05:00</published><updated>2012-02-09T13:13:42.248-05:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-09T13:13:42.248-05:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="media queries" /><category scheme="http://www.blogger.com/atom/ns#" term="hacks" /><category scheme="http://www.blogger.com/atom/ns#" term="Mobi" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle Fire" /><category scheme="http://www.blogger.com/atom/ns#" term="Kindle" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><category scheme="http://www.blogger.com/atom/ns#" term="css" /><title>Cross-platform multiple indents in ebooks</title><content type="html">Sometimes I worry that I don't do enough &lt;i&gt;real world&lt;/i&gt; work to know what the actual problems that ebook production people face. So when someone poses an interesting question on #eprdctn, I like to take a look.&lt;br /&gt;
&lt;br /&gt;
Today, &lt;a href="http://www.twitter.com/ebookartisans"&gt;@ebookartisans&lt;/a&gt; was trying to get multiple indents to work on old Kindle, new Kindle, ADE, NOOK, and iBooks from a single EPUB file (obviously KindleGenned into a mobi for Kindles). She was using a combination of code from &lt;a href="http://ebookarchitects.com/blog/backwards-compatible-poetry-for-kf8mobi/"&gt;Joshua Tallent&lt;/a&gt; and &lt;a href="http://www.pigsgourdsandwikis.com/2012/01/media-queries-for-formatting-poetry-on.html"&gt;myself&lt;/a&gt;. It turns out my code only works on first level indents on Kindle. Unfortunately, &lt;a href="http://www.twitter.com/rcgordon"&gt;Rick Gordon&lt;/a&gt; (another #eprdctn regular) reports that the NOOK won't look at any code that comes after a media query, and so she was having trouble getting NOOK to do what she wanted.&lt;br /&gt;
&lt;br /&gt;
Does this give you flashbacks of &lt;a href="http://www.webdevout.net/css-hacks"&gt;hacks for hiding CSS from IE&lt;/a&gt;? Well, it's the same show, so many years later. So, if you remember, you're getting old like me.&lt;br /&gt;
&lt;br /&gt;
Thankfully, we have somewhat better tools this time around, in the form of media queries, which &lt;a href="http://www.pigsgourdsandwikis.com/2012/01/media-queries-for-formatting-poetry-on.html"&gt;I started explaining a few weeks ago&lt;/a&gt;.&lt;br /&gt;
&lt;br /&gt;
The problem with indents is that Kindle has some built-in funky behavior. So, if you were setting up the code just for old Kindle (e.g., not Fire) you might use the following:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;style type="text/css" media="amzn-mobi"&gt;&lt;br /&gt;
.level1 {text-align:left; text-indent: -30px; }&lt;br /&gt;
.level2 {text-align: left; text-indent: -60px; }&lt;br /&gt;
.level3 {text-align: left; text-indent: -90px; }&lt;br /&gt;
&amp;lt;/style&gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
You'd also have to add extra spaces in front of each level2 and level3 (and successive levels) to give a left margin to the first line. This is &lt;a href="http://ebookarchitects.com/blog/backwards-compatible-poetry-for-kf8mobi"&gt;Joshua Tallent's hack (actually he uses &amp;amp;#xa0;, but @ebookartisans says that doesn't work on NOOK)&lt;/a&gt;:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;p class="level3"&gt;&amp;lt;span class="spaces"&gt;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;lt;/span&gt;•&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;The mean aunt had her own traumatic childhood, deserving of treatment in a Roald Dahl novel.&amp;lt;/p&gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6843740431/" title="Kindle- multiple indents by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7168/6843740431_129c78726f.jpg" width="300" alt="Kindle- multiple indents"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Though I salute Joshua's ingenuity, I admit I hate the spaces, and would only use such a hack in extreme need. Instead, I'd advise against using multiple indents. But in case the need arises, we'll forge on!&lt;br /&gt;
&lt;br /&gt;
Since NOOK completely ignores the "not amzn-mobi" media query and any CSS that follows it, the trick is to put the NOOK (and other ereader code) in a stylesheet &lt;i&gt;without a media query&lt;/i&gt;, and &lt;i&gt;before&lt;/i&gt; the aforementioned old Kindle stylesheet. I'll also slip in some code that hides the extra spaces everywhere except in old Kindle.&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&lt;b&gt;&amp;lt;style type="text/css"&gt;&lt;br /&gt;
.level1 {margin:0 0 0 2em; text-indent: -2em;}&lt;br /&gt;
.level2 {margin:0 0 0 4em; text-indent: -2em;}&lt;br /&gt;
.level3 {margin:0 0 0 6em; text-indent: -2em;}&lt;br /&gt;
.spaces {display:none}&lt;br /&gt;
&lt;br /&gt;
&amp;lt;/style&gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;style type="text/css" media="amzn-mobi"&gt;&lt;br /&gt;
.level1 {text-align:left; text-indent: -30px; }&lt;br /&gt;
.level2 {text-align: left; text-indent: -60px; }&lt;br /&gt;
.level3 {text-align: left; text-indent: -90px; }&lt;br /&gt;
.spaces {display:inline}&lt;br /&gt;
&amp;lt;/style&gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
Here's where you have to keep track of CSS inheritance rules. Remember that later CSS overrides earlier CSS as long as it has equal importance. So, the text-indent in old Kindle will override the earlier CSS. That's what we want for text-indent but not for margin-left. So, just add in margin-left: 0; for each style in the Kindle stylesheet:&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&lt;b&gt;&amp;lt;style type="text/css"&gt;&lt;br /&gt;
.level1 {margin:0 0 0 2em; text-indent: -2em;}&lt;br /&gt;
.level2 {margin:0 0 0 4em; text-indent: -2em;}&lt;br /&gt;
.level3 {margin:0 0 0 6em; text-indent: -2em;}&lt;br /&gt;
.spaces {display:none}&amp;lt;/style&gt;&lt;/b&gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;code&gt;&amp;lt;style type="text/css" media="amzn-mobi"&gt;&lt;br /&gt;
.level1 {margin-left:0;text-align:left; text-indent: -30px; }&lt;br /&gt;
.level2 {margin-left:0;text-align: left; text-indent: -60px; }&lt;br /&gt;
.level3 {margin-left:0;text-align: left; text-indent: -90px; }&lt;br /&gt;
.spaces {display:inline}&lt;br /&gt;
&amp;lt;/style&gt;&lt;/code&gt;&lt;br /&gt;
&lt;br /&gt;
That code works in old Kindle, Kindle Fire, NOOK, ADE, and iBooks:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6843817803/" title="Kindle-Multiple indents by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7145/6843817803_6cdfea4519.jpg" width="190"  alt="Kindle-Multiple indents"&gt;&lt;/a&gt;&lt;a href="http://www.flickr.com/photos/cookwood/6843820709/" title="KindleFire-Multiple Indents by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7055/6843820709_2b3b587451.jpg" width="190"  alt="KindleFire-Multiple Indents"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6843838867/" title="NOOK-multiple indents by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7208/6843838867_95e647c1c8.jpg" width="190"  alt="NOOK-multiple indents"&gt;&lt;/a&gt;&lt;a href="http://www.flickr.com/photos/cookwood/6843844823/" title="iPad-Multiple indents by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7204/6843844823_0d3110dca9.jpg" width="190" alt="iPad-Multiple indents"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6843884635/" title="ADE-multiple indents by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7013/6843884635_0535a66c5c.jpg" width="400" alt="ADE-multiple indents"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
It doesn't take a sharp eye to see that the words in the first line don't quite line up with the second and subsequent ones, AND differ from ereader to ereader. There is no tab in EPUB (or HTML), and each ereader seems to measure spaces its own way. If you want the lines perfectly aligned, you'll have to use a regular old list. It looks beautiful as long as you don't need to control what the bullet character looks like, as old Kindle will &lt;i&gt;only&lt;/i&gt; give you a bullet:&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6843893229/" title="Kindle-lists by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7176/6843893229_259aa04ce9.jpg" width="337" height="500" alt="Kindle-lists"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
Did someone say &lt;a href="http://www.toccon.com/toc2012/public/schedule/detail/22073"&gt;"EPUB in the Wild"&lt;/a&gt;?&lt;br /&gt;
&lt;br /&gt;
Here are both the &lt;a href="http://www.elizabethcastro.com/epub/examples/multipleindents.epub"&gt;EPUB file&lt;/a&gt; as well as the &lt;a href="http://www.elizabethcastro.com/epub/examples/multipleindents.mobi"&gt;Mobi file&lt;/a&gt; that I generated from it with Kindle Previewer 3.&lt;br /&gt;
&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-4780622785918253674?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/WLR9srqYnI8" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/4780622785918253674/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/02/multiple-indents.html#comment-form" title="6 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4780622785918253674?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/4780622785918253674?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/WLR9srqYnI8/multiple-indents.html" title="Cross-platform multiple indents in ebooks" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>6</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/02/multiple-indents.html</feedburner:origLink></entry><entry gd:etag="W/&quot;D0AGRXk6fyp7ImA9WhRbFk4.&quot;"><id>tag:blogger.com,1999:blog-2967648901802250573.post-1912982889072447839</id><published>2012-02-07T12:28:00.000-05:00</published><updated>2012-02-07T12:28:44.717-05:00</updated><app:edited xmlns:app="http://www.w3.org/2007/app">2012-02-07T12:28:44.717-05:00</app:edited><category scheme="http://www.blogger.com/atom/ns#" term="Mac" /><category scheme="http://www.blogger.com/atom/ns#" term="Bookle" /><category scheme="http://www.blogger.com/atom/ns#" term="eReader" /><category scheme="http://www.blogger.com/atom/ns#" term="eBooks" /><category scheme="http://www.blogger.com/atom/ns#" term="ePub" /><title>Bookle, an EPUB reader for Mac</title><content type="html">&lt;a href="http://tidbits.com/article/12774"&gt;TidBITS&lt;/a&gt; and &lt;a href="http://www.stairways.com/main/"&gt;Peter Lewis&lt;/a&gt; have teamed up to fill an aching void in ebookland: an EPUB reader for the Mac—not the iPad, but the Mac. It's called &lt;a href="http://tid.bl.it/bookle-app"&gt;Bookle&lt;/a&gt;, and it's really nice. You drag your DRM-free EPUB files to the Dock icon to load them into Bookle, and then start reading. Navigation is particularly fine with a trackpad, where you can swipe from chapter to chapter, and then scroll up and down for the contents of each. &lt;br /&gt;
&lt;br /&gt;
I think what I love so much about the swiping is that it is almost like leafing through a print book. It feels right.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6836439165/" title="What Catalans Want by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7157/6836439165_975249accd.jpg" width="400" alt="What Catalans Want"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
I can see Bookle being particularly helpful for proofreading ebooks before they're published since it's based on the same WebKit that iBooks is. The only significant differences I found between Bookle's representation of my books and iBooks' was that Bookle doesn't shrink images to fit the viewport, like iBooks does. That said, I haven't done enough tests to illustrate that point conclusively, but I have noticed it with covers, for example.&lt;br /&gt;
&lt;br /&gt;
&lt;a href="http://www.flickr.com/photos/cookwood/6836561797/" title="From InDesign CS 5.5 to EPUB and Kindle by Liz Castro, on Flickr"&gt;&lt;img src="http://farm8.staticflickr.com/7147/6836561797_55c70fabd7.jpg" width="400" alt="From InDesign CS 5.5 to EPUB and Kindle"&gt;&lt;/a&gt;&lt;br /&gt;
&lt;br /&gt;
It doesn't do Fixed Layout (at least not properly), and it doesn't have Search, and you can't write notes or add Bookmarks, but given the fact that Apple may release their own desktop ereader app at any moment, I was impressed that they did all they could. You can vote for your preferred additions on &lt;a href="http://bookle.uservoice.com/"&gt;Bookle UserVoice Forum&lt;/a&gt;.&lt;br /&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2967648901802250573-1912982889072447839?l=www.pigsgourdsandwikis.com' alt='' /&gt;&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/pigsgourdsandwikis/dOwc/~4/3HPzTiBPNMU" height="1" width="1"/&gt;</content><link rel="replies" type="application/atom+xml" href="http://www.pigsgourdsandwikis.com/feeds/1912982889072447839/comments/default" title="Post Comments" /><link rel="replies" type="text/html" href="http://www.pigsgourdsandwikis.com/2012/02/bookle-epub-reader-for-mac.html#comment-form" title="7 Comments" /><link rel="edit" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/1912982889072447839?v=2" /><link rel="self" type="application/atom+xml" href="http://www.blogger.com/feeds/2967648901802250573/posts/default/1912982889072447839?v=2" /><link rel="alternate" type="text/html" href="http://feedproxy.google.com/~r/pigsgourdsandwikis/dOwc/~3/3HPzTiBPNMU/bookle-epub-reader-for-mac.html" title="Bookle, an EPUB reader for Mac" /><author><name>Liz Castro</name><uri>http://www.blogger.com/profile/03702965670724927266</uri><email>noreply@blogger.com</email><gd:image rel="http://schemas.google.com/g/2005#thumbnail" width="32" height="32" src="http://2.bp.blogspot.com/_dGQfCsVVxsU/SqEcoOdiW_I/AAAAAAAAAFw/c5pgBsAUg-4/S220/Hay+Liz.jpg" /></author><thr:total>7</thr:total><feedburner:origLink>http://www.pigsgourdsandwikis.com/2012/02/bookle-epub-reader-for-mac.html</feedburner:origLink></entry></feed>

