CritMix

Screenshot-3

SoundCloud API working, and Almende Timeline working. The CritMix interface to input critiques will be located in between the SoundCloud widget and the Almende Timeline.

Screenshot-4

Critiques display the time they are located on the timeline.

Screenshot-5

Critiques display what part of the song they’re critiquing.

Screenshot-6

Some JSON bug fixing.

Screenshot-7

Checking to see what happens when you make a lot of Critiques…the timeline doesn’t expand vertically automatically. Darn.

Screenshot-10

Before adding the HTML5 nav element at the top.

Screenshot-11

After adding the HTML5 nav element at the top. It was added using Django’s templating system. The nav is part of a base.html

Screenshot-12

After purchasing a Linode 512 VPS, I read 20+ tutorials and spent more than 2 straight days getting CritMix online.

Screenshot-13

Trying out the Django Debug Toolbar.

Screenshot-14

Adding radio buttons for the Too Loud and Too Soft critiques.

Screenshot-15

Bugs with the radio buttons.

Screenshot-16

Modifying and rearranging the critiquing interface.

Screenshot-17

The details of a specific criticism are stored as JSON. Comments are stored as HTML in the JSON.

Screenshot-18

Cross browser testing. Usually I use Chrome to view CritMix.

Screenshot-24

Lines 211/212 and lines 221/222. I needed to unbind all click events on the element, but I mistakenly put the code on the wrong line (the unbind unbinds the click method write above it), and then copy and pasted the code to duplicate some functionality. This is what happens when you program all day with no breaks…you make stupid mistakes and write sloppy code!

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>