Back to working on the example application for the State Model, OrganizeIt!  For this phase, we will be preparing to actually write the UI code, by handling the layout.

Layout Work

Naturally, I wanted to start by creating the images.  I went ahead and chose 8 colors for the labels, and made a big and small .png for each color.  Also did the logo, the add label button, and the expand/collapse buttons.  I stole the favorite/unfavorite icon from my CourseTopia work.  This layout is incredibly simple, so there’s not much in terms of graphics other than these.

I think those are all we will need.

The next step, I suppose, would be to actually do a sample layout in HTML/CSS, so that we can get the styling right… About an hour later: the layout.

There we have it.  For the next step, I will be taking this layout and recreating it mostly on the fly, using uiComponents.

———————————————–

NOTE FROM THE FUTURE:

As of February 7, 2010 (actually much earlier), I have no intention of taking this project any further.

related post

• About The Kevin Dolan
• Stephanie
• Threadless Kid
• People Who Steal Your Cans
• Frog and Scorpion Tattoo Part Two