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
300

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
610
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
0d9e60b12d0a40841b1a746b112ad36b?s=48 aamine
4
800
40301c0affdf359eaca771713e22b71a?s=48 harshbothra
0
120
94870c02836167043f37f05ae1032690?s=48 tatsy
2
400
6b8e2101579190ad96e747e01c279898?s=48 pauloxnet
1
300
B1dca90d4b3ffd2ccd918774e1ba170d?s=48 hmatsu47
2
130
97d180294474e9df01503148f3b11f39?s=48 lambda
0
220
E16d7e90ab7c34c73e92099dc67e5fb6?s=48 teruterubohz_ibm
0
160
7e6a435700dda6cdb22105d601f20892?s=48 picardparis
4
2.4k
88964b936e864ca7d326272eaa70fa9a?s=48 hgsgtk
1
840
17e27e023d9616b72b9e4426533fffc6?s=48 kema1015
0
560
6154244654c5f07cdf7c09da61bfe55f?s=48 bcrikko
1
160
1e210dc7083cc282628ff071926b9351?s=48 nnstt1
2
110

Featured

See All Featured
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
104
6.3k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
146
20k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
72
1.5k
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
226
8.6k
39488f9d172ab92fd352f2cd7b73258d?s=48 mza
80
4.2k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
258
24k
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
340
16k
Af6a12710770ad9a7cfd08c97efd40d3?s=48 pedronauck
652
110k
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
683
180k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
18
2.1k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
221
47k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
392
61k

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