«Es funktioniert eigentlich wie eine Website, generiert aber ein PDF». So wurde mir PrintCSS vor 2-3 Jahren erklärt. Das Paged Media Modul ermöglicht die Erstellung von Print-Layouts und ist längst eine Standard-Funktion für CSS (der gängigen Design-Sprache des Webs). Damit sind personalisierte Produkte, Bücher, ja irgendwelche Inhalte sofort erstellt. Auch Ein-Stück-Auflagen sind damit kein Problem mehr. Hat diese Technologie wirklich das Potenzial, die Branche zu verändern? Und wie funktioniert PrintCSS überhaupt? Einblicke in eine disruptive Technologie.

1. Webtechnologie macht plötzlich Print:
Wie PrintCSS die
Branche verändern kann
morntag
natürlich relevant
Simea Merki

2. Hast du heute schon
einen Kaffee getrunken?

3. Hast du heute schon
jemand neues
kennengelernt?

4. Hast du heute schon
ein PDF geöffnet?

5. Hast du heute schon
eine Website angeschaut?

6. Hast du schon mal eine
Website ausgedruckt?

7. morntag
Eine Website
ausdrucken?
Willst du mich hier
veräppeln?!

8. inhalte
morntag
Was ist ? Was ist
von PrintCSS
PrintCSS: Schon heute
CSS
Vorteile
praxistauglich?
PrintCSS

9. morntag
CSS + PrintCSS
Was ist das?

10. CSS
morntag
HTML CSS JS

11. CSS
morntag
HTML CSS JS

12. CSS
morntag
HTML CSS JS
CSS2:
Media Query
für Print

14. PrintCSS
morntag
HTML CSS JS
CSS3:
Paged Media
Module

15. Paged
Media
Module
«PrintCSS»
morntag
CSS3 Paged Media
Module kann schon heute
im Prinzip alles, was Print
braucht. Sonderfarben,
Beschnitt, Passermarken
und so weiter.
mehr Infos: www.w3.org/TR/css-page-3

16. PrintCSS
morntag
HTML
oder
XML
CSS JS

17. morntag
CSS + PrintCSS
Warum?

18. <h1> Ich bin ein Titel </h1>
<p> Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Sed egestas magna at tortor
placerat posuere eget nec nulla. </p>
Eine Sprache,
mehrere Kanäle
Vorteile
morntag

19. Eine Sprache,
mehrere Kanäle
Vorteile
morntag
CSS
<h1> Ich bin ein Titel </h1>
<p> Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Sed egestas magna at tortor
placerat posuere eget nec nulla. </p>

20. Eine Sprache,
mehrere Kanäle
Vorteile
morntag
CSS
<h1> Ich bin ein Titel </h1>
<p> Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Sed egestas magna at tortor
placerat posuere eget nec nulla. </p>
CSS

21. Eine Sprache,
mehrere Kanäle
Bekanntheit von
CSS
Vorteile
morntag
CSS

22. Eine Sprache,
mehrere Kanäle
Bekanntheit von
CSS
Trennung von
Stil und Inhalt
Vorteile
morntag
HTML
oder
XML
CSS

23. Eine Sprache,
mehrere Kanäle
Bekanntheit von
CSS
Trennung von
Stil und Inhalt
bis zum letzten
Schritt
Vorteile
morntag
CSS

24. Eine Sprache,
mehrere Kanäle
Bekanntheit von
CSS
Trennung von
Stil und Inhalt
Preis
Vorteile
morntag
Renderer gibt es
in allen Formen
und Farben.
Auch Open
Source.

25. morntag
Schon heute
nutzbar?

26. www.print-css.rock
morntag
Kann PrintCSS
eigentlich auch ... ?

27. morntag
Beispiel: Menükarte
morntag.com/referenzen/
menukarte-automatisiert

28. morntag
Beispiel: Redaktionsplanung
morntag.com/referenzen/
wellenbrecher#printcss-redaktion

29. Menükarten
Kataloge
Datenblätter
Jahresberichte (inkl. Diagramme)
Projekt-Referenzen (personalisiert)
Wissenschaftliche Arbeiten
Belletristik; Kleinstauflagen / Self-Publishing
morntag
Think about it:

30. morntag
WordPress to professional PDF in no time with PrintCSS

31. CSS hat das Potenzial, von der
reinen Web-Technologie zur
Print-Technologie zu werden.
morntag

32. l
e
t
'
s
t
a
l
k
•
l
e
t
'
s
talk • let's
t
a
l
k
•
l
e
t
'
s
t
a
l
k
•
Fragen/
Anmerkungen?

33. g
e
t
i
n
t
o
u
c
h
•
g
et in touch
•
g
e
t
i
n
t
o
u
c
h
•
danke!
morntag.com
morntag
natürlich relevant
morntag.com