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
580
5
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Design with Code
Talk @ Code Conf Hong Kong (
http://codeconf.codeaholics.hk
)
September 6, 2014
Mu-An Chiou
September 06, 2014
More Decks by Mu-An Chiou
See All by Mu-An Chiou
Details on <details>
muan
0
380
Publishing and Hosting on GitHub pages
muan
4
170
Having no patience(Japanese)
muan
1
410
JSDC
muan
2
560
Having no patience
muan
1
330
Design in GitHub
muan
5
390
Project Lab Squirrel #2
muan
1
680
Project Lab Squirrel #1
muan
8
900
A girl with no patience
muan
18
2k
Other Decks in Technology
See All in Technology
手塩にかけりゃいいってもんじゃない
ming_ayami
0
600
SONiC Scale-Up Working Group から探る Scale-UpやUltraEthernet機能の実装方法
ebiken
PRO
2
360
FinOps × AIエージェントで実現する コストインシデントの自動調査
oasis1994liveforever
0
150
気軽に使える"情報のハブ"としてのNotion活用 〜フロー情報の集積点 と、 Claude Code × Notion AI〜
syucream
1
150
Bedrock AgentCore RuntimeでAuth0 Changelog調査AIをアップグレードした話
t5u8a5a
1
170
プロダクト開発から業務改善コンサルまで。事業全体へ「染み出す」ことで広がるエンジニアの可能性
ham0215
0
130
Agent Skills設計で柔軟性と硬さのバランスが難しい話
nassy20
0
130
AIエージェントが名古屋の猛暑からあなたを守る
happysamurai294
0
130
AIっぽい文章を採点して人間らしく直すアプリを作ってみた
yama3133
2
200
GitHub Copilot 最新アップデート – 「一歩先」の実践活用術
moulongzhang
4
1.3k
攻撃者視点で考えるDetection Engineering
cryptopeg
3
1.9k
ACE-Step-1.5で見る 音楽生成AIのしくみと“破綻だけ直す”Retake機能の開発【zennfes spring 2026 登壇資料】
personabb
1
520
Featured
See All Featured
Joys of Absence: A Defence of Solitary Play
codingconduct
1
390
Accessibility Awareness
sabderemane
1
140
SEO for Brand Visibility & Recognition
aleyda
0
4.6k
The SEO identity crisis: Don't let AI make you average
varn
0
490
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.3k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
230
How to optimise 3,500 product descriptions for ecommerce in one day using ChatGPT
katarinadahlin
PRO
1
3.6k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
840
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.5k
Leading Effective Engineering Teams in the AI Era
addyosmani
9
2.1k
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