App-Matic Software That Matter!

Shake Your Message Box Using jQuery UI

As a web developer, I shamefully admit that I am pretty late into adopting jQuery in my projects. I've used Prototype, Scriptaculous and ExtJS before but never jQuery. Recently, when I was assigned to a new project, I had a chance to utilize jQuery and a bunch of great plugins.

Today I want to share with you something that I used in the project—a message box that shake to grab user's attention, usually when error has occurred.

So this is the HTML markup. Notice that I use DIV element with error-message as CSS class, this for the styling which I will add later.

<div class="error-message">Click here to see me shake.</div>