Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Minimalist Designer behind the curious Developer
Search
Sayanee
January 16, 2013
Technology
8
390
Minimalist Designer behind the curious Developer
A case study of a fun weekend hack project - from design to code.
Sayanee
January 16, 2013
Tweet
Share
More Decks by Sayanee
See All by Sayanee
Podcasting with Jekyll
sayanee
1
930
Rails API
sayanee
5
490
Learning with Open Source
sayanee
3
300
ECMAScript 6 - part 1
sayanee
3
370
ECMAScript 6 - part 2
sayanee
1
260
Responsive Web Design for Beginners
sayanee
9
930
Travel to Balkans + Hungary
sayanee
2
220
Styling with SASS
sayanee
9
580
Create a Cinemgraph
sayanee
2
190
Other Decks in Technology
See All in Technology
アジャイルチームが変化し続けるための組織文化とマネジメント・アプローチ / Agile management that enables ever-changing teams
kakehashi
3
3.2k
.NET AspireでAzure Functionsやクラウドリソースを統合する
tsubakimoto_s
0
180
信頼されるためにやったこと、 やらなかったこと。/What we did to be trusted, What we did not do.
bitkey
PRO
0
2.1k
ドメイン駆動設計の実践により事業の成長スピードと保守性を両立するショッピングクーポン
lycorptech_jp
PRO
6
700
Amazon Q Developerで.NET Frameworkプロジェクトをモダナイズしてみた
kenichirokimura
1
190
コロプラのオンボーディングを採用から語りたい
colopl
5
910
My small contributions - Fujiwara Tech Conference 2025
ijin
0
1.3k
Cloudflareで実現する AIエージェント ワークフロー基盤
kmd09
0
270
Fabric 移行時の躓きポイントと対応策
ohata_ds
1
150
FODにおけるホーム画面編成のレコメンド
watarukudo
PRO
2
210
20241228 - 成為最強魔法使!AI 實時生成比賽的策略 @ 2024 SD AI 年會
dpys
0
350
AWSマルチアカウント統制環境のすゝめ / 20250115 Mitsutoshi Matsuo
shift_evolve
0
100
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
19
3.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
230
52k
Rails Girls Zürich Keynote
gr2m
94
13k
Designing for Performance
lara
604
68k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
950
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
173
50k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
570
Automating Front-end Workflow
addyosmani
1366
200k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
27
1.5k
Learning to Love Humans: Emotional Interface Design
aarron
274
40k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
8
1.2k
Transcript
the minimalist Designer Developer within the curious a case study
of a fun weekend project Wednesday, 16 January, 13
www.sayan.ee coder . explorer . speaker Wednesday, 16 January, 13
coder Wednesday, 16 January, 13
explorer Wednesday, 16 January, 13
explorer thanks!! Wednesday, 16 January, 13
speaker Wednesday, 16 January, 13
Process iteration . cycle . repetition Wednesday, 16 January, 13
desire design develop decide ideas ux code feedback Wednesday, 16
January, 13
ideas ux code feedback Wednesday, 16 January, 13
Desire emotions . features . ideas Wednesday, 16 January, 13
emotions encouraging open curious friendly current hands-on accessible local global
quality Wednesday, 16 January, 13
2 features encouraging open curious friendly current hands-on accessible local
global quality open events open source Wednesday, 16 January, 13
sketch desktop & laptop mobile & tablet paper & balsamiq
2 col 1 col Wednesday, 16 January, 13
ideas components color scheme responsive design general Wednesday, 16 January,
13
Design components . layout . structure with adobe fireworks Wednesday,
16 January, 13
ui kit ui Wednesday, 16 January, 13
ui kit color form table fonts typography buttons Wednesday, 16
January, 13
color scheme adobe kuler dribbble or = swatch webuildsg.ase add
to swatch color pallette Wednesday, 16 January, 13
fonts choice filters download opensans-regular.ttf code preview font pairing Wednesday,
16 January, 13
960 grids fireworks > menu > file > new from
template Wednesday, 16 January, 13
filters properties panel effects drop shadow Wednesday, 16 January, 13
shapes rounded rectangles corner design resize without distortion Wednesday, 16
January, 13
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
pages master page - repeated parts header, footer, etc Wednesday,
16 January, 13
export file > export preview in browser options hover effects
Wednesday, 16 January, 13
logo geometric shape first letter mobile app icon apple touch
icons logo, favicon Wednesday, 16 January, 13
Develop css . html . javascript Wednesday, 16 January, 13
structure sass + compass > css Wednesday, 16 January, 13
slicing 1. web slice 2. optimise 3. export Wednesday, 16
January, 13
grids Wednesday, 16 January, 13
color variables font variables sass > css Wednesday, 16 January,
13
css properties Wednesday, 16 January, 13
jade > html viewport facebook og google fonts apple touch
icons gridline in dev stylesheet Wednesday, 16 January, 13
responsive 2 col > 1 col wider smaller Wednesday, 16
January, 13
Decide launch . feedback Wednesday, 16 January, 13
feedback constructive! Wednesday, 16 January, 13
next steps show more api user entry user entry url
performance design development social icons Wednesday, 16 January, 13
api integration github facebook eventbrite meetup.com manual manual Wednesday, 16
January, 13
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
resources html5boilerplate.com sass-lang.com compass-style.org mhs.github.com/scout-app/ jade-lang.com Wednesday, 16 January, 13
thanx ;-) Wednesday, 16 January, 13