This presentation was provided by Dave Cramer of Hachette Book Group during the NISO Virtual Conference, Convergence: The Web and Publishing Onto The Web, held on May 17, 2017

1. Beyond XML
Making Books with HTML
Dave Cramer / Hachette Book Group

3. Books in Print

4. HTML + CSS = PDF?

5. 7 Years

6. 5 people*
*I help sometimes

7. 1,500 different titles

9. 50,000,000

10. It costs much less than
offshore typesetting

11. HTML + CSS =

17. @right-top {
content: 'Washington Coast';
text-transform: uppercase;
color: white;
background-color: cmyk(1,.75,.1,0);
font-size: 7pt;
line-height: 9pt;
margin-right: 10pt;
margin-bottom: 470pt;
margin-left: -150pt;
padding-top: 17pt;
font-family: 'Myriad Pro';
font-weight: normal;
text-align: left;
padding-left: 6pt;
border-radius: 3pt;
transform: translate(90pt, 90pt) rotate(90deg);
}

19. #figure1-left {
width: 360pt;
height: 265pt;
margin-left: -27pt;
float: bottom;
}
#figure1 img, #figure1x img {
width: 540pt;
}
#figure1-right {
width: 360pt;
height: 265pt;
margin-left: -396pt;
float: prince-column-bottom;
}

23. How?

29. .dedication-rw::after {
content: url("/static/common-images/swash.svg");
display: block;
margin-top: 50pt;
margin-left: 150pt;
width: 360pt;
}

33. span.page-number-rw {
width: 16pt;
display: inline-block;
text-align: right;
padding-right: 7pt;
}
.contents-rw a[href]::after {
content: target-counter(attr(href), page);
}
.contents-rw a[href] {
content: '';
text-decoration: none;
color: currentColor;
}

36. h2 {
font-family: 'Whitney';
font-size: 18pt;
text-transform: uppercase;
line-height: 20pt;
page-break-before: always;
color: #F7BE81;
font-weight: 600;
text-align: left;
}
h2::first-line {
color: #CC5229;
}

37. ebooks

38. not HTML HTML
EPUB2 ✔
EPUB3 ✔
Kindle KF7/KF8 ✔
EPUB4/PWP ✔
PDF ✔
Web ✔
Apps/PWA ✔
Facebook ✔

43. Books in Browsers

47. a few of Our demands
✴pagination
✴navigation
✴customization
✴security

48. Biblical illustrations by Jim Padgett, courtesy of Sweet Publishing, Ft. Worth, TX, and Gospel Light, Ventura,
CA. Copyright 1984. Released under new license, CC-BY-SA 3.0

49. Source: http://w3cmemes.tumblr.com/

51. Makeup is a highly skilled procedure. If the text is
merely divided mechanically into portions of
equal length, without regard to where the
divisions fall, some of the pages that result are
bound to be unacceptable logically or
aesthetically: they will incorporate bad breaks.
—Chicago Manual of Style, 14th Edition, 19.40.

56. Standards

61. Help!
• W3C Publishing Working Group
• W3C EPUB 3 Community Group
• BISG

62. Dave Cramer
Hachette Book Group
@dauwhe
CSS Working Group
Digital Publishing Interest Working Group
EPUB3 Community Group
Thanks!