Keynote Kung-Fu: Wireframe Toolkit for Keynote
7 weeks ago by sunpig
Use Keynote to create wireframes and clickable prototypes for the web and mobile devices.
keynote
wireframe
prototype
diagram
draw
presentation
tool
library
shape
image
design
ux
7 weeks ago by sunpig
LukeW | Designing with Keynote
7 weeks ago by sunpig
Recently, an increasing number of designers (myself included) are turning to Apple's presentation making software, Keynote, to design and prototype software applications. Here's a few reasons why and some tips learned along the way.
design
keynote
interaction
wireframe
ux
prototype
presentation
animation
transition
software
tool
7 weeks ago by sunpig
ESPI at work: The power of Keynote | Edenspiekermann
7 weeks ago by sunpig
I should start by saying I am by no means a Keynote ‘pro’ compared with many of our web team who could use it in their sleep. In fact, when I first started working at ESPI last July, I was very surprised to find out that designers were using Keynote for laying out presentations. My surprise turned to alarm when I found out that they were also using it as a design tool to build UI designs for websites and apps. It turns out that I was absolutely wrong. Keynote is an incredibly powerful design tool. Less then one year later, I now rarely (if ever) use InDesign to layout presentations, and I have started using Keynote almost exclusively for any web layouts I do. And not just UX wireframes, but full UI designs. On a recent project, I also used it for poster mock ups, banner designs and a bunch of other formats.
keynote
apple
presentation
design
layout
wireframe
prototype
tool
osx
graphic
7 weeks ago by sunpig
Introduction to JavaScript Source Maps - HTML5 Rocks
10 weeks ago by sunpig
Have you ever found yourself wishing you could keep your client-side code readable and more importantly debuggable even after you've combined and minified it, without impacting performance? Well now you can through the magic of source maps.
js
javascript
sourvce
map
sourcemap
debug
tool
firebug
webkit
compress
minify
10 weeks ago by sunpig
Unqualified Reservations: Wolfram Alpha and hubristic user interfaces
july 2009 by sunpig
"For serious UI geeks, one way to see an intelligent control interface is as a false affordance - like a knob that cannot be turned, or a chair that cannot be sat in. The worst kind of false affordance is an unreliable affordance - a knob that can be turned except when it can't, a chair that's a cozy place to sit except when it rams a hidden metal spike deep into your tender parts."
web
design
os
ui
ux
interface
moldbug
wolfram
alpha
affordance
hci
intelligence
tool
control
system
hubris
july 2009 by sunpig
related tags
5.6 ⊕ affordance ⊕ agile ⊕ airport ⊕ algorithm ⊕ alm ⊕ alpha ⊕ analysis ⊕ animation ⊕ anything ⊕ apache ⊕ api ⊕ app ⊕ apple ⊕ architecture ⊕ assist ⊕ autocomplete ⊕ automation ⊕ background ⊕ backup ⊕ bar ⊕ base64 ⊕ beautifier ⊕ bezier ⊕ bookmarklet ⊕ boot ⊕ bracket ⊕ browser ⊕ bucket ⊕ build ⊕ cabel ⊕ cabelsasser ⊕ canvas ⊕ cd ⊕ cersioncontrol ⊕ chart ⊕ chat ⊕ checker ⊕ ci ⊕ clearleft ⊕ clickontyler ⊕ clone ⊕ code ⊕ collaboration ⊕ color ⊕ colour ⊕ communication ⊕ compress ⊕ compressor ⊕ config ⊕ configure ⊕ continuousintegration ⊕ control ⊕ crashplan ⊕ cruisecontrol ⊕ css ⊕ cubic ⊕ curve ⊕ data ⊕ database ⊕ date ⊕ debug ⊕ debugger ⊕ decode ⊕ decoder ⊕ decss3 ⊕ delete ⊕ derekhammer ⊕ design ⊕ detect ⊕ development ⊕ diagnose ⊕ diagram ⊕ disaster ⊕ disk ⊕ display ⊕ distributed ⊕ documentation ⊕ dom ⊕ download ⊕ draw ⊕ dual ⊕ dvcs ⊕ ease ⊕ easing ⊕ edit ⊕ editor ⊕ email ⊕ encode ⊕ etc ⊕ execution ⊕ expression ⊕ external ⊕ fat ⊕ firebug ⊕ font ⊕ format ⊕ formatter ⊕ foundation ⊕ framework ⊕ free ⊕ garrettdimon ⊕ generator ⊕ gif ⊕ git ⊕ github ⊕ google ⊕ googlewave ⊕ gradient ⊕ graph ⊕ graphic ⊕ graphics ⊕ grid ⊕ group ⊕ hci ⊕ header ⊕ heading ⊕ hosts ⊕ html ⊕ html5 ⊕ hubris ⊕ identify ⊕ ie ⊕ im ⊕ image ⊕ inspector ⊕ integration ⊕ intelligence ⊕ intellisense ⊕ interaction ⊕ interface ⊕ internetexplorer ⊕ ios ⊕ iphone ⊕ javascript ⊕ jontackabury ⊕ jpg ⊕ js ⊕ jsgif ⊕ json ⊕ keyboard ⊕ keynote ⊕ layout ⊕ leak ⊕ leaverou ⊕ libraries ⊕ library ⊕ libs ⊕ linear ⊕ linux ⊕ live ⊕ lookup ⊕ lzw ⊕ mac ⊕ management ⊕ map ⊕ memory ⊕ messaging ⊕ microsoft ⊕ minify ⊕ mobile ⊕ moldbug ⊕ monitor ⊕ mount ⊕ mouse ⊕ mozilla ⊕ mri ⊕ nettuts ⊕ network ⊕ networking ⊕ nicholaszakas ⊕ ntfs ⊕ null ⊕ nullify ⊕ observe ⊕ offsite ⊕ online ⊕ opensource ⊕ optimization ⊕ organization ⊕ os ⊕ osx ⊕ outline ⊕ outliner ⊕ overview ⊕ package ⊕ parse ⊕ partition ⊕ performance ⊕ phonegap ⊕ pie ⊕ pixel ⊕ player ⊕ plugin ⊕ png ⊕ popularity ⊕ presentation ⊕ preview ⊕ prism ⊕ problem ⊕ productivity ⊕ profile ⊕ programming ⊕ project ⊕ prototype ⊕ psychology ⊕ raindrop ⊕ ransform ⊕ re ⊕ read ⊕ record ⊕ recovery ⊕ redgate ⊕ reference ⊕ regex ⊕ regexp ⊕ regular ⊕ remote ⊕ remove ⊕ restore ⊕ review ⊕ revision ⊕ rotate ⊕ rubular ⊕ sb ⊕ scale ⊕ scrum ⊕ search ⊕ section ⊕ selectors ⊕ selenium ⊕ sequence ⊕ server ⊕ shape ⊕ sharing ⊕ silverback ⊕ social ⊕ socialcast ⊕ software ⊕ sourcecontrol ⊕ sourcemap ⊕ sourvce ⊕ speed ⊕ split ⊕ sprite ⊕ spriteme ⊕ sql ⊕ sqlserver ⊕ stevesouders ⊕ stres ⊕ subl ⊕ sublime ⊕ sublimetext ⊕ subversion ⊕ svn ⊕ swimlane ⊕ synergy ⊕ system ⊕ tag ⊕ talk ⊕ team ⊕ test ⊕ testing ⊕ testswarm ⊕ text ⊕ tfs ⊕ time ⊕ tool ⊖ tools ⊕ transition ⊕ translate ⊕ tweak ⊕ tyler ⊕ typography ⊕ ui ⊕ uml ⊕ unittesting ⊕ usability ⊕ usb ⊕ usertesting ⊕ utility ⊕ ux ⊕ validator ⊕ vanmiranda ⊕ vcs ⊕ version ⊕ virtual ⊕ vista ⊕ visualization ⊕ visualizer ⊕ visualstudio ⊕ vs ⊕ wallpaper ⊕ wave ⊕ web ⊕ webdesign ⊕ webdev ⊕ webkit ⊕ westciv ⊕ whatfont ⊕ widget ⊕ width ⊕ wifi ⊕ windows ⊕ wireframe ⊕ wolfram ⊕ work ⊕ write ⊕ xhr ⊕ xmlhttprequest ⊕ yojimbo ⊕ yui ⊕ zoom ⊕Copy this bookmark: