Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Design with Code

Afd3cc3e385d754183336c859d9e694a?s=47 Mu-An Chiou
September 06, 2014

Design with Code

Talk @ Code Conf Hong Kong (http://codeconf.codeaholics.hk)
September 6, 2014

Afd3cc3e385d754183336c859d9e694a?s=128

Mu-An Chiou

September 06, 2014
Tweet

More Decks by Mu-An Chiou

Other Decks in Technology

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