Here is something which may help you to give a download link after twitting the page by user.

Most of the times, you put a twitter link in your page in the websites, so that user can tweet your page, so that your page can go promoted, but most of the times no one tweets your page. Just come to your website and they download the stuffs you are making them available for them.

You always wanna make them tweet your page, you request them and they never do this however it takes seconds only, isn’t it?

Now you have an option to make you download link active only when a user tweets your page, otherwise that link will look inactive. Yes, this come possible now. Best part of it – this uses jQuery and this is customizable as per your needs.

Here is the demo link and download link also available for you.

Please don’t forget to comment whether you like this stuff or not. You can subscribe your email for more updates on my blog.

Demo | Download | Details

Resource : tutorialzine.com

This jQuery News Ticker is very light weighted and very easy to use in the website. The idea of this news ticker is taken from BBC News website.

View Demo | Download | View Tutorial

As jQuery is used to make this ticker, this is very customizable, you can edit it’s css and options in your own way.Some feature of this ticker are :

• The content of the ticker is in <UL><LI> format
• The ticker can be shown from XML file
• The ticker can show the RSS FEED of the website.
• And Many more…

There are many options to customize this ticker to perform in your website as per your need. Some the options are :

View Demo | Download | View Tutorial

These are like:

View Full Tutorial with Examples Here

Resource : smashingmagazine.com

Here you can find validation for every type of needed fields and various methods like:

• Checking for Empty Fields
• Numeric Inputs (like Phone Number, Pin Number etc.)
• Alphabet Inputs (like Name)
• Alphabet and Numeric both inputs in one field (Like Address)
• Character Length in both the ways as minimum and maximum
• Email Validations
• Checking Selection for Dropdown List

function formValidator(){
	// Make quick references to our fields
	var name = document.getElementById('name');
	var address = document.getElementById('address');
	var zip = document.getElementById('zip');
	var state = document.getElementById('state');
	var username = document.getElementById('username');
	var email = document.getElementById('email');

	// Check each input in the order that it appears in the form!
	if(isAlphabet(name, "Please enter only letters for your name")){
		if(isAlphanumeric(address, "Numbers and Letters Only for Address")){
			if(isNumeric(zip, "Please enter a valid zip code")){
				if(madeSelection(state, "Please Choose a State")){
					if(lengthRestriction(username, 6, 8)){
						if(emailValidator(email, "Please enter a valid email address")){
							return true;
						}
					}
				}
			}
		}
	}

	return false;

}

function notEmpty(elem, helperMsg){
	if(elem.value.length == 0){
		alert(helperMsg);
		elem.focus(); // set the focus to this input
		return false;
	}
	return true;
}

function isNumeric(elem, helperMsg){
	var numericExpression = /^[0-9]+$/;
	if(elem.value.match(numericExpression)){
		return true;
	}else{
		alert(helperMsg);
		elem.focus();
		return false;
	}
}

function isAlphabet(elem, helperMsg){
	var alphaExp = /^[a-zA-Z]+$/;
	if(elem.value.match(alphaExp)){
		return true;
	}else{
		alert(helperMsg);
		elem.focus();
		return false;
	}
}

function isAlphanumeric(elem, helperMsg){
	var alphaExp = /^[0-9a-zA-Z]+$/;
	if(elem.value.match(alphaExp)){
		return true;
	}else{
		alert(helperMsg);
		elem.focus();
		return false;
	}
}

function lengthRestriction(elem, min, max){
	var uInput = elem.value;
	if(uInput.length >= min && uInput.length <= max){
		return true;
	}else{
		alert("Please enter between " +min+ " and " +max+ " characters");
		elem.focus();
		return false;
	}
}

function madeSelection(elem, helperMsg){
	if(elem.value == "Please Choose"){
		alert(helperMsg);
		elem.focus();
		return false;
	}else{
		return true;
	}
}

function emailValidator(elem, helperMsg){
	var emailExp = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
	if(elem.value.match(emailExp)){
		return true;
	}else{
		alert(helperMsg);
		elem.focus();
		return false;
	}
}

<form onsubmit="return formValidator()" >
First Name: <input type="text" id="name" /><br />
Address: <input type="text" id="address" /><br />
Zip Code: <input type="text" id="zip" /><br />
State: <select id="state">
	<option>Please Choose</option>
	<option>AL</option>
	<option>CA</option>
	<option>TX</option>
	<option>WI</option>
</select><br />
Username(6-8 characters): <input type="text" id="username" /><br />
Email: <input type="text" id="email" /><br />
<input type="submit" value="Check Form" />
</form>

Resource : Tizag.com

But now we have a very well designed checkbox that we can use in our website, even we can change the design as per our need as well. Good part of this is, this is done with jQuery and we can modify it very easily…

Here is the link for Demo, download and tutorial of this.

Demo | Download | View Tutorial

Resource : Tutorialzine

Demo | Download | View Tutorial

Resource : Tutorialzine

But here is the best tab ever having many many features like

• Ajax controlled
• Loads external pages
• Shows a beautiful loading…
• Colorful tabs
• Easy to maintain and edit
• nice CSS3 effects
• many more…

Must try once….

Demo | Download | View Tutorial

Resource : Tutorialzine

HTML5 introduces many new input types like:

• Email : <input type="email">
• Web URL : <input type="url">
• Number : <input type="number" min="0" max="10" step="2" value="6">
• Range Slider : <input type="range" min="0" max="10" step="2" value="6">
• Date Picker : <input type="date">
  <input type="month">
  <input type="week">
  <input type="time">
  <input type="datetime">
  <input type="datetime-local">

• Search : <input type="search">
• Color Picker : <input type="color">
• Form Validations
• Required Fileds : <input type="email" required>

Take a look at this example…

Demo | Download | View Tutorial

Resource : net.tutsplus.com

• This can be setup that from where the menu has to started floating up. Actually this floats under it’s parent element.
• This can also be setup that what should be the last limit of this floating menu.
• More than one floating menu can be used at different places and postions

I hope you like this menu so much. This is pretty cool…

Demo | Download | View Tutorial

Resource : net.tutsplus.com

Greetings! Here is the most intensive need of the designers – ICONS IN MONO COLORs.
Every designer want to make there website or any stuff he/she is designing to be the best, and for this icons are the really very important factor of the good looking designs.

Now you can have your own collection of minimal icons in mono colors. Here I am giving you the link of some really very cool icos sets. Click below links to direct download the icons.
Happy Designing…..

• Token Icons
• Glyphish Icons
• Discons
• Minicons Light
• Minicons Dark

Resource : deviantart, enlivenlabs, glyphish