HTML Calculator

To learn about usability design, I code a simple HTML based calculator Before getting to the visuals, I focus on the parts that make up the functions of a calculator and figure out the placements of those parts. After getting it to work, I have a wireframe to design with. I use it to add color, type, and roll-over states to understand how design can aid or interfere with how usable a tool is.