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

Minimalist Designer behind the curious Developer

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Sayanee Sayanee
January 16, 2013
Technology
440
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
570
Learning with Open Source
Avatar for Sayanee sayanee
3
320
ECMAScript 6 - part 1
Avatar for Sayanee sayanee
3
420
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
650
Create a Cinemgraph
Avatar for Sayanee sayanee
2
210

Other Decks in Technology

See All in Technology
はじめてのDatadog
Avatar for KairiM kairim0
0
220
人が担う「価値」とは？これからの「QA」とは / Human Value and the Future of Quality Assurance
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
130
Generative UI × A2UI で AI エージェントを作った話　AI-DLC も使ってみた！
Avatar for たけのこ kmiya84377
1
280
Kaggle未経験社員をメダリストに育てる「AIドラゴン桜」
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
650
JEP 522 Deep Dive - G1 GC同期コスト削減によるスループット向上を徹底検証&解説
Avatar for Daishi Tabata tabatad
1
340
Datadog 認定試験の概要と対策
Avatar for Uechi Shingo uechishingo
0
190
ポスター発表&デモと総括 / Poster Presentations & Demonstrations and Summary
Avatar for Kenji Saito ks91
PRO
0
160
「使われるデータ基盤」を目指してデータアナリストとワークショップをやった話
Avatar for jackojacko_ jackojacko_
2
930
さきさん文庫の書籍ができるまで
Avatar for H.Saki sakiengineer
0
300
自称宇宙最速で不合格となったAIP-C01にリベンジを果たすべくAIで問題集アプリを作ってみた。
Avatar for Yuuki Yamashita yama3133
0
240
データ分析基盤の信頼を支える視点と設計
Avatar for Yuki yuki_saito
2
760
Platform engineering for developers, architects & the rest of us (AI agents)
Avatar for danielbryantuk danielbryantuk
0
130

Featured

See All Featured
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
270
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
2
560
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
1.5k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.1k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
920
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
3.2k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.8k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.3k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
163
24k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
160
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
190
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
210

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