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
540
PhoneGap Needs Design
garthdb
0
150
Open Source Needs Design
garthdb
0
860
Working with Design in Development
garthdb
1
77
How to Design
garthdb
1
640
Designers Can Open Source
garthdb
1
1k
Resolution Independence
garthdb
0
85
Retina Ready
garthdb
3
6k
Rapid HTML Prototypes
garthdb
9
10k
Other Decks in Design
See All in Design
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
120
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
280
Dinosaur Mayhem
storyartist
0
140
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
680
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
550
藤本佳子・ポートフォリオ・2025/01
yoshi_designer
0
3.3k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
790k
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
2.9k
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
240
Museum Heist
allykae
0
120
Featured
See All Featured
BBQ
matthewcrist
86
9.5k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
114
50k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Why Our Code Smells
bkeepers
PRO
335
57k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
How to Ace a Technical Interview
jacobian
276
23k
A designer walks into a library…
pauljervisheath
205
24k
[RailsConf 2023] Rails as a piece of cake
palkan
53
5.2k
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