Making a Simple Tweet to Download System

Wanna give download link after twitting the page?

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

 

 

 

 

 

 

 

 

jQuery News Ticker

Here is something to show the news section of the website in a single line with a very effective animation effect with the help of jQuery.

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

How To Use CSS3 Pseudo-Classes

The newer version of CSS is to be launched as CSS 3.0 is having new boost Technics make you way of coding very simpler. CSS 3.0 provides new Pseudo-classes which are mentioned in this post.

These are like:

• :link
• :visited
• :hover
• :active
• :first-child
• :last-child
• :root
• :nth-child() __used as ul li:nth-child(odd), :nth-child(even), :nth-child(3), :nth-child(2n) :nth-child(5n), :nth-child(4n + 1)
• :nth-last-child(n)
• :nth-of-type(n)
• :nth-last-of-type(n)
• :first-of-type and :last-of-type
• ;only-of-type
• :last-child
• ;only-child
• :empty
• :target
• :checked, :enabled and :disabled
• :not __used like input:not([type=radio])

View Full Tutorial with Examples Here

Resource : smashingmagazine.com

Javascript Form Validation

Here is really very simple and smart JavaScript form validation. This is quite simple to use, understand and modify the validations as required.

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

Better Check Boxes with jQuery and CSS

When we are going to design a form for our website, the problem comes when we feel unable to design the checkbox of the form. Our CSS trick doesn’t works on it.

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

Shutter Effect Portfolio with jQuery and Canvas

Here is one really best way to show your portfolio photos in camera shutter effect with the help of jQuery and canvas of HTML5. This looks really very nice and is really very easy to use. I am damn sure that you all will like this very much as me.

Demo | Download | View Tutorial

Resource : Tutorialzine

Sweet AJAX Tabs With jQuery & CSS3

To show more content in less space, the best way is putting tab controlled content. You all have tried many types of tabs with jquery and other javascirpt.

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

How to Create Cross-Browser HTML5 Forms

HTML5 introduces you the very latest technics of building forms. Now you no need to stuck with complicated validations and may lengthy fileds to create a form, because HTML5 gives you many new tools to make your form very simple and fetured.

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

Advance Floating Menu with jQuery

Here on advance floating menu with jQuery. This floating menu has some advance features like

• 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

Wonderful Free Minimal Icon Sets collection in mono colors

Hi Designers,

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