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

Minimalist Designer behind the curious Developer

83f7b66c4dee7effbb3717027f99282b?s=47 Sayanee
January 16, 2013
Technology
8
290

Minimalist Designer behind the curious Developer

A case study of a fun weekend hack project - from design to code.

83f7b66c4dee7effbb3717027f99282b?s=128

Sayanee

January 16, 2013
Tweet

More Decks by Sayanee

See All by Sayanee
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
2
590
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
5
390
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
3
270
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
3
300
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
1
190
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
9
860
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
2
170
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
9
480
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
2
160

Other Decks in Technology

See All in Technology
2f8b61ad31dd9c6ada4a90af746290fd?s=48 shotakashihara
1
1.3k
Bf7fe621f4fe1615c228ef8a79b87282?s=48 shirayanagiryuji
1
400
510ec964f5d26c2724c883fd7b671e3d?s=48 cygames
1
350
53850955f15249a1a9dc49df6113e400?s=48 line_developers
PRO
0
140
D99b232749259de3083102b4b32199bc?s=48 ray_30cm_ns
0
280
567600e04dbcb14d6bd8f120e6625a27?s=48 tsuyo
0
180
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
220
A4d5b3aae2e67f31b513c88c726514c2?s=48 smzksts
0
220
E783e2d26dc6388730b73ced1348c638?s=48 vkbaba
0
110
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
150
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
1
1.3k
3420e65cb2d008af23ec2ca10afe0aef?s=48 yuuturn
1
130

Featured

See All Featured
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
7
660
D8fc2580cfaca035f666d9e4ee79a7f7?s=48 mongodb
23
3.8k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
270
16k
C44e1f7e22c3f23cff7bc130871047ef?s=48 eileencodes
113
25k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
145
19k
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
69
3.5k
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
17
640
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
1.4k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
287
110k
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
251
11k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
156
6.4k
E13c31390e0369fcd5972292ce0e7b92?s=48 jnunemaker
PRO
40
4.5k

Transcript

  1. the minimalist Designer Developer within the curious a case study

    of a fun weekend project Wednesday, 16 January, 13

  2. www.sayan.ee coder . explorer . speaker Wednesday, 16 January, 13

  3. coder Wednesday, 16 January, 13

  4. explorer Wednesday, 16 January, 13

  5. explorer thanks!! Wednesday, 16 January, 13

  6. speaker Wednesday, 16 January, 13

  7. Process iteration . cycle . repetition Wednesday, 16 January, 13

  8. desire design develop decide ideas ux code feedback Wednesday, 16

    January, 13

  9. ideas ux code feedback Wednesday, 16 January, 13

  10. Desire emotions . features . ideas Wednesday, 16 January, 13

  11. emotions encouraging open curious friendly current hands-on accessible local global

    quality Wednesday, 16 January, 13

  12. 2 features encouraging open curious friendly current hands-on accessible local

    global quality open events open source Wednesday, 16 January, 13

  13. sketch desktop & laptop mobile & tablet paper & balsamiq

    2 col 1 col Wednesday, 16 January, 13

  14. ideas components color scheme responsive design general Wednesday, 16 January,

    13

  15. Design components . layout . structure with adobe fireworks Wednesday,

    16 January, 13

  16. ui kit ui Wednesday, 16 January, 13

  17. ui kit color form table fonts typography buttons Wednesday, 16

    January, 13

  18. color scheme adobe kuler dribbble or = swatch webuildsg.ase add

    to swatch color pallette Wednesday, 16 January, 13

  19. fonts choice filters download opensans-regular.ttf code preview font pairing Wednesday,

    16 January, 13

  20. 960 grids fireworks > menu > file > new from

    template Wednesday, 16 January, 13

  21. filters properties panel effects drop shadow Wednesday, 16 January, 13

  22. shapes rounded rectangles corner design resize without distortion Wednesday, 16

    January, 13

  23. state 1. 2 states 2. slice tool 3. behaviors 4.

    preview hover File > Preview In Browser > Preview in Google Chrome Window > Behaviors Window > States Wednesday, 16 January, 13

  24. pages master page - repeated parts header, footer, etc Wednesday,

    16 January, 13

  25. export file > export preview in browser options hover effects

    Wednesday, 16 January, 13

  26. logo geometric shape first letter mobile app icon apple touch

    icons logo, favicon Wednesday, 16 January, 13

  27. Develop css . html . javascript Wednesday, 16 January, 13

  28. structure sass + compass > css Wednesday, 16 January, 13

  29. slicing 1. web slice 2. optimise 3. export Wednesday, 16

    January, 13

  30. grids Wednesday, 16 January, 13

  31. color variables font variables sass > css Wednesday, 16 January,

    13

  32. css properties Wednesday, 16 January, 13

  33. jade > html viewport facebook og google fonts apple touch

    icons gridline in dev stylesheet Wednesday, 16 January, 13

  34. responsive 2 col > 1 col wider smaller Wednesday, 16

    January, 13

  35. Decide launch . feedback Wednesday, 16 January, 13

  36. feedback constructive! Wednesday, 16 January, 13

  37. next steps show more api user entry user entry url

    performance design development social icons Wednesday, 16 January, 13

  38. api integration github facebook eventbrite meetup.com manual manual Wednesday, 16

    January, 13

  39. desire design develop 2 features 2 base colors 2 fonts

    1 logo 2 weekends 1 stylesheet simple intuitive many devices decide 2 features 2 design change performance Wednesday, 16 January, 13

  40. resources html5boilerplate.com sass-lang.com compass-style.org mhs.github.com/scout-app/ jade-lang.com Wednesday, 16 January, 13

  41. thanx ;-) Wednesday, 16 January, 13