19. ✓ Narrative text
Reports, documentation, long-form news
✓ Islands of structure
Galleries, instruction, data visualizations
✓ Placement that matters
“But the gallery goes with that paragraph!”
15
36. Transform For Output
25
<gallery id=1>Tagline!</gallery>
Mobile web
Enhanced web
Email
Partner API
Printable PDF
Mobile app
Title, link
Scrolling gallery
Image, caption, link
Strip entirely
“See page x…”
JSON data
▶
▶
▶
▶
▶
▶
68. Four Steps
‣ Define your “content language”
‣ Use fields, entities, and custom markup
‣ Store, manage your vocabulary, not HTML’s
‣ Transform for output
48
69. Five Payoffs
‣ More creative freedom
‣ Easier to transform and repurpose
‣ Streamlined editing
‣ Less one-off development
‣ Improved communication
49