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
67
Snapshot Everything
rhodesjason
0
65
Make Something Dumb
rhodesjason
0
68
Node Workshop: NorfolkJS Edition
rhodesjason
0
100
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
84
Started from the Bottom
rhodesjason
0
120
Other Decks in Technology
See All in Technology
“⾞が通れるほど⼤きな”セキュリティーホールを抑えながらログインしたい
taiseiue
0
160
TypeScript と歩む OpenAPI の discriminator / OpenAPI discriminator with TypeScript
kaminashi
1
150
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
25k
kintone開発組織のDevOpsへの移り変わりと実践
ueokande
1
120
Azure Developer CLI と Azure Deployment Environment / Azure Developer CLI and Azure Deployment Environment
nnstt1
1
130
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
740
Java 30周年記念! Javaの30年をふりかえる
skrb
1
770
Introduction to Bill One Development Engineer
sansan33
PRO
0
240
AIコードエディタは開発を変えるか?Cursorをチームに導入して1ヶ月経った本音
ota1022
1
700
OTel meets Wasm: プラグイン機構としてのWebAssemblyから見る次世代のObservability
lycorptech_jp
PRO
1
300
プロジェクトマネジメント実践論|現役エンジニアが語る!~チームでモノづくりをする時のコツとは?~
mixi_engineers
PRO
3
180
LT:組込み屋さんのオシロが壊れた!
windy_pon
0
460
Featured
See All Featured
The Language of Interfaces
destraynor
158
25k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
180
53k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.6k
How GitHub (no longer) Works
holman
314
140k
GitHub's CSS Performance
jonrohan
1031
460k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Scaling GitHub
holman
459
140k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
19
1.3k
Designing Experiences People Love
moore
142
24k
Being A Developer After 40
akosma
91
590k
How to train your dragon (web standard)
notwaldorf
92
6k
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.