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

Design with Code

Avatar for Mu-An Chiou Mu-An Chiou
September 06, 2014
Technology
5
560

Design with Code

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

Avatar for Mu-An Chiou

Mu-An Chiou

September 06, 2014
Tweet

More Decks by Mu-An Chiou

See All by Mu-An Chiou
Details on <details>
Avatar for Mu-An Chiou muan
0
360
Publishing and Hosting on GitHub pages
Avatar for Mu-An Chiou muan
4
150
Having no patience(Japanese)
Avatar for Mu-An Chiou muan
1
390
JSDC
Avatar for Mu-An Chiou muan
2
550
Having no patience
Avatar for Mu-An Chiou muan
1
310
Design in GitHub
Avatar for Mu-An Chiou muan
5
370
Project Lab Squirrel #2
Avatar for Mu-An Chiou muan
1
650
Project Lab Squirrel #1
Avatar for Mu-An Chiou muan
8
880
A girl with no patience
Avatar for Mu-An Chiou muan
18
2k

Other Decks in Technology

See All in Technology
2025年 山梨の技術コミュニティを振り返る
Avatar for しみず ゆうき yuukis
0
160
I tried making a solo advent calendar!
Avatar for otsuka zzzzico
0
150
困ったCSVファイルの話
Avatar for もっち mottyzzz
0
190
製造業から学んだ「本質を守り現場に合わせるアジャイル実践」
Avatar for yaskamito kamitokusari
0
610
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
3.6k
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
17k
AIと融ける人間の冒険
Avatar for pujisi pujisi
0
120
チームで安全にClaude Codeを利用するためのプラクティス / team-claude-code-practices
Avatar for tomoki10 tomoki10
7
3.2k
人工知能のための哲学塾 ニューロフィロソフィ篇 第零夜 「ニューロフィロソフィとは何か？」
Avatar for miyayou miyayou
0
430
戰略轉變：從建構 AI 代理人到發展可擴展的技能生態系統
Avatar for Bo-Yi Wu appleboy
0
190
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.9k
「違う現場で格闘する二人」——社内コミュニティがつないだトヨタ流アジャイルの実践とその先
Avatar for Shin shinichitakeuchi
0
320

Featured

See All Featured
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
78
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
Avatar for Aleyda Solis aleyda
1
1.8k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
Avatar for Kenny Baas-Schwegler baasie
0
430
KATA
Avatar for Megan Lloyd mclloyd
PRO
33
15k
HDC tutorial
Avatar for Michiel Stock michielstock
1
320
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
0
280
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
1
220
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
110

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