Co-founder of zeczec.com
ᅇᅇح
Taiwanese Crowdfunding platform built on Rails
Slide 8
Slide 8 text
Design with Code
$
Slide 9
Slide 9 text
Designer? Developer?
%
Slide 10
Slide 10 text
A designer developer…
prototypes a ton
writes/cares about code
is always involved
goes beyond
Slide 11
Slide 11 text
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/
Slide 12
Slide 12 text
A designer developer prototypes a ton
Slide 13
Slide 13 text
Back your arguments
with a working demo.
A designer developer prototypes a ton
Slide 14
Slide 14 text
Green houses are no fun.
A designer developer prototypes a ton
Slide 15
Slide 15 text
Create a design which
would survive in the wilderness.
A designer developer prototypes a ton
Slide 16
Slide 16 text
A designer developer prototypes a ton
Slide 17
Slide 17 text
A designer developer prototypes a ton
Slide 18
Slide 18 text
A designer developer prototypes a ton
Slide 19
Slide 19 text
A designer developer prototypes a ton
Slide 20
Slide 20 text
A designer developer prototypes a ton
Slide 21
Slide 21 text
A designer developer writes/cares about code
Slide 22
Slide 22 text
Test for
code quality and maintainability.
A designer developer writes/cares about code
STALED SELECTORS, DEEP SELECTORS,
CLASSES OVER IDS, PREFIXED CLASSES
Slide 23
Slide 23 text
Not afraid to (try to) write code.
A designer developer writes/cares about code
Slide 24
Slide 24 text
Tries, fails, learns.
And s.
A designer developer writes/cares about code
Slide 25
Slide 25 text
A designer developer is always involved
Slide 26
Slide 26 text
Job is not done
until you m
A designer developer is always involved
Slide 27
Slide 27 text
Every of the way.
A designer developer is always involved
Slide 28
Slide 28 text
(Background) knowledge is power.
A designer developer is always involved
Slide 29
Slide 29 text
Code is not always black magic.
A designer developer is always involved
@peff
Slide 30
Slide 30 text
A designer developer goes beyond
Slide 31
Slide 31 text
A designer developer goes beyond
Slide 32
Slide 32 text
A designer developer goes beyond
Slide 33
Slide 33 text
A designer developer goes beyond
Slide 34
Slide 34 text
A designer developer goes beyond
Slide 35
Slide 35 text
A designer developer goes beyond
HELP!
Slide 36
Slide 36 text
A designer developer goes beyond
HELP!
Slide 37
Slide 37 text
A designer developer goes beyond
HELP!
Slide 38
Slide 38 text
SUPER EMPOWERING.
A designer developer goes beyond
Slide 39
Slide 39 text
&
RECAP
Slide 40
Slide 40 text
A designer developer doesn’t do green houses
Slide 41
Slide 41 text
A designer developer writes code fearlessly
Slide 42
Slide 42 text
A designer developer can’t stay out of it
THE DEVELOPMENT PROCESS
Slide 43
Slide 43 text
A designer developer runs traffic lights
Slide 44
Slide 44 text
It’s all good, but how?
Slide 45
Slide 45 text
- Help designers help themselves
Slide 46
Slide 46 text
- Help designers help themselves
- Don’t be patronizing
Slide 47
Slide 47 text
- Help designers help themselves
- Don’t be patronizing
- Share this talk with them