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
340

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
Podcasting with Jekyll
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
2
720
Rails API
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
5
430
Learning with Open Source
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
3
280
ECMAScript 6 - part 1
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
3
340
ECMAScript 6 - part 2
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
1
230
Responsive Web Design for Beginners
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
9
900
Travel to Balkans + Hungary
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
2
180
Styling with SASS
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
9
520
Create a Cinemgraph
83f7b66c4dee7effbb3717027f99282b?s=48 sayanee
2
170

Other Decks in Technology

See All in Technology
長年運用されてきたモノリシックアプリケーションをコンテナ化しようとするとどんな問題に遭遇するか？ / SRE NEXT 2022
3e77f9dbec6a87756d1dbdddab283aee?s=48 nulabinc
PRO
15
8.1k
ドキュメントの翻訳に必要なこと
0d0586f83b68c623c4f04c752c4b515b?s=48 mayukosawai
0
190
SRENEXT2022 組織にSREを実装していくまでの道のり
9cd2d753636f4849c881ccf2381228ee?s=48 marnie0301
1
790
Remixの凄みを紹介したい
56f81d479d44a1e00a577424bb45fd4a?s=48 aiji42
4
3.2k
プルリク作ったらデプロイされる仕組み on ECS / SRE NEXT 2022
2537ce662eb08182e617ec7944981437?s=48 carta_engineering
1
610
⚡Lightdashを試してみた
2c6a9bc003b77685330cc9359b6fbbc4?s=48 k_data_analyst
0
220
Agile and Requirement : アジャイルな要件定義について考える
A64ac825509279a770c13c6fc517f11a?s=48 kawaguti
PRO
10
3.6k
YAMLを書くだけで構築できる分散ストレージ
842515eaf8fbb2dfcc75197e7797dc15?s=48 sat
PRO
0
230
Oracle Cloud Infrastructure：2022年5月度サービス・アップデート
140494d272a4d89883a94fdfdb29dea2?s=48 oracle4engineer
PRO
0
150
動的ルーティング・ゲートウェイ (DRG) 概要
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
0
120
[SRE NEXT 2022]メルカリグループにおけるSREs
667ad57b416187cb22589158805603b4?s=48 srenext
0
550
開発者のための GitHub Organization の安全な運用と 継続的なモニタリング
9b565bcc5e776225de62be25cc30f97f?s=48 flatt_security
3
4k

Featured

See All Featured
Streamline your AJAX requests with AmplifyJS and jQuery
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
125
8.5k
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
213
7.5k
Making Projects Easy
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
98
4.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
237
19k
4 Signs Your Business is Dying
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
169
20k
Art, The Web, and Tiny UX
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
280
17k
A Tale of Four Properties
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
149
20k
Gamification - CAS2011
4394ceb8b277f35ee3da7030384efb5d?s=48 davidbonilla
75
3.9k
Building Flexible Design Systems
91cefdf141106fa10674aae74ce05890?s=48 yeseniaperezcruz
310
33k
Done Done
282d599b414022eba5096510f675b6e2?s=48 chrislema
174
14k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
212
20k
Why You Should Never Use an ORM
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
47
5.6k

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