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
420
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
960
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
より良いプロダクトの開発を目指して - 情報を中心としたプロダクト開発 #phpcon #phpcon2025
bengo4com
1
3.2k
rubygem開発で鍛える設計力
joker1007
2
270
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
kubell_hr
1
240
ネットワーク保護はどう変わるのか?re:Inforce 2025最新アップデート解説
tokushun
0
150
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
440
asken AI勉強会(Android)
tadashi_sato
0
140
Flutter向けPDFビューア、pdfrxのpdfium WASM対応について
espresso3389
0
100
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
2
810
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
1
510
ビギナーであり続ける/beginning
ikuodanaka
3
380
Witchcraft for Memory
pocke
1
670
5min GuardDuty Extended Threat Detection EKS
takakuni
0
180
Featured
See All Featured
Rails Girls Zürich Keynote
gr2m
94
14k
A designer walks into a library…
pauljervisheath
207
24k
Music & Morning Musume
bryan
46
6.6k
The Language of Interfaces
destraynor
158
25k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Documentation Writing (for coders)
carmenintech
72
4.9k
How to train your dragon (web standard)
notwaldorf
94
6.1k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
Speed Design
sergeychernyshev
32
1k
VelocityConf: Rendering Performance Case Studies
addyosmani
331
24k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
RailsConf 2023
tenderlove
30
1.1k
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