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
610
PhoneGap Needs Design
garthdb
0
150
Open Source Needs Design
garthdb
0
970
Working with Design in Development
garthdb
1
87
How to Design
garthdb
1
690
Designers Can Open Source
garthdb
1
1.1k
Resolution Independence
garthdb
0
94
Retina Ready
garthdb
3
6k
Rapid HTML Prototypes
garthdb
9
10k
Other Decks in Design
See All in Design
デザイナーのAI活用とチームへの浸透戦略
ukaoli
0
130
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
170
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
770
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
220
Yumika Yamada Portfolio
yumii
0
2k
[2025.6.30 もがく中堅デザイナー、キャリアの分岐点] なんでもやる系デザイナーのもがきかた
taka_piya
1
4.1k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
600
デザイナー向けフライル説明資料
toshiblues
0
180
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
190
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
mkasumi
0
450
プロダクトリニューアルと同時に進める初めてのデザインシステム
techtekt
PRO
0
140
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
420
Featured
See All Featured
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
920
Understanding Cognitive Biases in Performance Measurement
bluesmoon
31
2.7k
Building Applications with DynamoDB
mza
96
6.7k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Embracing the Ebb and Flow
colly
88
4.9k
Building a Modern Day E-commerce SEO Strategy
aleyda
44
7.8k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
The Pragmatic Product Professional
lauravandoore
36
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