code.talks 2015 hosted by ABOUT YOU

1. c o d e . t a l k s 2 0 1 5
INTERNET AUSDRUCKEN MIT JAVASCRIPT
Wir drucken das Internet.
Wir meinen das ernst.
Ja, es macht Sinn.
#codetalkshh #offlinewebapp #pdfmake
@thoughtworks
@sgrewenig @jthoenes

2. WHY???

3. WHAT IF…
<img/>
<img/>
x
x
x
add section
x

6. WHY NOT ?

7. LAYOUTING & STYLE
DYNAMIC CONTENT

11. <img/>

12. LIMITATIONS OF
CHROME PRINT

13. WHY NOT USE A
LIBRARY ?

16. Insert JavaScript options here…

18. .json
.html
.pdf

19. .json
.html
.pdfpdfmake.js.js{ }

20. MAY THE DEMO GODS BE WITH US!

21. WHAAAAT ? ? ?

22. WUT ? PAGE BREAKS

25. var pageBreakBefore = !_.isUndefined(currentNode.headlineLevel) && _.isEmpty(followingNodesOnPage)

26. var pageBreakBefore = !_.isUndefined(currentNode.headlineLevel) && _.isEmpty(followingNodesOnPage) && !_.isEmpty(nodesOnNextPage)

27. <img/>
var pageBreakBefore = !_.isUndefined(currentNode.headlineLevel) && _.isEmpty(followingNodesOnPage) && !_.isEmpty(nodesOnNextPage) && !_.isEmpty(leadingNodesOnPage)
<img/>

28. @KleinesFert

29. WUT ? TEXT WRAP

30. <img/>
c1 c2

31. <img/>
c2c1 c3

32. <img/>
c2c1 c3

33. <img/>
& tables, lists, …

34. WUT ? FONTS

35. Embedded PDF fonts can only
do 95 d$fferenT characTers.
!"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[]^_`abcdefghijklmnopqrstuvwxyz{|}~ÄÖÜäöüß

37. It took 6 weeks,
4 developers, 1 designer
and pdfmake to become
browser independent
and
testable!

39. HAPPY
JOHANNES!

40. PROPER LAYOUTING IS HARD,
BUT POSSIBLE.

41. ONE MORE ABSTRACTION LAYER
THAT CAN BE EASILY TESTED.

42. ~3200 TO ~8400 LOC

43. THANKS
@sgrewenig
@jthoenes
& THANKS TO THE TEAM