Thursday, May 14, 2015

5/14/15 - Adding Titles and Styling Upgrade

I did some more work on the NotesDemo stylesheet, and changed the toggle element from a button to a div.  It also switches between a - and a + depending on if the add note interface is visible or hidden.

Here are some screens that show the app functionality so far (read left to right)
I added a ui object to handle the ui updating, and separated the ui functionality that had previously been in the notes object. Now the notes object only handles translating the user input into the note html.

I still haven't figured out a good way to DRY up the selector class names, as they are all subject to change. I'll wait until the project gets a little more robust, and then making fixing that a high priority.

Since we're going to be live coding this in front of an audience, I'm not sure if I should be sacrificing style for ease of entry. For example, having everyone type in rgb(239, 109, 39) to get the toggle button's border color or #F6A031 to get the header background might become tedious.  Even though it looks bad, it might make more sense just to use the built in colors like red and blue. There's probably a happy medium somewhere.

1 comment:

  1. It truly a pleasure to read your blog posts, since you are documenting the development process so clearly and so thorougly. That will be a huge help for other folks using what you've done to learn.

    ReplyDelete