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
530
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
300
Publishing and Hosting on GitHub pages
muan
4
130
Having no patience(Japanese)
muan
1
360
JSDC
muan
2
530
Having no patience
muan
1
290
Design in GitHub
muan
5
360
Project Lab Squirrel #2
muan
1
580
Project Lab Squirrel #1
muan
8
820
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
Googleマップ/Earthが一般化した 地図タイルのイマ
mapconcierge4agu
1
200
Tech Blogを書きやすい環境づくり
lycorptech_jp
PRO
0
120
管理者しか知らないOutlookの裏側のAIを覗く#AzureTravelers
hirotomotaguchi
1
240
PL900試験から学ぶ Power Platform 基礎知識講座
kumikeyy
0
110
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
100
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
2
880
マルチモーダル理解と生成の統合 DeepSeek Janus, etc... / Multimodal Understanding and Generation Integration
hiroga
0
360
依存関係があるコンポーネントは Barrel ファイルでまとめよう
azukiazusa1
3
530
技術負債の「予兆検知」と「状況異変」のススメ / Technology Dept
i35_267
1
1k
滅・サービスクラス🔥 / Destruction Service Class
sinsoku
6
1.5k
【Developers Summit 2025】プロダクトエンジニアから学ぶ、 ユーザーにより高い価値を届ける技術
niwatakeru
2
890
2.5Dモデルのすべて
yu4u
2
610
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Rails Girls Zürich Keynote
gr2m
94
13k
Building a Modern Day E-commerce SEO Strategy
aleyda
38
7.1k
KATA
mclloyd
29
14k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Faster Mobile Websites
deanohume
306
31k
GitHub's CSS Performance
jonrohan
1030
460k
Being A Developer After 40
akosma
89
590k
Six Lessons from altMBA
skipperchong
27
3.6k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
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