Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Creating Realistic Designs That Work and Won't ...

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Garth Braithwaite Garth Braithwaite
October 08, 2014
Design
150
1

Creating Realistic Designs That Work and Won't Frustrate Your Developer

Avatar for Garth Braithwaite

Garth Braithwaite

October 08, 2014

More Decks by Garth Braithwaite

See All by Garth Braithwaite
Sometimes You Suck
Avatar for Garth Braithwaite garthdb
0
650
PhoneGap Needs Design
Avatar for Garth Braithwaite garthdb
0
160
Open Source Needs Design
Avatar for Garth Braithwaite garthdb
0
1k
Working with Design in Development
Avatar for Garth Braithwaite garthdb
1
91
How to Design
Avatar for Garth Braithwaite garthdb
1
720
Designers Can Open Source
Avatar for Garth Braithwaite garthdb
1
1.2k
Resolution Independence
Avatar for Garth Braithwaite garthdb
0
100
Retina Ready
Avatar for Garth Braithwaite garthdb
3
6k
Rapid HTML Prototypes
Avatar for Garth Braithwaite garthdb
9
10k

Other Decks in Design

See All in Design
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
140
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.6k
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
140
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
3.1k
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
180
30分でわかるインサイトマネジメント（2025年12月バージョン）
Avatar for Centou centou
1
620
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
1
2.7k
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
270
The Art of Caring
Avatar for Klemens klemens
0
330
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
3
28k
デザイナーが主導権を握る、AI協業の本音と実践
Avatar for satosio satosio
7
3.3k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
220

Featured

See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.4k
Thoughts on Productivity
Avatar for Jon Yablonski jonyablonski
76
5.2k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.1k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.3k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
150
Between Models and Reality
Avatar for mayunak mayunak
4
300
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
183
10k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.6k
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
1.7k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
300

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None

  11. • Make your boss happy • Make the client happy

    • Create portfolio pieces • Make something that looks beautiful • Push the limits of the web

  12. • 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
  13. None

  14. • 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
  15. None
  16. None

  17. The struggle.

  18. Not that kind of developer.

  19. None

  20. Performance.

  21. None
  22. None
  23. None
  24. None

  25. Fragmentation.

  26. None
  27. None
  28. None
  29. None
  30. None
  31. None

  32. Fragmentation.

  33. None
  34. None

  35. Dynamically impossible.

  36. Dynamically difficult.

  37. None
  38. None
  39. None
  40. None

  41. Motion, touch, and scroll.

  42. 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…
  43. None
  44. None
  45. None
  46. None
  47. None
  48. None
  49. None

  50. Rich interactive experiences.

  51. Photoshop is a Liar. Photoshop is a liar.

  52. source: cssbeauty.com

  53. source: blogs.adobe.com/jnack

  54. Photoshop is a Liar. Webkit Illustrator

  55. Illustrator Webkit

  56. Fragmentation.

  57. None

  58. Photoshop is a Liar. Layout.

  59. None
  60. None
  61. None
  62. None