$30 off During Our Annual Pro Sale. View Details »

Design with Code

Mu-An Chiou
September 06, 2014

Design with Code

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

Mu-An Chiou

September 06, 2014
Tweet

More Decks by Mu-An Chiou

Other Decks in Technology

Transcript

  1. Code Conf


    View Slide

  2. @MUANCHIOU
    !

    View Slide

  3. MU-AN CHIOU

    View Slide

  4. FURNITURE DESIGN
    STARTUPS
    GITHUB


    View Slide

  5. Designer Developer at "
    #

    View Slide

  6. View Slide

  7. Co-founder of zeczec.com
    ᅇᅇ᜝ح
    Taiwanese Crowdfunding platform built on Rails

    View Slide

  8. Design with Code
    $

    View Slide

  9. Designer? Developer?
    %

    View Slide

  10. A designer developer…
    prototypes a ton
    writes/cares about code
    is always involved
    goes beyond

    View Slide

  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/

    View Slide

  12. A designer developer prototypes a ton

    View Slide

  13. Back your arguments
    with a working demo.
    A designer developer prototypes a ton

    View Slide

  14. Green houses are no fun.
    A designer developer prototypes a ton

    View Slide

  15. Create a design which
    would survive in the wilderness.
    A designer developer prototypes a ton

    View Slide

  16. A designer developer prototypes a ton

    View Slide

  17. A designer developer prototypes a ton

    View Slide

  18. A designer developer prototypes a ton

    View Slide

  19. A designer developer prototypes a ton

    View Slide

  20. A designer developer prototypes a ton

    View Slide

  21. A designer developer writes/cares about code

    View Slide

  22. Test for
    code quality and maintainability.
    A designer developer writes/cares about code
    STALED SELECTORS, DEEP SELECTORS,
    CLASSES OVER IDS, PREFIXED CLASSES

    View Slide

  23. Not afraid to (try to) write code.
    A designer developer writes/cares about code

    View Slide

  24. Tries, fails, learns.
    And s.
    A designer developer writes/cares about code

    View Slide

  25. A designer developer is always involved

    View Slide

  26. Job is not done
    until you m
    A designer developer is always involved

    View Slide

  27. Every of the way.

    A designer developer is always involved

    View Slide

  28. (Background) knowledge is power.
    A designer developer is always involved

    View Slide

  29. Code is not always black magic.
    A designer developer is always involved
    @peff

    View Slide

  30. A designer developer goes beyond

    View Slide

  31. A designer developer goes beyond

    View Slide


  32. A designer developer goes beyond

    View Slide



  33. A designer developer goes beyond

    View Slide




  34. A designer developer goes beyond


    View Slide




  35. A designer developer goes beyond


    HELP!

    View Slide




  36. A designer developer goes beyond


    HELP!

    View Slide




  37. A designer developer goes beyond





    HELP!

    View Slide

  38. SUPER EMPOWERING.
    A designer developer goes beyond

    View Slide

  39. &
    RECAP

    View Slide

  40. A designer developer doesn’t do green houses

    View Slide

  41. A designer developer writes code fearlessly

    View Slide

  42. A designer developer can’t stay out of it
    THE DEVELOPMENT PROCESS

    View Slide

  43. A designer developer runs traffic lights

    View Slide

  44. It’s all good, but how?

    View Slide

  45. - Help designers help themselves

    View Slide

  46. - Help designers help themselves
    - Don’t be patronizing

    View Slide

  47. - Help designers help themselves
    - Don’t be patronizing
    - Share this talk with them

    View Slide


  48. I HAVE STICKERS

    View Slide

  49. View Slide