EPUB Boot Camp: Tips and Tweaks

7,217 views
7,105 views

Published on

Published in: Technology, Art & Photos

EPUB Boot Camp: Tips and Tweaks

  1. 1. ePub on Devices: Tweaks & Tricks Keith Fahlgren O’Reilly Media keith@oreilly.com
  2. 2. Landscape
  3. 3. A. InDesign
  4. 4. D. Other
  5. 5. Editing & Validation
  6. 6. epubcheck http://code.google.com/p/epubcheck/
  7. 7. epubpreflight http://code.google.com/p/epubcheck/
  8. 8. (un)zipping
  9. 9. PDFXML Inspector http://labs.adobe.com/ technologies/mars/
  10. 10. Refinements
  11. 11. Putting the X in XHTML Describe semantics, not presentation
  12. 12. CSS Your key to success
  13. 13. Most Important • Generic font choices, weights, size • Margins • Borders, rules • Spacing, padding • Alignment, “block” or “inline”
  14. 14. Nice to Have • Color • Page breaking • Float • Lists and tables
  15. 15. In the Wild background-color: 6 cursor: 2 margin-bottom: 469 page-break-before: 38 background: 12 display: 360 margin-left: 271 page-break-inside: 9 border-bottom: 20 float: 43 margin-right: 198 position: 18 border-collapse: 17 font-family: 575 margin-top: 422 right: 3 border-color: 18 font-size: 548 margin: 175 src: 7 border-left/right: 4/4 font-style: 222 max-height: 4 table-layout: 13 border-spacing: 6 font-variant: 9 max-width: 12 text-align: 452 border-style: 18 font-weight: 358 oeb-column-number: 2 text-decoration: 12 border-top: 19 height: 6 padding-bottom: 19 text-indent: 309 border-width: 18 left: 12 padding-left: 10 text-transform: 14 border: 20 letter-spacing: 2 padding-right: 37 top: 11 bottom: 3 line-height: 203 padding-top: 18 vertical-align: 28 clear: 10 list-style-type: 7 padding: 230 white-space: 3 color: 194 list-style: 7 page-break-after: 2 width: 74
  16. 16. Fonts and how they are a pain
  17. 17. Embedding Benefits • Highest quality typography • Big differentiation from the current norm • Ensure all of your crazy glyphs appear
  18. 18. Embedding Downsides • Limited reader support • Licensing headaches • No assurance all of your crazy glyphs appear
  19. 19. Linking “ Link by link we build paths of understanding across the web of humanity —Tim Berners-Lee for goodness sake, do it!
  20. 20. Internal & External Vocab word Chapter Website Footnote • Every should be linked Figure Table Wizard
  21. 21. Image Size? • “Imagine your book through a straw” • How much disk space does your cell phone have again? And how slow is the Edge network? • Scalable images win for many (SVG)
  22. 22. SVG FTW
  23. 23. GOTCHAS!
  24. 24. • CSS wasn’t really created for this stuff • Invalidity hurts • XHTML is restrictive • Big tables are hard everywhere • Device, software support all over the map
  25. 25. ?

×