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

Minimalist Designer behind the curious Developer

Sayanee
January 16, 2013
Technology
8
350

Minimalist Designer behind the curious Developer

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

Sayanee

January 16, 2013
Tweet

More Decks by Sayanee

See All by Sayanee
Podcasting with Jekyll
sayanee
2
780
Rails API
sayanee
5
450
Learning with Open Source
sayanee
3
280
ECMAScript 6 - part 1
sayanee
3
350
ECMAScript 6 - part 2
sayanee
1
240
Responsive Web Design for Beginners
sayanee
9
910
Travel to Balkans + Hungary
sayanee
2
180
Styling with SASS
sayanee
9
530
Create a Cinemgraph
sayanee
2
170

Other Decks in Technology

See All in Technology
5分でわかるファストドクターテクノロジーズ
fast_doctor
0
270
データ分析基盤の要件分析の話（202201_JEDAI）
yabooun
0
400
Oracle Cloud Infrastructure：2023年1月度サービス・アップデート
oracle4engineer
PRO
0
190
CSS Variable をもっと活用する / Kyoto.js 18
spring_raining
2
1.1k
AWS Cloud Forensics & Incident Response
e11i0t_4lders0n
0
430
re:Inventの完全招待制イベント Building a Roadmap to SaaSについて / Building a Roadmap to SaaS an invitation only event at reinvent
yayoi_dd
0
290
NGINXENG JP#2 - 1-NGINX-エンジニアリング勉強会-きょうの見どころ
hiropo20
0
120
MLOps Workshopでの学びと弥生の研究開発基盤 / takeaways from MLOps workshop and YAYOI's research and development infrastructure
yayoi_dd
0
300
ポストモーテム運用を支える文化と技術 / Culture and Technology Supporting Postmortem Operations
chaspy
2
170
はじめてスポンサー運営PMをやってみてわかった4つのこと
andpad
3
260
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
3
16k
SSMパラメーターストアでクロススタック参照の罠を回避する
shuyakinjo
1
8k

Featured

See All Featured
What's new in Ruby 2.0
geeforr
336
30k
Making Projects Easy
brettharned
102
4.8k
Docker and Python
trallard
30
1.9k
Designing for humans not robots
tammielis
245
24k
Keith and Marios Guide to Fast Websites
keithpitt
407
21k
The Art of Programming - Codeland 2020
erikaheidi
36
11k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1.1M
Statistics for Hackers
jakevdp
785
210k
5 minutes of I Can Smell Your CMS
philhawksworth
198
18k
Debugging Ruby Performance
tmm1
67
11k
No one is an island. Learnings from fostering a developers community.
thoeni
12
1.5k
WebSockets: Embracing the real-time Web
robhawkes
58
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