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
970
Rails API
sayanee
5
530
Learning with Open Source
sayanee
3
310
ECMAScript 6 - part 1
sayanee
3
400
ECMAScript 6 - part 2
sayanee
1
280
Responsive Web Design for Beginners
sayanee
9
960
Travel to Balkans + Hungary
sayanee
2
230
Styling with SASS
sayanee
9
620
Create a Cinemgraph
sayanee
2
200
Other Decks in Technology
See All in Technology
Digitization部 紹介資料
sansan33
PRO
1
5.6k
Liquid AI Hackathon Tokyo プレゼン資料
aratako
0
110
リセラー企業のテクサポ担当が考える、生成 AI 時代のトラブルシュート 2025
kazzpapa3
1
360
Introdução a Service Mesh usando o Istio
aeciopires
0
170
物体検出モデルでシイタケの収穫時期を自動判定してみた。 #devio2025
lamaglama39
0
210
衛星画像超解像化によって実現する2D, 3D空間情報の即時生成と“AI as a Service”/ Real-time generation spatial data enabled_by satellite image super-resolution
lehupa
0
170
やる気のない自分との向き合い方/How to Deal with Your Unmotivated Self
sanogemaru
1
520
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
12
80k
AWS Control Tower に学ぶ! IAM Identity Center 権限設計の第一歩 / IAM Identity Center with Control Tower
y___u
0
190
防災デジタル分野での官民共創の取り組み (2)DIT/CCとD-CERTについて
ditccsugii
0
310
AIツールでどこまでデザインを忠実に実装できるのか
oikon48
6
3.5k
いまからでも遅くない!SSL/TLS証明書超入門(It's not too late to start! SSL/TLS Certificates: The Absolute Beginner's Guide)
norimuraz
0
260
Featured
See All Featured
Building Adaptive Systems
keathley
44
2.8k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
Side Projects
sachag
455
43k
Six Lessons from altMBA
skipperchong
29
4k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
450
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
37
2.6k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
620
Building a Scalable Design System with Sketch
lauravandoore
463
33k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
A designer walks into a library…
pauljervisheath
209
24k
The Invisible Side of Design
smashingmag
302
51k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.7k
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