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
Crafthouse Dublin
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
davidhughes
December 04, 2012
Design
1
94
Crafthouse Dublin
davidhughes
December 04, 2012
Tweet
Share
Other Decks in Design
See All in Design
Ralph Penel Portfolio
ralphpenel
0
350
root COMPANY DECK / We are hiring!
root_recruit
2
27k
CULTURE DECK/Frontend Engineer
mhand01
0
990
ドルちゃん
design_dolphins
0
580
結びながら、ひらく - にじむ境界のデザイン
hilokifigma
3
1.5k
インハウスデザイン組織で挑む自社ブランディング
mixi_design
PRO
0
120
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
250
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
2
280
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
750
CULTURE DECK/Creative Director
mhand01
0
900
Spacemarket Brand Guide
spacemarket
2
300
【サイバーエージェント】Creative Switch 会社説明資料
cyberagent_creators
0
5.4k
Featured
See All Featured
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
320
Thoughts on Productivity
jonyablonski
75
5.1k
30 Presentation Tips
portentint
PRO
1
250
Docker and Python
trallard
47
3.8k
The SEO Collaboration Effect
kristinabergwall1
0
400
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.4k
Designing Experiences People Love
moore
143
24k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
techseoconnect
PRO
0
140
We Have a Design System, Now What?
morganepeng
55
8k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
reverentgeek
1
390
How to make the Groovebox
asonas
2
2k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
tammyeverts
2
250
Transcript
Craft means you care. Craft means you know.
Designer @itsdavidhughes
None
None
R.I.P. 2000 — 2012
None
None
None
Web typography
Web typography What is Typecast?
Web typography What is Typecast? (demo)
Web typography What is Typecast? (demo) Lessons
Web typography
None
Optimizing typography is optimizing readability, accessibility, usability, overall graphic balance.
— Oliver Reichenstein
Optimizing typography is optimizing readability, accessibility, usability, overall graphic balance.
17
…It is the typographer’s task to divide up, organize and
interpret this mass of printed…
…matter in such a way that the reader will have
a good chance of finding what is of interest to him.
…matter in such a way that the reader will have
a good chance of finding what is of interest to him.
None
..
None
None
None
None
None
None
None
None
None
None
33
34
Limited range
Images or worse
Web fonts
38
Unlimited range
Variable quality
Using them is hard
Let’s show you
Lessons
You don’t have to know everything at the beginning
None
None
None
Speak to people
None
None
None
Speed of iteration
None
People weren’t sticking around
People weren’t sticking around Not returning
People weren’t sticking around Not returning Getting started is too
hard
None
None
None
People were creating more projects
People were creating more projects Weren’t doing much
People were creating more projects Weren’t doing much Some were
abandoning
None
None
My craft