Epub in the wild

10,098 views
9,900 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
0 Comments
8 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
10,098
On SlideShare
0
From Embeds
0
Number of Embeds
4,621
Actions
Shares
0
Downloads
97
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide
  • \n
  • like “EPUB in the laboratory”\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Can’t: black and white, video\nWon’t: text-indents, NOOK pub defaults, \nWon’t let you: Audio video, fixed layout\n
  • \n
  • explain what a media query is. Caveats: Hard to select for iBooks\nNOOK support is questionable, Great for targeting “old” Kindle\n
  • what features work cross platform?\n
  • \n
  • \n
  • \n
  • These features work cross platform but sometimes need some adjusting\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Should be half way done: 22m\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Only foolproof way to create a page break is to hard code it and then it’s there forever.\nAbsolutely crazy that two of the most important features of ebook design are still not fully supported by most major ereaders: page breaks and widows/orphans\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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

    ×