Thursday, April 28, 2011

Say hello to Blackbird and goodbye to alert()

A hassle-free way to display messages on webpages. This can be a great help if you want to tell the user about how he/she can use your application, or if they want to fill up forms you can display some prior information such as: 'all fields are mendatory' without disturbing UI and using the actual page space.

 Demo & Download

Wednesday, April 27, 2011

jquery iPhone style checkbox

It’s been more than a decade we are using Windows XP and its appearance style as it is. Since we are living in the iPhone era and most of us are very attracted to the flashy UI of it. In efforts to deliver the best to our clients, we always tend to implement new things. We are using jQuery from last four years; jquery is helping us create websites livelier with animations.

We have given our users the same XP looking form elements, but with the help of jquery we can surely make form elements much fancier. For instance the checkbox element –


Demo & Download

Tuesday, April 26, 2011

Monday, April 25, 2011

jquery hotkeys / easing keyboard usability

jQuery Hotkeys is a plug-in that allows you easily add and remove keyboard handlers/events anywhere in your code supporting almost any key combination.


 Demo & Download



Friday, April 22, 2011

Build winning teams by Robin Sharma

A few testimonials about this program:

“There have been so many learnings in the last 2.5 days that even if I am able to implement a fraction, it will take my company to a completely new level.”
Vishal Jain, CEO, GLOBAL HEALTHCARE RESOURCES

“I’m blown away by the value I have received from this program.”
Bodhi Kenyon

“An excellent program for anybody looking to grow leaders in an organization.”
Manoj Chugani, POINT BREAK

“A life changing experience.”
Cedric Komar, MERCK




Cool jQuery tooltip

A flexible and easy jquery tooltip that allows you to change its appearance and position.



Demonstration 
Download 

Thursday, April 21, 2011

Equal width to select input and text input

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Equal width to select input and text input</title>

<style type="text/css">
.page{
margin: 0 auto;
width: 400px;
padding: 20px;
border: 2px solid #abc;
}

input, select{
width: 200px;
margin: 0 0 10px 0;

box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;

}

</style>

</head>

<body>

<div class="page">

<input type="text" value="textbox" />

<select>
<option>Please choose</option>
<option>Please choose Me</option>
</select>

</div>

</body>

</html>

Document/DIV height in percent (%)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">-->
<!--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style type="text/css">
.myDiv{
    border: 2px solid #abc;
    height: 100%;
    width:100%;
}
</style>

</head>

<body>

<div class="myDiv">Some text</div>

</body>
</html>