SlideShare a Scribd company logo
PrintCSS
The missing parts.
The bad parts.
Andreas Jung (ZOPYX)

info@zopyx.com

www.print-css.rocks
W3C PrintCSS Workshop

@XMLPrague 2020
1 https:!//cutt.ly/jrIh5TI
ANDREAS JUNG
‣ background in electronic publishing since 1995
‣ freelancer and independent consultant since 2004
‣ large scale content management based on Plone CMS
‣ individual Python software development
‣ electronic publishing solutions
‣ founder of print-css.rocks project (2016?)
2
‣ vendor-neutral information about "PrintCSS"
‣ information about tools
‣ tested tools:
‣ PrinceXML
‣ Antennahouse
‣ PDFreactor
‣ WeasyPrint
‣ tutorial and lessons
‣ "PrintCSS" related resources
3
LESSONS
4
CONVERTER RESULTS
5
HTML INPUT
6
CSS INPUT
7
THE "STANDARD" (1/2)
‣ Draft: CSS Paged Media Module Level 3 (2018)
‣ Draft: CSS Generated Content for Paged Media
Module (2014)
‣ various CSS Level 2-4 drafts and standards
‣ status of some drafts unclear
(unmaintained, work-in-progress, discontinued?)
‣ many vendor specific extensions
(development usually driven by customer needs)
‣ limited cross-platform compatibility and interoperability
8
THE "STANDARD" (2/2)
‣ conflicting implementations
‣ conflicting interpretations of the "standard"
‣ missing test suites
‣ adaptation of new CSS standards
‣ browsers: fast
‣ PrintCSS tool: slow
9
THE INCOMPLETE PARTS
‣ 🚫 table splits: repeated captions, page breaks
within row spans.
‣ 🚫 deficiencies with page areas and running elements
‣ 🚫 floating of block elements is weak and incomplete
(many vendor extensions)
‣ 🚫 image positioning, image floating and adaptive scaling
(CSS Figures, Håkon Wium Lie)
‣ 🚫 Javascript support missing or only partly implemented
‣ 🚫 multi-column layouts (CSS Multi-column Layout Module Level 1)
‣ 🚫 consistent flex box and grid support
10
THE MISSING PARTS
‣ 🚫 CSS 3 Exclusions
‣ 🚫 Floating of whole-page block elements to named pages
‣ 🚫 Standard for hyphenation dictionaries and exceptions
‣ 🚫 Auto-sizing of text (general: blocks) to fit into container
‣ 🚫 Sidenotes are a huge mess
(positioning, floating, multi column environments)
‣ 🚫 consistent rendering behavior
‣ 🚫 Tests, tests, tests
11
DEVELOPER EXPERIENCE WITH PRINTCSS
‣ 🚫 no professional development tools
‣ 🚫 rendering process is a blackbox process
‣ 🚫 no/few tracing/introspection options
on the rendering process
‣ 🚫 lengthy trial-and-error development
‣ 🚫 no influence on the rendering process besides CSS
12
THE ECOSYSTEM
‣ CSS Paged Media tools:
‣ few commercial tools
‣ even fewer non-commercial, free tools
‣ limited options
‣ in-depth evaluation needed for advanced projects
‣ at one point you need to decide and pick one tool
13
#sigh
14

More Related Content

PDF
PrintCSS workshop XMLPrague 2020
PDF
Integration of Plone with eXist-db
PDF
Plone Integration with eXist-db - Structured Content rocks
PDF
OpenCms Days 2012 - OpenCms 8.5: Creating "in place" editable pages with the ...
PDF
State of PrintCSS - MarkupUK 2023.pdf
PPTX
Introduction to PrintCSS.live
PPTX
PPTX
Application Development with HTML5 (Microsoft TechDays 2011 - DEV302)
PrintCSS workshop XMLPrague 2020
Integration of Plone with eXist-db
Plone Integration with eXist-db - Structured Content rocks
OpenCms Days 2012 - OpenCms 8.5: Creating "in place" editable pages with the ...
State of PrintCSS - MarkupUK 2023.pdf
Introduction to PrintCSS.live
Application Development with HTML5 (Microsoft TechDays 2011 - DEV302)

Similar to PrintCSS W3C workshop at XMLPrague 2020 (20)

