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
410
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
960
Rails API
sayanee
5
520
Learning with Open Source
sayanee
3
300
ECMAScript 6 - part 1
sayanee
3
390
ECMAScript 6 - part 2
sayanee
1
270
Responsive Web Design for Beginners
sayanee
9
950
Travel to Balkans + Hungary
sayanee
2
220
Styling with SASS
sayanee
9
610
Create a Cinemgraph
sayanee
2
190
Other Decks in Technology
See All in Technology
新卒3年目の後悔〜機械学習モデルジョブの運用を頑張った話〜
kameitomohiro
0
290
AWS全冠したので振りかえってみる
tajimon
0
140
AIエージェントの継続的改善のためオブザーバビリティ
pharma_x_tech
6
1.2k
2025/6/21 日本学術会議公開シンポジウム発表資料
keisuke198619
2
340
研究開発部メンバーの働き⽅ / Sansan R&D Profile
sansan33
PRO
3
17k
(新URLに移行しました)FASTと向き合うことで見えた、大規模アジャイルの難しさと楽しさ
wooootack
0
720
宇宙パトロール ルル子から考える LT設計のコツ
masakiokuda
2
100
Nonaka Sensei
kawaguti
PRO
4
690
評価の納得感を2段階高める「構造化フィードバック」
aloerina
1
180
Tenstorrent 開発者プログラム
tenstorrent_japan
0
310
比起獨自升級 我更喜歡 DevOps 文化 <3
line_developers_tw
PRO
0
200
API の仕様から紐解く「MCP 入門」 ~MCP の「コンテキスト」って何だ?~
cdataj
0
160
Featured
See All Featured
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Side Projects
sachag
455
42k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Making Projects Easy
brettharned
116
6.2k
4 Signs Your Business is Dying
shpigford
184
22k
Into the Great Unknown - MozCon
thekraken
39
1.8k
The Cult of Friendly URLs
andyhume
79
6.4k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
780
What's in a price? How to price your products and services
michaelherold
245
12k
Balancing Empowerment & Direction
lara
1
300
Six Lessons from altMBA
skipperchong
28
3.8k
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