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
Creating Realistic Designs That Work and Won't ...
Search
Garth Braithwaite
October 08, 2014
Design
1
140
Creating Realistic Designs That Work and Won't Frustrate Your Developer
Garth Braithwaite
October 08, 2014
Tweet
Share
More Decks by Garth Braithwaite
See All by Garth Braithwaite
Sometimes You Suck
garthdb
0
590
PhoneGap Needs Design
garthdb
0
150
Open Source Needs Design
garthdb
0
940
Working with Design in Development
garthdb
1
81
How to Design
garthdb
1
670
Designers Can Open Source
garthdb
1
1.1k
Resolution Independence
garthdb
0
93
Retina Ready
garthdb
3
6k
Rapid HTML Prototypes
garthdb
9
10k
Other Decks in Design
See All in Design
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
760
Saudade typeface
tiagoporto
0
330
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
1k
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
910
ポートフォリオ_webデザイナー
nami_webdesigner
0
120
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
390
株式会社バクタム 会社説明資料
bactum
0
260
ランドマークが光る!季節を彩るナビ体験 - Mobility Night #3 -
kitau
0
100
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
Kid Cowboy 103
marilutwin
0
280
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Balancing Empowerment & Direction
lara
1
490
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.7k
The Cost Of JavaScript in 2023
addyosmani
51
8.6k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
Making Projects Easy
brettharned
116
6.3k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Building Adaptive Systems
keathley
43
2.7k
Transcript
None
None
None
None
None
None
None
None
None
None
• Make your boss happy • Make the client happy
• Create portfolio pieces • Make something that looks beautiful • Push the limits of the web
• Make your boss happy • Make the client happy
• Create portfolio pieces • Make something that looks beautiful • Push the limits of the web • Help the user accomplish their tasks
None
• Make your boss happy • Make the client happy
• Create portfolio pieces • Make something that looks beautiful • Learn new coding techniques • Write code efficiently • Push the limits of the web • Help the user accomplish their tasks
None
None
The struggle.
Not that kind of developer.
None
Performance.
None
None
None
None
Fragmentation.
None
None
None
None
None
None
Fragmentation.
None
None
Dynamically impossible.
Dynamically difficult.
None
None
None
None
Motion, touch, and scroll.
When the user clicks the link the page should slide
out with an ease-out *woosh* when the new one pushes in from the other side…
None
None
None
None
None
None
None
Rich interactive experiences.
Photoshop is a Liar. Photoshop is a liar.
source: cssbeauty.com
source: blogs.adobe.com/jnack
Photoshop is a Liar. Webkit Illustrator
Illustrator Webkit
Fragmentation.
None
Photoshop is a Liar. Layout.
None
None
None
None