EPUB in the Wild              Liz Castro              @lizcastro   http://PigsGourdsandWikis.comhttp://www.elizabethcastro...
Specifications
Specifications
Specifications
Specifications
Specifications
Specifications
Specifications
Specifications
Manufacturer Guidelines
Manufacturer Guidelines
Manufacturer Guidelines
Manufacturer Guidelines
Objective:One file to rule them all
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.
Secrecyhttp://weblogs.mozillazine.org/bz/archives/2012/02/vendor_interactions_with_the_c.html
Three strategies• Create cross platform code• Use media queries when cross  platform code isn’t possible• Make informed de...
Everybody supports       bold and italic          font-size        text-indent  top and bottom margins           images
Original   iBooks on iPad   iBooks/iPhone                 Adobe Digital                  Editions ->
Kindle Fire   Kindle
NOOK   NOOK Color
Many support             font family             small caps               leading       left and right margins           fl...
Adobe Digital Editions
iBooks on iPad
iBooks on iPhone
NOOK Color with Publishers Defaults OFF
NOOK Color with Publishers Defaults ON
NOOK
Kindle Fire
Kindle
Media Query example                           @media amzn-mobi {span.dropcap {                span.dropcap {	 font-size : ...
Kindle
Watch out for...
Aligning drop cap          span.dropcap {              ...          	 line-height : 1;          	 margin-top : .2em;      ...
Adjusting for narrow       screen              Don’t try to fit too              much in a single              paragraph—flo...
Adjusting for narrow       screen        p.Poem-line {           font-size: .8em;        	 text-indent : -20px;        	 m...
iBooks and fonts          Don’t forget the .com          file or else iBooks          won’t display embed          fonts
Cross platform dilemmas
Discretional page breaks           page-break-after: avoid         Kindle, iBooks don’t support.
Discretional page breaks                 Both NOOK and                  NOOK Color                   support all          ...
Discretional page breaks                 But Kindle Fire                 and iBooks do                  support page-     ...
Discretional page breaks                     iBooks                 supports page-                  break-inside:         ...
Widows and orphans    .body {              widows: 3;              orphans: 3;              }
Widows and orphansNeither iBooks nor Kindle Fire support widows or orphans
Widows and orphans Again, NOOK comes through
TablesVery problematic in narrow pages
Tables
Tables<manifest>...<item id="table1" href="table1.html" media-type="application/xhtml+xml" /><item id="table2" href="table...
Tables
Tables
TablesKindle Fire does not support non-linear tables
Tables   Neither does NOOK
TablesResults are pretty awful on Kindle
Audio and VideoiBookstore: yes, B&N + Amazon: no
Fixed LayoutiBooks and Kobo Vox use very similar systems; NOOK has closed system, Amazon new system
Javascript                       Works best in                     iBooks; allowed in                        iBookstoreSke...
Read Aloud   iBooks and Kobo Vox only; mediaoverlay on top of fixed layout; laborious
Informed choices• How to create the best ebook that  works on the most platforms• Sometimes, you’ll decide to leave some  ...
Liz Castro• EPUB Straight to the Point• Fixed Layout for iBooks• Audio and Video in EPUB• Read Aloud EPUB• From InDesign C...
Upcoming SlideShare
Loading in...5
×

Epub in the wild

8,970

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
8,970
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
94
Comments
0
Likes
8
Embeds 0
No embeds

No notes for slide
  • \n
  • like &amp;#x201C;EPUB in the laboratory&amp;#x201D;\n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Can&amp;#x2019;t: black and white, video\nWon&amp;#x2019;t: text-indents, NOOK pub defaults, \nWon&amp;#x2019;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 &amp;#x201C;old&amp;#x201D; 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&amp;#x2019;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
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×