Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
RIP WYSIWYG
Search
Jason Rhodes
March 06, 2013
Technology
2k
3
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
RIP WYSIWYG
How structured content can make you skinny, happy, and rich. (Given at Digital 360 2013)
Jason Rhodes
March 06, 2013
More Decks by Jason Rhodes
See All by Jason Rhodes
What's New with React, 2018 Edition
rhodesjason
0
92
Snapshot Everything
rhodesjason
0
95
Make Something Dumb
rhodesjason
0
85
Node Workshop: NorfolkJS Edition
rhodesjason
0
130
Nuclear Pizza Machine
rhodesjason
0
190
How to Succeed With JavaScript (Without Really Trying)
rhodesjason
0
160
NodeSchool is OSCCL
rhodesjason
0
230
NodeSchool Intro: Sept 27, 2014
rhodesjason
1
110
Started from the Bottom
rhodesjason
0
140
Other Decks in Technology
See All in Technology
ハードウェアコンペでもAI駆動開発が進んでいる話
iotengineer22
1
680
AI駆動開発、viviONの1年 ── うまくいったこと・いかなかったこと
vivion
0
290
Snapshot Testing in Practice: Predictable and Reliable SwiftUI Views
fespinoza
0
180
「Docker Desktop不要の時代」は 来たのか?
ueponx
0
490
初対面のメンバーがチームを組み、Claude Codeでゼロからサービスをリリース
mkdev10
1
120
自作バイナリを動かす「入口」8選
puhitaku
2
1.3k
freeeらしさをAIとともに作る / Creating the freee Experience with AI
ymrl
0
220
AI時代だからこそ推したい!Gitコマンド再入門
munakata
0
170
自分で立ててみるLLMサービス
y_sera15
0
160
並行性の問題を防げ!実践トランザクション入門
occhi
0
280
OSC2026on_the-world-is-waiting-for-your-voice.pdf
naruoga
0
370
ファミコンでPHPを動かす / PHP on the Famicom side b
tomzoh
0
140
Featured
See All Featured
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
74
42k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
390
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
23k
New Earth Scene 8
popppiees
4
2.7k
Bash Introduction
62gerente
615
220k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
davidcarrasco
3
280
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
helenjbeal
2
410
sira's awesome portfolio website redesign presentation
elsirapls
0
450
Docker and Python
trallard
47
4.2k
The innovator’s Mindset - Leading Through an Era of Exponential Change - McGill University 2025
jdejongh
PRO
1
370
Learning to Love Humans: Emotional Interface Design
aarron
275
41k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Transcript
WYSIWYG But structured content will make you skinny, happy, and
rich
@rhodesjason github.com/jasonrhodes notrobotic.com
WIETERS
None
1. Why WYSIWYGs are EVIL 2. Another definition of SC
3. How to find your structure 4. How we built the Hub 5. CMS demos LET’S TALK ABOUT FIVE THINGS
None
None
I NEED DESIGN IN MY CONTENT
WHAT I SAW WASN’T WHAT I GOT
I NEED DESIGN IN MY CONTENT
None
BIG AREA OF MOST IMPORTANT CONTENT (BAMIC)
None
None
CONTENT RUINS EVERYTHING
I NEED DESIGN IN MY CONTENT
Which design?
None
AND THEN WE TOLD THEM THERE WAS ONLY ONE DESIGN
CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT DESIGN
CONTENT CONTENT CONTENT CONTENT CONTENT CONTENT DESIGN DESIGN DESIGN DESIGN
DESIGN
I NEED DESIGN IN MY CONTENT
None
None
DESIGN IN CONTENT
WAIT
None
‣ Article ‣ Blog Post ‣ Person ‣ Image Object
Object Name Author Date ( properties )
Object 1 ( relationship ) Object 2
implicit (dynamic) relationships Object 1 Title: Lacrosse team beats UMD
Object 2 Title: New lacrosse field approved for 2014
explicit (manual) relationships Object 1 Related: Object 2 Object 2
Related:
and relationships Objects have properties with other objects WHAT IS
STRUCTURED CONTENT?
None
HOW WE USED STRUCTURED CONTENT TO BUILD A HUB
WHAT’S A HUB?
Medicine Public Health Arts and Sciences Engineering Nursing Education Business
Peabody Center for Talented Youth Applied Physics Laboratory
LET’S BUILD A NEWS SITE
None
None
None
None
FACTORY OUTLET “API”
None
None
BAMIC
{{ content }} ???
{{ headline }} {{ subheadline }} {{ image }} {{
body }}
None
None
Articles Images Videos Courses Campuses People Research papers Grants Buildings
Events Donations Messages EVERYTHING IS OBJECT
All articles that mention people who work in the Reed
building
All events happening tomorrow that take place on Homewood campus
All courses on topics that are mentioned in grants that
are currently funded by NIH
SO MUCH POWERRRRR
#1 KNOW YOUR CONTENT STRUCTURED CONTENT: HOW?
STRUCTURED CONTENT: HOW? #2 DEFINE OBJECTS
STRUCTURED CONTENT: HOW? #3 LIMIT PROPERTIES
STRUCTURED CONTENT: HOW? #4 CREATE MEANINGFUL RELATIONSHIPS
STRUCTURED CONTENT: HOW? #5 CLASSIFY
None
None
None
Object
None
( properties )
Relationships?
None
None
None
Object
None
None
( properties )
Relationships?
The Structured Content Promise 1. Know your content 2. Plan
your structure 3. Pick a tool 4. ... 5. Profit!
Questions? WITH PRIZES!
@rhodesjason github.com/jasonrhodes notrobotic.com Thanks.