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.

 

Tweet to Download - Demo

 

Demo | Download | Details

Resource : tutorialzine.com

 

 

 

 

 

 

 

 

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.

jQuery News Ticker


View Demo | Download | View Tutorial

Read the rest of this entry »

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

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

Javascript Form Validation
Read the rest of this entry »

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

Better Check Boxes with jQuery and CSS

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

Shutter Effect Portfolio with jQuery and Canvas

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

Sweet AJAX Tabs With jQuery & CSS3