Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Minimalist Designer behind the curious Developer
Sayanee
January 16, 2013
Technology
8
340
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
2
720
Rails API
sayanee
5
430
Learning with Open Source
sayanee
3
280
ECMAScript 6 - part 1
sayanee
3
340
ECMAScript 6 - part 2
sayanee
1
230
Responsive Web Design for Beginners
sayanee
9
900
Travel to Balkans + Hungary
sayanee
2
180
Styling with SASS
sayanee
9
520
Create a Cinemgraph
sayanee
2
170
Other Decks in Technology
See All in Technology
長年運用されてきたモノリシックアプリケーションをコンテナ化しようとするとどんな問題に遭遇するか? / SRE NEXT 2022
nulabinc
PRO
15
8.1k
ドキュメントの翻訳に必要なこと
mayukosawai
0
190
SRENEXT2022 組織にSREを実装していくまでの道のり
marnie0301
1
790
Remixの凄みを紹介したい
aiji42
4
3.2k
プルリク作ったらデプロイされる仕組み on ECS / SRE NEXT 2022
carta_engineering
1
610
⚡Lightdashを試してみた
k_data_analyst
0
220
Agile and Requirement : アジャイルな要件定義について考える
kawaguti
PRO
10
3.6k
YAMLを書くだけで構築できる分散ストレージ
sat
PRO
0
230
Oracle Cloud Infrastructure:2022年5月度サービス・アップデート
oracle4engineer
PRO
0
150
動的ルーティング・ゲートウェイ (DRG) 概要
ocise
0
120
[SRE NEXT 2022]メルカリグループにおけるSREs
srenext
0
550
開発者のための GitHub Organization の安全な運用と 継続的なモニタリング
flatt_security
3
4k
Featured
See All Featured
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
125
8.5k
Mobile First: as difficult as doing things right
swwweet
213
7.5k
Making Projects Easy
brettharned
98
4.3k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
237
19k
4 Signs Your Business is Dying
shpigford
169
20k
Art, The Web, and Tiny UX
lynnandtonic
280
17k
A Tale of Four Properties
chriscoyier
149
20k
Gamification - CAS2011
davidbonilla
75
3.9k
Building Flexible Design Systems
yeseniaperezcruz
310
33k
Done Done
chrislema
174
14k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
212
20k
Why You Should Never Use an ORM
jnunemaker
PRO
47
5.6k
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