new icn messageflickr-free-ic3d pan white
Flickr Web Uploadr: Prototype Design Notes | by Schill
Back to photostream

Flickr Web Uploadr: Prototype Design Notes

Sometimes I find visual context helps when writing code. This is one example of a scratchpad for random thoughts.

 

Usually when I'm thinking in terms of coordinates, rows and columns or pixels as they relate to a grid pattern like this, it helps to draw outlines showing how the numbers correlate to the visuals.

 

In this case it was the "grid" (columns and rows of thumbnails) that I was working on. I knew scrolling, selection and rearrange would be important interactions that would need to be hashed out, once the photo items themselves has been defined as objects in JavaScript.

 

Later, primary controllers to be defined in JavaScript included the "display" (responsible for the current view), selection, events and state (sessionData) along with a few performance / browser limitation notes.

 

More fun background details on the grid are planned for a future code.flickr blog post.

1,824 views
3 faves
2 comments
Taken on March 2, 2012