PDF
CSS: The Definitive Guide, 5th Edition (Early Release) Eric Meyer
PPTX
Html and CSS 101 - hipages Group Friday talk
PDF
Full download Responsive Web Design with HTML5 and CSS3 Second Edition Ben Fr...
PPTX
CSS 3, Style and Beyond
PPTX
lec11_CSS.pptx web page description desi
PPT
Cascading Into ss3
PPT
Web Standards for Web and Graphic Designers
PPTX
CSS Basics
PPTX
Css introduction
PPT
Print CSS
PPTX
Making Your Site Printable: Booster Conference
PPT
Basic Knowldege about CSS Prepared for VV softech solution (2).ppt
PDF
Evolution of CSS
PPTX
Mastering CSS for Backend Developers.pptx
PPT
CSS Essentials for Website Development.ppt
PPT
3-CSS_essentials.ppt
PPT
3-CSS_essentials.ppt
PPT
3-CSS_essentials_developers_begineers.ppt
PPT
3-CSS_essentials introduction slides.ppt
PDF
CSS3 - is everything we used to do wrong?
CSS: The Definitive Guide, 5th Edition (Early Release) Eric Meyer
Html and CSS 101 - hipages Group Friday talk
Full download Responsive Web Design with HTML5 and CSS3 Second Edition Ben Fr...
CSS 3, Style and Beyond
lec11_CSS.pptx web page description desi
Cascading Into ss3
Web Standards for Web and Graphic Designers
CSS Basics
Css introduction
Print CSS
Making Your Site Printable: Booster Conference
Basic Knowldege about CSS Prepared for VV softech solution (2).ppt
Evolution of CSS
Mastering CSS for Backend Developers.pptx
CSS Essentials for Website Development.ppt
3-CSS_essentials.ppt
3-CSS_essentials.ppt
3-CSS_essentials_developers_begineers.ppt
3-CSS_essentials introduction slides.ppt
CSS3 - is everything we used to do wrong?
Ad

More from Andreas Jung (20)

PDF
A fool with a tool is still a fool - Plone Tagung 2025 in Koblenz
PDF
zopyx-fastapi-auth - authentication and authorization for FastAPI
PDF
Typesense Plone Integration Plone Conference 2022 Namur
PDF
Onkopedia - Plone Tagung 2020 Dresden
PDF
Plone 5.2 migration at University Ghent, Belgium
PDF
Back to the future - Plone 5.2 und Python 3 Migration am Beispiel Onkopedia
PDF
Plone migrations using plone.restapi
PDF
Plone Migrationen mit Plone REST API
PDF
Plone im Einsatz bei der Universität des Saarländes als Shop-System und Gefah...
PDF
Generierung von PDF aus XML/HTML mit PrintCSS
PDF
Creating Content Together - Plone Integration with SMASHDOCs
PPTX
Creating Content Together - Plone Integration with SMASHDOCs
PDF
The Plone and The Blockchain
PDF
Content Gemeinsam Erstellen: Integration Plone mit SMASHDOCs
PDF
PDF Generierung mit XML/HTML und CSS - was die Tools können und was nicht.
PDF
Why we love ArangoDB. The hunt for the right NosQL Database
PDF
XML Director - the technical foundation of onkopedia.com
PDF
PyFilesystem
PDF
Building bridges - Plone Conference 2015 Bucharest
PDF
CSS Paged Media - A review of tools and techniques
A fool with a tool is still a fool - Plone Tagung 2025 in Koblenz
zopyx-fastapi-auth - authentication and authorization for FastAPI
Typesense Plone Integration Plone Conference 2022 Namur
Onkopedia - Plone Tagung 2020 Dresden
Plone 5.2 migration at University Ghent, Belgium
Back to the future - Plone 5.2 und Python 3 Migration am Beispiel Onkopedia
Plone migrations using plone.restapi
Plone Migrationen mit Plone REST API
Plone im Einsatz bei der Universität des Saarländes als Shop-System und Gefah...
Generierung von PDF aus XML/HTML mit PrintCSS
Creating Content Together - Plone Integration with SMASHDOCs
Creating Content Together - Plone Integration with SMASHDOCs
The Plone and The Blockchain
Content Gemeinsam Erstellen: Integration Plone mit SMASHDOCs
PDF Generierung mit XML/HTML und CSS - was die Tools können und was nicht.
Why we love ArangoDB. The hunt for the right NosQL Database
XML Director - the technical foundation of onkopedia.com
PyFilesystem
Building bridges - Plone Conference 2015 Bucharest
CSS Paged Media - A review of tools and techniques
Ad

Recently uploaded (20)

