EPUB Boot Camp: Tips and Tweaks

  • 6,845 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
6,845
On Slideshare
0
From Embeds
0
Number of Embeds
3

Actions

Shares
Downloads
0
Comments
0
Likes
8

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. ePub on Devices: Tweaks & Tricks Keith Fahlgren O’Reilly Media keith@oreilly.com
  • 2. Landscape
  • 3. A. InDesign
  • 4. D. Other
  • 5. Editing & Validation
  • 6. epubcheck http://code.google.com/p/epubcheck/
  • 7. epubpreflight http://code.google.com/p/epubcheck/
  • 8. (un)zipping
  • 9. PDFXML Inspector http://labs.adobe.com/ technologies/mars/
  • 10. Refinements
  • 11. Putting the X in XHTML Describe semantics, not presentation
  • 12. CSS Your key to success
  • 13. Most Important • Generic font choices, weights, size • Margins • Borders, rules • Spacing, padding • Alignment, “block” or “inline”
  • 14. Nice to Have • Color • Page breaking • Float • Lists and tables
  • 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. Fonts and how they are a pain
  • 17. Embedding Benefits • Highest quality typography • Big differentiation from the current norm • Ensure all of your crazy glyphs appear
  • 18. Embedding Downsides • Limited reader support • Licensing headaches • No assurance all of your crazy glyphs appear
  • 19. Linking “ Link by link we build paths of understanding across the web of humanity —Tim Berners-Lee for goodness sake, do it!
  • 20. Internal & External Vocab word Chapter Website Footnote • Every should be linked Figure Table Wizard
  • 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. SVG FTW
  • 23. GOTCHAS!
  • 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. ?