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
550

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
340
Publishing and Hosting on GitHub pages
Avatar for Mu-An Chiou muan
4
140
Having no patience(Japanese)
Avatar for Mu-An Chiou muan
1
370
JSDC
Avatar for Mu-An Chiou muan
2
550
Having no patience
Avatar for Mu-An Chiou muan
1
290
Design in GitHub
Avatar for Mu-An Chiou muan
5
370
Project Lab Squirrel #2
Avatar for Mu-An Chiou muan
1
630
Project Lab Squirrel #1
Avatar for Mu-An Chiou muan
8
860
A girl with no patience
Avatar for Mu-An Chiou muan
18
1.9k

Other Decks in Technology

See All in Technology
Data & AIの未来とLakeHouse
Avatar for Satoru Ishikawa ishikawa_satoru
0
710
Flutterコントリビューションのススメ
Avatar for Koji Wakamiya d_r_1009
1
340
AIと共に開発する時代の組織、プロセス設計 freeeでの実践から見えてきたこと
Avatar for freee freee
3
560
What's the recommended Flutter architecture
Avatar for AAkira aakira
1
740
プロダクトエンジニアとしてのマインドセットの育み方 / How to improve product engineer mindset
Avatar for Jumpei Sakatsu saka2jp
2
210
なぜインフラコードのモジュール化は難しいのか - アプリケーションコードとの本質的な違いから考える
Avatar for Gosuke Miyashita mizzy
34
10k
AI時代に必要なデータプラットフォームの要件とは by @Kazaneya_PR / 20251107
Avatar for 風音屋 (Kazaneya) kazaneya
PRO
4
960
バクラクの AI-BPO を支える AI エージェント 〜とそれを支える Bet AI Guild〜
Avatar for Tomoaki tomoaki25
1
350
エンタープライズ企業における開発効率化のためのコンテキスト設計とその活用
Avatar for sergicalsix sergicalsix
1
300
ソフトウェアテストのAI活用_ver1.50
Avatar for fumisuke fumisuke
0
290
どうなる Remix 3
Avatar for Hisateru Tanaka tanakahisateru
2
350
仕様駆動 x Codex で 超効率開発
Avatar for Izumu KUSUNOKI ismk
2
1.3k

Featured

See All Featured
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.8k
Navigating Team Friction
Avatar for Lara Hogan lara
190
15k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
140
34k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
54
7.9k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.6k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.8k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
9.7k

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