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
540

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
330
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
620
Project Lab Squirrel #1
Avatar for Mu-An Chiou muan
8
850
A girl with no patience
Avatar for Mu-An Chiou muan
18
1.9k

Other Decks in Technology

See All in Technology
250905 大吉祥寺.pm 2025 前夜祭 「プログラミングに出会って20年、『今』が1番楽しい」
Avatar for Masaya Kudo msykd
PRO
1
190
TypeScript入門
Avatar for Recruit recruitengineers
PRO
33
11k
PRDの正しい使い方 ～AI時代にも効く思考・対話・成長ツールとして～
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
290
攻撃と防御で実践するプロダクトセキュリティ演習～導入パート～
Avatar for Recruit recruitengineers
PRO
3
1.7k
役割は変わっても、変わらないもの 〜スクラムマスターからEMへの転身で学んだ信頼構築の本質〜 / How to build trust
Avatar for ShinoP shinop
0
150
カミナシ社の『ID管理基盤』製品内製 - その意思決定背景と2年間の進化 #AWSUnicornDay / Kaminashi ID - The Big Whys
Avatar for 株式会社カミナシ kaminashi
3
710
LLM翻訳ツールの開発と海外のお客様対応等への社内導入事例
Avatar for gree_tech gree_tech
PRO
0
420
ヘブンバーンズレッドのレンダリングパイプライン刷新
Avatar for gree_tech gree_tech
PRO
0
430
【 LLMエンジニアがヒューマノイド開発に挑んでみた 】 - 第104回 Machine Learning 15minutes! Hybrid
Avatar for soneo1127 soneo1127
0
230
「魔法少女まどか☆マギカ Magia Exedra」のグローバル展開を支える、開発チームと翻訳チームの「意識しない協創」を実現するローカライズシステム
Avatar for gree_tech gree_tech
PRO
0
420
今！ソフトウェアエンジニアがハードウェアに手を出すには
Avatar for mackee mackee
0
130
ZOZOマッチのアーキテクチャと技術構成
Avatar for ZOZO Developers zozotech
PRO
2
1.1k

Featured

See All Featured
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
351
21k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3k
Navigating Team Friction
Avatar for Lara Hogan lara
189
15k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
51
5.6k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
110
20k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k

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