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
400
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
940
Rails API
sayanee
5
500
Learning with Open Source
sayanee
3
300
ECMAScript 6 - part 1
sayanee
3
380
ECMAScript 6 - part 2
sayanee
1
270
Responsive Web Design for Beginners
sayanee
9
940
Travel to Balkans + Hungary
sayanee
2
220
Styling with SASS
sayanee
9
600
Create a Cinemgraph
sayanee
2
190
Other Decks in Technology
See All in Technology
Compose MultiplatformにおけるiOSネイティブ実装のベストプラクティス
enomotok
1
210
どっちの API SHOW?SharePoint 開発における SharePoint REST API Microsoft Graph API の違い / Which API show? Differences between Microsoft Graph API and SharePoint REST API
karamem0
0
110
大規模プロジェクトにおける 品質管理の要点と実践 / 20250327 Suguru Ishii
shift_evolve
0
290
非エンジニアにも伝えるメールセキュリティ / Email security for non-engineers
ykanoh
13
4k
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
20k
ソフトウェアプロジェクトの成功率が上がらない原因-「社会価値を考える」ということ-
ytanaka5569
0
130
Riverpod & Riverpod Generatorを利用して状態管理部分の処理を書き換えてみる簡単な事例紹介
fumiyasac0921
0
110
Keynote - KCD Brazil - Platform Engineering on K8s (portuguese)
salaboy
0
130
Cline、めっちゃ便利、お金が飛ぶ💸
iwamot
19
19k
Amazon GuardDuty Malware Protection for Amazon S3を使おう
ryder472
2
110
数百台のオンプレミスのサーバーをEKSに移行した話
yukiteraoka
0
680
ペアプログラミングにQAが加わった!職能を超えたモブプログラミングの事例と学び
tonionagauzzi
1
150
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
48
7.6k
Scaling GitHub
holman
459
140k
Unsuck your backbone
ammeep
670
57k
It's Worth the Effort
3n
184
28k
A Philosophy of Restraint
colly
203
16k
RailsConf 2023
tenderlove
29
1k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
GitHub's CSS Performance
jonrohan
1030
460k
Mobile First: as difficult as doing things right
swwweet
223
9.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
22
2.6k
Git: the NoSQL Database
bkeepers
PRO
429
65k
A Modern Web Designer's Workflow
chriscoyier
693
190k
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