Acetio | Blogma

I did this kind of molecular visualization in the mid-90s on a Silicon Graphics Onyx. It's mind-blowing that you can do it in your browser now, using JavaScript no less.

"Sick of complicated protein viewers?
Then welcome to Jolecule, the truly web-based protein viewer - all your work saved to the cloud - and no plugins needed.

Jolecule has a beautiful interface that makes it incredibly easy to focus on specific atoms. It works with trackpads and even (slowly) on the iPad.

Written in HTML5, Jolecule works in modern browsers such as Chrome and Safari and mostly in Firefox."

There's no shortage of drum machine simulators online, but this is the only one I've seen done in HTML/JavaScript (what we used to call DHTML)

"Patternsketch is an HTML5 and Javascript audio sequencer and drum machine. With it, you can create audio patterns, play them back, adjust playback tempo, volume, and change the audio kit. You can also save, export, and collaborate with your friends.

Patternsketch is an excercise in imagining what browser based music tools could be, and an exploration in the possibilities of new web technologies. It was built with Javascript (no frameworks) and HTML5 (no flash).

The goal of this project was to create a tool that musicians and casual music fans could use to create music patterns and collaborate on rhythmic ideas with friends. We recognize the performance is currently unacceptable for serious use, but look forward to updates in browser technology to make tools like this a viable option for music lovers."

Mike C. sent me the following link, full of cool new HTML5 / Canvas effects (all JavaScript, no Flash or other plugins)
http://www.nihilogic.dk/labs/pocket_full_of_canvas/

I tried implementing one of the examples but couldn't figure out how without rewriting a bunch of the code, so I modified something from this site to make the HTML5 banana above.

Is your path relative or absolute?

A path begins with an anchor and a reference - do you have a target?

Does your style cascade?

Is your style inline or external?

Do you generate statically or dynamically?

What color is your background?

Content exists in a cell. Is your cell padded? Does it have a border?

If your path does not include a target you will remain in the same frame you are now.