Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Epub in the wild

11,131 views

Published on

“One file to rule them all” In these slides, I detail my three-pronged strategy to create a single EPUB file for most ereaders, as well as the basis for conversion to Kindle/mobi and KF8.

Published in: Technology, Art & Photos
  • Be the first to comment

Epub in the wild

  1. 1. EPUB in the Wild Liz Castro @lizcastro http://PigsGourdsandWikis.comhttp://www.elizabethcastro.com/epub
  2. 2. Specifications
  3. 3. Specifications
  4. 4. Specifications
  5. 5. Specifications
  6. 6. Specifications
  7. 7. Specifications
  8. 8. Specifications
  9. 9. Specifications
  10. 10. Manufacturer Guidelines
  11. 11. Manufacturer Guidelines
  12. 12. Manufacturer Guidelines
  13. 13. Manufacturer Guidelines
  14. 14. Objective:One file to rule them all
  15. 15. 3 problems 1. They can’t do it.2. They want to do it their own way. 3. They won’t let you do it.
  16. 16. Secrecyhttp://weblogs.mozillazine.org/bz/archives/2012/02/vendor_interactions_with_the_c.html
  17. 17. Three strategies• Create cross platform code• Use media queries when cross platform code isn’t possible• Make informed decisions about not supporting certain platforms
  18. 18. Everybody supports bold and italic font-size text-indent top and bottom margins images
  19. 19. Original iBooks on iPad iBooks/iPhone Adobe Digital Editions ->
  20. 20. Kindle Fire Kindle
  21. 21. NOOK NOOK Color
  22. 22. Many support font family small caps leading left and right margins float and widthtext wrap (around images, sidebars, and drop caps) borders, backgrounds color
  23. 23. Adobe Digital Editions
  24. 24. iBooks on iPad
  25. 25. iBooks on iPhone
  26. 26. NOOK Color with Publishers Defaults OFF
  27. 27. NOOK Color with Publishers Defaults ON
  28. 28. NOOK
  29. 29. Kindle Fire
  30. 30. Kindle
  31. 31. Media Query example @media amzn-mobi {span.dropcap { span.dropcap { font-size : 5em; font-size : 3em; float : left; float: none; line-height : 1.5; line-height : 1; margin-right : 0.1em; margin-top : auto; margin-bottom: -.3em; margin-right : auto; font-family : margin-bottom: auto;DavysArtNouveauInitials, font-family : sans-serif;sans-serif; color : #512a37; color : #512a37; }} }
  32. 32. Kindle
  33. 33. Watch out for...
  34. 34. Aligning drop cap span.dropcap { ... line-height : 1; margin-top : .2em; margin-right : 0.1em; margin-bottom: 0em; ... } span.dropcap { ... line-height : 1.5; margin-right : 0.1em; margin-bottom: -.3em; ...}
  35. 35. Adjusting for narrow screen Don’t try to fit too much in a single paragraph—float on one side or other, but not both! Don’t indent excessively
  36. 36. Adjusting for narrow screen p.Poem-line { font-size: .8em; text-indent : -20px; margin : 0 0 0 20px ; padding: 0px 28px; }
  37. 37. iBooks and fonts Don’t forget the .com file or else iBooks won’t display embed fonts
  38. 38. Cross platform dilemmas
  39. 39. Discretional page breaks page-break-after: avoid Kindle, iBooks don’t support.
  40. 40. Discretional page breaks Both NOOK and NOOK Color support all page-break properties
  41. 41. Discretional page breaks But Kindle Fire and iBooks do support page- break-inside: avoid Create a div with header and first paragraph.
  42. 42. Discretional page breaks iBooks supports page- break-inside: avoid (but no other “avoids”)
  43. 43. Widows and orphans .body { widows: 3; orphans: 3; }
  44. 44. Widows and orphansNeither iBooks nor Kindle Fire support widows or orphans
  45. 45. Widows and orphans Again, NOOK comes through
  46. 46. TablesVery problematic in narrow pages
  47. 47. Tables
  48. 48. Tables<manifest>...<item id="table1" href="table1.html" media-type="application/xhtml+xml" /><item id="table2" href="table2.html" media-type="application/xhtml+xml" />...</manifest><spine toc="ncx"><itemref idref="maintext" /><itemref idref="table1"/><itemref idref="table2" linear="no" /></spine>
  49. 49. Tables
  50. 50. Tables
  51. 51. TablesKindle Fire does not support non-linear tables
  52. 52. Tables Neither does NOOK
  53. 53. TablesResults are pretty awful on Kindle
  54. 54. Audio and VideoiBookstore: yes, B&N + Amazon: no
  55. 55. Fixed LayoutiBooks and Kobo Vox use very similar systems; NOOK has closed system, Amazon new system
  56. 56. Javascript Works best in iBooks; allowed in iBookstoreSketchy support on other platforms
  57. 57. Read Aloud iBooks and Kobo Vox only; mediaoverlay on top of fixed layout; laborious
  58. 58. Informed choices• How to create the best ebook that works on the most platforms• Sometimes, you’ll decide to leave some devices behind
  59. 59. Liz Castro• EPUB Straight to the Point• Fixed Layout for iBooks• Audio and Video in EPUB• Read Aloud EPUB• From InDesign CS 5.5 to EPUB and Kindle• HTML/CSS Visual QuickStart Guide• www.elizabethcastro.com/epub• www.PigsGourdsandWikis.com• Twitter: @lizcastro, #eprdctn, #edigital

×