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
59
Snapshot Everything
rhodesjason
0
53
Make Something Dumb
rhodesjason
0
62
Node Workshop: NorfolkJS Edition
rhodesjason
0
95
Nuclear Pizza Machine
rhodesjason
0
130
How to Succeed With JavaScript (Without Really Trying)
rhodesjason
0
120
NodeSchool is OSCCL
rhodesjason
0
170
NodeSchool Intro: Sept 27, 2014
rhodesjason
1
81
Started from the Bottom
rhodesjason
0
110
Other Decks in Technology
See All in Technology
pg_bigmをRustで実装する(第50回PostgreSQLアンカンファレンス@オンライン 発表資料)
shinyakato_
0
110
UI State設計とテスト方針
rmakiyama
2
690
私なりのAIのご紹介 [2024年版]
qt_luigi
1
120
Working as a Server-side Engineer at LY Corporation
lycorp_recruit_jp
0
290
Oracle Cloudの生成AIサービスって実際どこまで使えるの? エンジニア目線で試してみた
minorun365
PRO
4
300
マイクロサービスにおける容易なトランザクション管理に向けて
scalar
0
140
普通のエンジニアがLaravelコアチームメンバーになるまで
avosalmon
0
120
Turing × atmaCup #18 - 1st Place Solution
hakubishin3
0
500
ゼロから創る横断SREチーム 挑戦と進化の軌跡
rvirus0817
2
270
組織に自動テストを書く文化を根付かせる戦略(2024冬版) / Building Automated Test Culture 2024 Winter Edition
twada
PRO
18
5.1k
株式会社ログラス − エンジニア向け会社説明資料 / Loglass Comapany Deck for Engineer
loglass2019
3
32k
AWS環境におけるランサムウェア攻撃対策の設計
nrinetcom
PRO
0
110
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Faster Mobile Websites
deanohume
305
30k
Agile that works and the tools we love
rasmusluckow
328
21k
KATA
mclloyd
29
14k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
YesSQL, Process and Tooling at Scale
rocio
169
14k
The Cult of Friendly URLs
andyhume
78
6.1k
4 Signs Your Business is Dying
shpigford
182
21k
Building Adaptive Systems
keathley
38
2.3k
Building a Scalable Design System with Sketch
lauravandoore
460
33k
Making the Leap to Tech Lead
cromwellryan
133
9k
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.