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
90
Snapshot Everything
rhodesjason
0
90
Make Something Dumb
rhodesjason
0
84
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
220
NodeSchool Intro: Sept 27, 2014
rhodesjason
1
110
Started from the Bottom
rhodesjason
0
140
Other Decks in Technology
See All in Technology
GoのInterface内部構造から学ぶ!最高パフォーマンスを出すコード設計
yappli_developers
1
210
エージェントはローカル、検証はMicroVM — Lambda MicroVMsでつくるServerless CI
fujioka6789
3
550
開発投資の期待値を上げるプロダクトロードマップづくり ~プロダクトエンジニアが越境して事業を伸ばす~
kekekenta
1
230
EventBridge に「合流」はない ― サーバーレスのワークフローを育てるということ / No Join in EventBridge
yusukeshimizu
2
340
Minecraft JavaのMODをSwiftで作る
1mash0
0
190
Slack上でインフラをトラブルシュートする! Agentic Platform Engineeringの第一歩
teru0x1
5
1.8k
JSONataとAWS Step Functionsで目指すRuntimelessな世界
mu7889yoon
0
320
AIに任せた品質は、誰が見立てるのか - AI時代のテストマネジメント
nakanao
3
2.5k
サーバーレスをどこまで使う? WebRTC対戦ゲームで選んだVPSとの共存設計
kaidouji85
0
220
Cloudflare Workers 向けアプリを C# で構築する ~WASM Native AOT への道~
nenonaninu
1
600
Claude Codeを「使うほど育つ」AI秘書にするノウハウ
minorun365
PRO
32
29k
AI coding 整合正規方法
philipz
0
390
Featured
See All Featured
Optimizing for Happiness
mojombo
378
71k
Odyssey Design
rkendrick25
PRO
2
810
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.7k
Code Reviewing Like a Champion
maltzj
528
40k
Are puppies a ranking factor?
jonoalderson
2
3.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
Art, The Web, and Tiny UX
lynnandtonic
304
22k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
25k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
4 Signs Your Business is Dying
shpigford
187
23k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
69
65k
[RailsConf 2023] Rails as a piece of cake
palkan
59
7k
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.