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
580
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
10
470
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
3
160

Other Decks in Technology

See All in Technology
22ac00b36d2057e61ee1c06f0f5dc6cb?s=48 nakazax
2
140
7c4b1ae16723b56facc7a8a8f95aa6ce?s=48 jmortega
1
140
874ff503a00697a857e198a0ebb8f55f?s=48 ailaboocu
0
160
961126d9892ae4df45249529a0721571?s=48 sugamasao
2
300
96f06c7c9af1405aa0f0e4102b2812be?s=48 iwashi86
9
2.7k
8434e5fcdb11033234455d4b2bfb6bb3?s=48 voyage_tech
0
580
609308e6510e41133d30460eef1ccd36?s=48 no24oka
1
220
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
1
2.2k
95aaab3d693889550fd2e7ae02f2f789?s=48 takaking22
13
5.1k
179d41d0fdd38c6980de9f2ae0e4768a?s=48 9wick
0
310
C674863ab039e10ecc16d79f9f7328b6?s=48 diatonic_codes
0
130
7689d16bbad8f2fa05a5e9afb8527675?s=48 fatsushi
2
800

Featured

See All Featured
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
191
8.3k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
190
8.7k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
54
6k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
90
13k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
227
17k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
10
630
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
101
5.8k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
29
3.2k
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
266
16k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.2k

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