[jQuery] Releasing Inline Confirmation, Confirm Actions Done Right

In a web app, it is very common to have actions that destroy (delete/remove) data. These actions, if you don’t already know, should always map to POST methods. On top of that, because these actions are destructive, the UI should always ask the user for confirmation.

But how do we actually implement the confirmation dialogue though? The vanilla JavaScript confirm box would be the easiest but at the same time the ugliest - this thing stalls most web browsers until the user acts on it.

An inline popup/modal box? Perhaps, but it is still obtrusive, in the sense that the popup/model boxes are usually in the way of other tasks.

Meet Inline Confirmation - a jQuery plugin for creating easy, less obtrusive confirmation dialogues!

Feel free to give it a spin. I will add more documentation and a demo when and if I have time. ;)

Browser JavaScript and DOM Benchmark Tests: Firefox, Minefield, Safari, Webkit, Chrome, Chromium and Opera 10.5

Today Opera has released its latest and greatest version of Opera browser 10.5 Beta for Mac. It features speed enhancement as well as a unified Cocoa interface. Just how speedy is it exactly? Let’s test it out against other major browsers.

The benchmarks were run on my Macbook Pro (OS X 10.6.2, 2.53GHz CPU, 4GB RAM). I have performed three benchmark tests from Dromaeo - All JavaScript Tests, DOM Core Tests and JavaScript Library Tests. The following browsers are used:

  • Firefox 3.6
  • Minefield (Latest Firefox Nightly)
  • Safari 4.0.4
  • WebKit Latest Nightly
  • Chrome 5.0 Beta
  • Chromium Latest Nightly
  • Opera 10.5 Beta 1

The benchmark result (the higher the better):

Opera is smoking fast for pure JavaScript execution, on the other hand its DOM performance is significant lower than its competitors.

Very interesting result, hey? ;)