Design with Code

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

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