A case study of a fun weekend hack project - from design to code.
the minimalistDesignerDeveloperwithin the curiousa case study of a fun weekend projectWednesday, 16 January, 13
View Slide
www.sayan.eecoder . explorer . speakerWednesday, 16 January, 13
coderWednesday, 16 January, 13
explorerWednesday, 16 January, 13
explorerthanks!!Wednesday, 16 January, 13
speakerWednesday, 16 January, 13
Processiteration . cycle . repetitionWednesday, 16 January, 13
desiredesigndevelopdecideideasuxcodefeedbackWednesday, 16 January, 13
ideasuxcodefeedbackWednesday, 16 January, 13
Desireemotions . features . ideasWednesday, 16 January, 13
emotionsencouragingopencuriousfriendlycurrenthands-onaccessiblelocalglobalqualityWednesday, 16 January, 13
2 featuresencouraging open curiousfriendlycurrent hands-on accessiblelocalglobal qualityopen eventsopen sourceWednesday, 16 January, 13
sketchdesktop & laptop mobile & tablet paper & balsamiq2 col1 colWednesday, 16 January, 13
ideascomponentscolor schemeresponsive designgeneralWednesday, 16 January, 13
Designcomponents . layout . structurewith adobe fireworksWednesday, 16 January, 13
ui kituiWednesday, 16 January, 13
ui kitcolorformtablefontstypographybuttonsWednesday, 16 January, 13
color schemeadobe kuler dribbbleor =swatchwebuildsg.aseadd to swatch color palletteWednesday, 16 January, 13
fontschoicefiltersdownloadopensans-regular.ttfcodepreviewfont pairingWednesday, 16 January, 13
960 gridsfireworks > menu > file > new from templateWednesday, 16 January, 13
filtersproperties paneleffectsdrop shadowWednesday, 16 January, 13
shapesroundedrectanglescorner design resize withoutdistortionWednesday, 16 January, 13
state1. 2 states2. slice tool3. behaviors 4. preview hoverFile > Preview In Browser> Preview in Google ChromeWindow > BehaviorsWindow > StatesWednesday, 16 January, 13
pagesmaster page -repeated partsheader, footer, etcWednesday, 16 January, 13
exportfile > export preview in browseroptions hover effectsWednesday, 16 January, 13
logogeometric shape first lettermobile app iconapple touch iconslogo, faviconWednesday, 16 January, 13
Developcss . html . javascriptWednesday, 16 January, 13
structuresass + compass > cssWednesday, 16 January, 13
slicing1. web slice 2. optimise 3. exportWednesday, 16 January, 13
gridsWednesday, 16 January, 13
colorvariablesfontvariablessass > cssWednesday, 16 January, 13
css propertiesWednesday, 16 January, 13
jade > htmlviewportfacebook oggoogle fontsapple touch iconsgridline in devstylesheetWednesday, 16 January, 13
responsive2 col > 1 colwidersmallerWednesday, 16 January, 13
Decidelaunch . feedbackWednesday, 16 January, 13
feedbackconstructive!Wednesday, 16 January, 13
next stepsshow moreapi user entryuser entryurl performancedesigndevelopmentsocial iconsWednesday, 16 January, 13
api integrationgithubfacebookeventbritemeetup.commanual manualWednesday, 16 January, 13
desiredesigndevelop2 features2 base colors2 fonts1 logo2 weekends1 stylesheetsimpleintuitivemany devicesdecide2 features2 design changeperformanceWednesday, 16 January, 13
resourceshtml5boilerplate.comsass-lang.comcompass-style.orgmhs.github.com/scout-app/jade-lang.comWednesday, 16 January, 13
thanx ;-)Wednesday, 16 January, 13