Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Design with Code
Search
Mu-An Chiou
September 06, 2014
Technology
5
550
Design with Code
Talk @ Code Conf Hong Kong (
http://codeconf.codeaholics.hk
)
September 6, 2014
Mu-An Chiou
September 06, 2014
Tweet
Share
More Decks by Mu-An Chiou
See All by Mu-An Chiou
Details on <details>
muan
0
340
Publishing and Hosting on GitHub pages
muan
4
140
Having no patience(Japanese)
muan
1
370
JSDC
muan
2
550
Having no patience
muan
1
290
Design in GitHub
muan
5
370
Project Lab Squirrel #2
muan
1
630
Project Lab Squirrel #1
muan
8
850
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
個人でデジタル庁の デザインシステムをVue.jsで 作っている話
nishiharatsubasa
3
5.1k
Azure Well-Architected Framework入門
tomokusaba
1
130
Behind Postgres 18: The People, the Code, & the Invisible Work | Claire Giordano | PGConfEU 2025
clairegiordano
0
130
20251027_マルチエージェントとは
almondo_event
1
410
Wasmの気になる最新情報
askua
0
190
AI時代、“平均値”ではいられない
uhyo
8
2.6k
会社を支える Pythonという言語戦略 ~なぜPythonを主要言語にしているのか?~
curekoshimizu
3
670
「タコピーの原罪」から学ぶ間違った”支援” / the bad support of Takopii
piyonakajima
0
140
現場データから見える、開発生産性の変化コード生成AI導入・運用のリアル〜 / Changes in Development Productivity and Operational Challenges Following the Introduction of Code Generation AI
nttcom
1
470
Okta Identity Governanceで実現する最小権限の原則 / Implementing the Principle of Least Privilege with Okta Identity Governance
tatsumin39
0
170
もう外には出ない。より快適なフルリモート環境を目指して
mottyzzz
13
10k
AI駆動で進める依存ライブラリ更新 ─ Vue プロジェクトの品質向上と開発スピード改善の実践録
sayn0
1
300
Featured
See All Featured
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
658
61k
Visualization
eitanlees
149
16k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Done Done
chrislema
185
16k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Docker and Python
trallard
46
3.6k
Optimising Largest Contentful Paint
csswizardry
37
3.5k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Transcript
Code Conf
@MUANCHIOU !
MU-AN CHIOU
FURNITURE DESIGN STARTUPS GITHUB
Designer Developer at " #
None
Co-founder of zeczec.com ᅇᅇح Taiwanese Crowdfunding platform built on Rails
Design with Code $
Designer? Developer? %
A designer developer… prototypes a ton writes/cares about code is
always involved goes beyond
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/
A designer developer prototypes a ton
Back your arguments with a working demo. A designer developer
prototypes a ton
Green houses are no fun. A designer developer prototypes a
ton
Create a design which would survive in the wilderness. A
designer developer prototypes a ton
A designer developer prototypes a ton
A designer developer prototypes a ton
A designer developer prototypes a ton
A designer developer prototypes a ton
A designer developer prototypes a ton
A designer developer writes/cares about code
Test for code quality and maintainability. A designer developer writes/cares
about code STALED SELECTORS, DEEP SELECTORS, CLASSES OVER IDS, PREFIXED CLASSES
Not afraid to (try to) write code. A designer developer
writes/cares about code
Tries, fails, learns. And s. A designer developer writes/cares about
code
A designer developer is always involved
Job is not done until you m A designer developer
is always involved
Every of the way. A designer developer is always involved
(Background) knowledge is power. A designer developer is always involved
Code is not always black magic. A designer developer is
always involved @peff
A designer developer goes beyond
A designer developer goes beyond
A designer developer goes beyond
A designer developer goes beyond
A designer developer goes beyond
A designer developer goes beyond HELP!
A designer developer goes beyond HELP!
A designer developer goes beyond HELP!
SUPER EMPOWERING. A designer developer goes beyond
& RECAP
A designer developer doesn’t do green houses
A designer developer writes code fearlessly
A designer developer can’t stay out of it THE DEVELOPMENT
PROCESS
A designer developer runs traffic lights
It’s all good, but how?
- Help designers help themselves
- Help designers help themselves - Don’t be patronizing
- Help designers help themselves - Don’t be patronizing -
Share this talk with them
I HAVE STICKERS
None