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

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

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
90
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
97
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
Figma MCPを活用するためのデザインハンドブック
Avatar for viviON vivion
7
16k
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
Avatar for koyaman koyaman
1
1.8k
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
350
プロダクトデザイナーに学ぶ、『見る気が起きる』ダッシュボードの作り方 / Creating Engaging Dashboards: Lessons from Product Designers
Avatar for yamamoto-yuta yamamotoyuta
2
770
Mandalyn_DT5001_FinalAssignment.pdf
Avatar for Mandalyn Teo lynteo
0
220
Franks Myth
Avatar for George Frank Hayford-Taylor gfht1
2
460
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
2
1.1k
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
280
AIスライド生成を進化させるMDファイル
Avatar for 太田賢一 kenichiota0711
0
870
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.9k
The Art of Caring
Avatar for Klemens klemens
0
300
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.4k

Featured

See All Featured
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
30k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.6k
Believing is Seeing
Avatar for Spiro Bolos oripsolob
1
120
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.8k
What does AI have to do with Human Rights?
Avatar for Per Axbom axbom
PRO
1
2.1k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Future Trends and Review - Lecture 12 - Web Technologies (1019888BNR)
Avatar for Beat Signer signer
PRO
0
3.5k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.7k

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