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
540
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
330
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
620
Project Lab Squirrel #1
muan
8
850
A girl with no patience
muan
18
1.9k
Other Decks in Technology
See All in Technology
開発 × 生成AI × コミュニケーション:GENDAの開発現場で感じたコミュニケーションの変化 / GENDA Tech Talk #1
genda
0
230
リモートワークで心掛けていること 〜AI活用編〜
naoki85
0
150
Oracle Exadata Database Service on Cloud@Customer X11M (ExaDB-C@C) サービス概要
oracle4engineer
PRO
2
6.3k
Google Cloud で学ぶデータエンジニアリング入門 2025年版 #GoogleCloudNext / 20250805
kazaneya
PRO
22
5.3k
S3 Glacier のデータを Athena からクエリしようとしたらどうなるのか/try-to-query-s3-glacier-from-athena
emiki
0
220
ファッションコーディネートアプリ「WEAR」における、Vertex AI Vector Searchを利用したレコメンド機能の開発・運用で得られたノウハウの紹介
zozotech
PRO
0
320
Amazon GuardDuty での脅威検出:脅威検出の実例から学ぶ
kintotechdev
0
110
2時間で300+テーブルをデータ基盤に連携するためのAI活用 / FukuokaDataEngineer
sansan_randd
0
150
ロールが細分化された組織でSREと協働するインフラエンジニアは何をするか? / SRE Lounge #18
kossykinto
0
220
生成AI時代におけるAI・機械学習技術を用いたプロダクト開発の深化と進化 #BetAIDay
layerx
PRO
1
1.2k
生成AIによるソフトウェア開発の収束地点 - Hack Fes 2025
vaaaaanquish
29
13k
Agent Development Kitで始める生成 AI エージェント実践開発
danishi
0
150
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Adopting Sorbet at Scale
ufuk
77
9.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Automating Front-end Workflow
addyosmani
1370
200k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Six Lessons from altMBA
skipperchong
28
3.9k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
183
54k
BBQ
matthewcrist
89
9.8k
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