Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
RIP WYSIWYG
Search
Jason Rhodes
March 06, 2013
Technology
3
2k
RIP WYSIWYG
How structured content can make you skinny, happy, and rich. (Given at Digital 360 2013)
Jason Rhodes
March 06, 2013
Tweet
Share
More Decks by Jason Rhodes
See All by Jason Rhodes
What's New with React, 2018 Edition
rhodesjason
0
68
Snapshot Everything
rhodesjason
0
65
Make Something Dumb
rhodesjason
0
70
Node Workshop: NorfolkJS Edition
rhodesjason
0
110
Nuclear Pizza Machine
rhodesjason
0
150
How to Succeed With JavaScript (Without Really Trying)
rhodesjason
0
130
NodeSchool is OSCCL
rhodesjason
0
180
NodeSchool Intro: Sept 27, 2014
rhodesjason
1
86
Started from the Bottom
rhodesjason
0
120
Other Decks in Technology
See All in Technology
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
lycorptech_jp
PRO
0
140
GeminiとNotebookLMによる金融実務の業務革新
abenben
0
240
asken AI勉強会(Android)
tadashi_sato
0
130
Amazon Bedrockで実現する 新たな学習体験
kzkmaeda
2
650
整頓のジレンマとの戦い〜Tidy First?で振り返る事業とキャリアの歩み〜/Fighting the tidiness dilemma〜Business and Career Milestones Reflected on in Tidy First?〜
bitkey
0
150
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
350
作曲家がボカロを使うようにPdMはAIを使え
itotaxi
0
360
フィンテック養成勉強会#54
finengine
0
200
OPENLOGI Company Profile for engineer
hr01
1
33k
BrainPadプログラミングコンテスト記念LT会2025_社内イベント&問題解説
brainpadpr
1
170
Microsoft Build 2025 技術/製品動向 for Microsoft Startup Tech Community
torumakabe
2
320
生成AI開発案件におけるClineの業務活用事例とTips
shinya337
0
160
Featured
See All Featured
A Tale of Four Properties
chriscoyier
160
23k
The Invisible Side of Design
smashingmag
300
51k
Automating Front-end Workflow
addyosmani
1370
200k
Designing for Performance
lara
609
69k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Fireside Chat
paigeccino
37
3.5k
Building Adaptive Systems
keathley
43
2.6k
Being A Developer After 40
akosma
90
590k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
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.