>I think they cheated a bit to make the jQuery equivalents look longer than the plain js. If you strip out the script tags (which you'd need in js anyway) the jQuery version is more concise in every case.

jquery has to parse the string to determine if you're looking for a class, id, or something even more selective.

The developer knows its a class or id by using "#" or "." so its really just an expensive wrapper for something the developer already knows.


>Building your ui on top of bootstrap might make your ui more adaptable - I notice that at present narrowing the view area on the desktop causes problems with your 'Remixer' side and this is always apparent on, say, a 7" tablet.

Right. A TODO item is to use CSS to change the layout for screens not as wide.

I already accomplished that with sketchatune.com.

The CSS lays out a normal size web paged and then has this for smaller screens:

@media all and (max-width: 640px), (max-height: 480px){
	.header {
		padding: 5px 10px;
		font-size: 16px;
	}
       ....

Seems to work fine, and there's one set of source of one URL whether you're mobile or desktop.