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

Minimalist Designer behind the curious Developer

Avatar for Sayanee Sayanee
January 16, 2013
Technology
450
8

Minimalist Designer behind the curious Developer

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

Avatar for Sayanee

Sayanee

January 16, 2013

More Decks by Sayanee

See All by Sayanee
Podcasting with Jekyll
Avatar for Sayanee sayanee
1
1k
Rails API
Avatar for Sayanee sayanee
5
580
Learning with Open Source
Avatar for Sayanee sayanee
3
330
ECMAScript 6 - part 1
Avatar for Sayanee sayanee
3
430
ECMAScript 6 - part 2
Avatar for Sayanee sayanee
1
300
Responsive Web Design for Beginners
Avatar for Sayanee sayanee
9
990
Travel to Balkans + Hungary
Avatar for Sayanee sayanee
2
240
Styling with SASS
Avatar for Sayanee sayanee
9
660
Create a Cinemgraph
Avatar for Sayanee sayanee
2
210

Other Decks in Technology

See All in Technology
AI-DLC実践録_フルサイクル開発への挑戦
Avatar for Miyuki miyuc
0
210
Data Hubグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
3.2k
ガバメント AI 源内を地方自治体は活用できるのか 可能性と課題、期待について
Avatar for takeda_h takeda_h
2
430
【AG-UI × A2UI × MCP Apps】Generative UIをやさしく解説する
Avatar for NRI Netcom nrinetcom
PRO
1
140
[ChatGPT Work LT]事務作業が苦手な人のための バックオフィスの「半」自動化
Avatar for chimaki chimaki_iot
0
310
オートロックマンションなのに、各部屋は施錠なし！？ 攻撃者が組織内ネットワークで大暴れする理由 / The Front Door Is Locked, but the Rooms Are Wide Open: Why Attackers Move Freely Inside Enterprise Networks
Avatar for NTT docomo Business nttcom
1
6k
Apache Icebergインフラストラクチャ: ストレージ・カタログ・エンジンの選択肢と Clouderaプラットフォームでの実装
Avatar for tsugiyama-cloudera tsugiyama
0
110
トヨタ⽣産⽅式(TPS)⼊⾨
Avatar for Recruit recruitengineers
PRO
3
920
Reference-Free Image Quality Assessment for Virtual Try-On via Human Feedback
Avatar for ZOZO Developers zozotech
PRO
0
440
研究開発部の紹介 / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
4
24k
Agent 時代の Kaggle 展望 / kaggle-in-the-agentic-era
Avatar for Shotaro Ishihara upura
1
780
関東Kaggler会発表資料
Avatar for takoi takoi
1
250

Featured

See All Featured
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
AI Search:
Where Are We & What Can We Do About It?
Avatar for Aleyda Solis aleyda
0
7.8k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
570
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
580
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
340
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
650
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
201
75k

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