Monday 27 December 2010

jQuery Vibrate plugin

Have you ever wondered if it is possible to simulate in jQuery a "vibrating" effect, applying it to your buttons or DIVS?

jQuery Vibrate Plugin is the solution: a very light JS plugin that allows to make your tags to vibrate at the speed you desire, with some interesting parameters to configure if vibration should be activated when mouse is over, or when the tag takes focus (e.g. an input field), or if you prefer it always vibrating but stopping when mouse is over.

Only 3.94 kB for a powerful effect that you must try!

Thursday 14 October 2010

How to center a UL tag

Have you ever tried to center a UL tag inside a DIV tag (e.g. a menu)?

Well, this is the best solution I found on the Internet, based on pure CSS:
<style>
.ul_container {
 float: right;
 position: relative;
 left: -50%;
 text-align: left;
}
.ul_container ul {
 list-style: none;
 position: relative;
 left: 50%;
 margin: 0 10px;
 -moz-padding-start: 0; /* for Firefox */
}
.ul_container ul li {
 float: left;
 position: relative;
 margin:0;
}
</style>

<div class="ul_container">
 <ul>
   <li>one</li>
   <li>two</li>
   <li>three</li>
   <li>four</li>
 </ul>
</div>

I hope it helps you