PDF
FINAL-Content-Marketing-Made-Easy-Workbook-Guied-Editable.pdf
PDF
Your Best Post Vanished. Blame the Attention Economy
PDF
11111111111111111111111111111111111111111111111
PDF
Create. Post. Dominate. Let's Build Together
PDF
Instant Audience, Long-Term Impact Buy Real Telegram Members
PDF
Mastering Social Media Marketing in 2025.pdf
PDF
Real Presence. Real Power. Boost with Authenticity
PDF
The Fastest Way to Look Popular Buy Reactions Today
PDF
Instagram Reels Growth Guide 2025.......
PPTX
How Social Media Influencers Repurpose Content (1).pptx
PDF
Medium @mikehydes The Cryptomaster Audience Stats
PPTX
Types of Social Media Marketing for Business Success
PDF
The Edge You’ve Been Missing Get the Sociocosmos Edge
PPTX
Developing lesson plan gejegkavbw gagsgf
PPTX
Office Administration Courses in Trivandrum That Employers Value.pptx
PDF
Subscribe This Channel Subscribe Back You
PPTX
Strategies for Social Media App Enhancement
PDF
StarNetCafeSB2012D3POYNagaworld2-Hotel-Casino-Phnom Entertainment
PDF
Presence That Pays Off Activate My Social Growth
PPTX
Preposition and Asking and Responding Suggestion.pptx
FINAL-Content-Marketing-Made-Easy-Workbook-Guied-Editable.pdf
Your Best Post Vanished. Blame the Attention Economy
11111111111111111111111111111111111111111111111
Create. Post. Dominate. Let's Build Together
Instant Audience, Long-Term Impact Buy Real Telegram Members
Mastering Social Media Marketing in 2025.pdf
Real Presence. Real Power. Boost with Authenticity
The Fastest Way to Look Popular Buy Reactions Today
Instagram Reels Growth Guide 2025.......
How Social Media Influencers Repurpose Content (1).pptx
Medium @mikehydes The Cryptomaster Audience Stats
Types of Social Media Marketing for Business Success
The Edge You’ve Been Missing Get the Sociocosmos Edge
Developing lesson plan gejegkavbw gagsgf
Office Administration Courses in Trivandrum That Employers Value.pptx
Subscribe This Channel Subscribe Back You
Strategies for Social Media App Enhancement
StarNetCafeSB2012D3POYNagaworld2-Hotel-Casino-Phnom Entertainment
Presence That Pays Off Activate My Social Growth
Preposition and Asking and Responding Suggestion.pptx

PrintCSS W3C workshop at XMLPrague 2020

  • 1. PrintCSS The missing parts. The bad parts. Andreas Jung (ZOPYX) info@zopyx.com www.print-css.rocks W3C PrintCSS Workshop @XMLPrague 2020 1 https:!//cutt.ly/jrIh5TI
  • 2. ANDREAS JUNG ‣ background in electronic publishing since 1995 ‣ freelancer and independent consultant since 2004 ‣ large scale content management based on Plone CMS ‣ individual Python software development ‣ electronic publishing solutions ‣ founder of print-css.rocks project (2016?) 2
  • 3. ‣ vendor-neutral information about "PrintCSS" ‣ information about tools ‣ tested tools: ‣ PrinceXML ‣ Antennahouse ‣ PDFreactor ‣ WeasyPrint ‣ tutorial and lessons ‣ "PrintCSS" related resources 3
  • 8. THE "STANDARD" (1/2) ‣ Draft: CSS Paged Media Module Level 3 (2018) ‣ Draft: CSS Generated Content for Paged Media Module (2014) ‣ various CSS Level 2-4 drafts and standards ‣ status of some drafts unclear (unmaintained, work-in-progress, discontinued?) ‣ many vendor specific extensions (development usually driven by customer needs) ‣ limited cross-platform compatibility and interoperability 8
  • 9. THE "STANDARD" (2/2) ‣ conflicting implementations ‣ conflicting interpretations of the "standard" ‣ missing test suites ‣ adaptation of new CSS standards ‣ browsers: fast ‣ PrintCSS tool: slow 9
  • 10. THE INCOMPLETE PARTS ‣ 🚫 table splits: repeated captions, page breaks within row spans. ‣ 🚫 deficiencies with page areas and running elements ‣ 🚫 floating of block elements is weak and incomplete (many vendor extensions) ‣ 🚫 image positioning, image floating and adaptive scaling (CSS Figures, Håkon Wium Lie) ‣ 🚫 Javascript support missing or only partly implemented ‣ 🚫 multi-column layouts (CSS Multi-column Layout Module Level 1) ‣ 🚫 consistent flex box and grid support 10
  • 11. THE MISSING PARTS ‣ 🚫 CSS 3 Exclusions ‣ 🚫 Floating of whole-page block elements to named pages ‣ 🚫 Standard for hyphenation dictionaries and exceptions ‣ 🚫 Auto-sizing of text (general: blocks) to fit into container ‣ 🚫 Sidenotes are a huge mess (positioning, floating, multi column environments) ‣ 🚫 consistent rendering behavior ‣ 🚫 Tests, tests, tests 11
  • 12. DEVELOPER EXPERIENCE WITH PRINTCSS ‣ 🚫 no professional development tools ‣ 🚫 rendering process is a blackbox process ‣ 🚫 no/few tracing/introspection options on the rendering process ‣ 🚫 lengthy trial-and-error development ‣ 🚫 no influence on the rendering process besides CSS 12
  • 13. THE ECOSYSTEM ‣ CSS Paged Media tools: ‣ few commercial tools ‣ even fewer non-commercial, free tools ‣ limited options ‣ in-depth evaluation needed for advanced projects ‣ at one point you need to decide and pick one tool 13