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

Design with Code

Afd3cc3e385d754183336c859d9e694a?s=47 Mu-An Chiou
September 06, 2014
Technology
5
480

Design with Code

Talk @ Code Conf Hong Kong (http://codeconf.codeaholics.hk)
September 6, 2014

Afd3cc3e385d754183336c859d9e694a?s=128

Mu-An Chiou

September 06, 2014
Tweet

More Decks by Mu-An Chiou

See All by Mu-An Chiou
Details on <details>
Afd3cc3e385d754183336c859d9e694a?s=48 muan
0
130
Publishing and Hosting on GitHub pages
Afd3cc3e385d754183336c859d9e694a?s=48 muan
4
98
Having no patience(Japanese)
Afd3cc3e385d754183336c859d9e694a?s=48 muan
1
330
JSDC
Afd3cc3e385d754183336c859d9e694a?s=48 muan
2
460
Having no patience
Afd3cc3e385d754183336c859d9e694a?s=48 muan
1
270
Design in GitHub
Afd3cc3e385d754183336c859d9e694a?s=48 muan
5
340
Project Lab Squirrel #2
Afd3cc3e385d754183336c859d9e694a?s=48 muan
1
410
Project Lab Squirrel #1
Afd3cc3e385d754183336c859d9e694a?s=48 muan
8
640
A girl with no patience
Afd3cc3e385d754183336c859d9e694a?s=48 muan
18
1.9k

Other Decks in Technology

See All in Technology
インフラのCI/CDはGitHub Actionsに任せた
F5c597c41d9bc6a80cce50adbd6c7bd9?s=48 mihyon
0
120
The Fractal Geometry of Software Design
B90ab53ba7cf16ed1a4bb679cc6751d7?s=48 vladikk
1
1.3k
PUTとPOSTどっち使う？
65389cd2b6fdc531dcc4af999e864593?s=48 hankehly
0
280
【SAP知らない人向け】SAP on AWS 個人学習メモ/sap-on-aws-study
97b3cca999b52cb5296675ac0a5c12cd?s=48 emiki
3
2.4k
Design for Humans: How to make better modernization decisions
4d71670118785e492d724ba8c0ae54ad?s=48 indualagarsamy
2
130
oakのミドルウェアを書くときの技のらしきもの
6ab47a68ee78e84c34731ce12333deff?s=48 toranoana
0
140
SlackBotで あらゆる業務を自動化。問い合わせ〜DevOpsまで #CODT2022
384ef83de6b166677314f14f99aee1cd?s=48 kogatakanori
0
1k
セキュリティ 開運研修2022 / security 2022
A97eee01397705443a72a48ce29d3e19?s=48 cybozuinsideout
PRO
3
4k
XRとシビックテック
9e4ea8b3f81c2acc322cc6ed0db32be9?s=48 satoshirobatofujimoto
0
100
Building smarter apps with machine learning, from magic to reality
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
3.2k
UIKitのアップデート 
#WWDC22
9d1961575e45a8286cdde5f86dbba312?s=48 akatsuki174
4
350
データ分析基盤のはじめかた
69a81d6d4d66a348e72f7a28b265fdbe?s=48 chanyou0311
0
130

Featured

See All Featured
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
43
9.3k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
19
1.4k
VelocityConf: Rendering Performance Case Studies
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
316
22k
We Have a Design System, Now What?
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
35
3k
Learning to Love Humans: Emotional Interface Design
5f50f94346fbcb23706f0707169317a4?s=48 aarron
261
37k
A Philosophy of Restraint
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
192
15k
Happy Clients
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
89
5.6k
What's new in Ruby 2.0
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
336
30k
How To Stay Up To Date on Web Technology
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
780
250k
Bootstrapping a Software Product
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
296
110k
What the flash - Photography Introduction
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
62
10k
GraphQLとの向き合い方2022年版
893f54413c2bd9ba41d11d753aacaf2c?s=48 quramy
16
8.3k

Transcript

  1. Code Conf

  2. @MUANCHIOU !

  3. MU-AN CHIOU

  4. FURNITURE DESIGN STARTUPS GITHUB

  5. Designer Developer at " #

  6. None

  7. Co-founder of zeczec.com ᅇᅇ᜝ح Taiwanese Crowdfunding platform built on Rails

  8. Design with Code $

  9. Designer? Developer? %

  10. A designer developer… prototypes a ton writes/cares about code is

    always involved goes beyond

  11. A website’s design should begin where it’s going to live:

    in the browser. – Megan Fisher http://24ways.org/2009/make-your-mockup-in-markup/

  12. A designer developer prototypes a ton

  13. Back your arguments with a working demo. A designer developer

    prototypes a ton

  14. Green houses are no fun. A designer developer prototypes a

    ton

  15. Create a design which would survive in the wilderness. A

    designer developer prototypes a ton

  16. A designer developer prototypes a ton

  17. A designer developer prototypes a ton

  18. A designer developer prototypes a ton

  19. A designer developer prototypes a ton

  20. A designer developer prototypes a ton

  21. A designer developer writes/cares about code

  22. Test for code quality and maintainability. A designer developer writes/cares

    about code STALED SELECTORS, DEEP SELECTORS, CLASSES OVER IDS, PREFIXED CLASSES

  23. Not afraid to (try to) write code. A designer developer

    writes/cares about code

  24. Tries, fails, learns. And s. A designer developer writes/cares about

    code

  25. A designer developer is always involved

  26. Job is not done until you m A designer developer

    is always involved

  27. Every of the way. A designer developer is always involved

  28. (Background) knowledge is power. A designer developer is always involved

  29. Code is not always black magic. A designer developer is

    always involved @peff

  30. A designer developer goes beyond

  31. A designer developer goes beyond

  32. A designer developer goes beyond

  33. A designer developer goes beyond

  34. A designer developer goes beyond

  35. A designer developer goes beyond HELP!

  36. A designer developer goes beyond HELP!

  37. A designer developer goes beyond HELP!

  38. SUPER EMPOWERING. A designer developer goes beyond

  39. & RECAP

  40. A designer developer doesn’t do green houses

  41. A designer developer writes code fearlessly

  42. A designer developer can’t stay out of it THE DEVELOPMENT

    PROCESS

  43. A designer developer runs traffic lights

  44. It’s all good, but how?

  45. - Help designers help themselves

  46. - Help designers help themselves - Don’t be patronizing

  47. - Help designers help themselves - Don’t be patronizing -

    Share this talk with them

  48. I HAVE STICKERS

  49. None