Javascript Plugins that Skin and Beautify Web Forms

Introduction

Alright, another post regarding web form, this time, it's javascript plugins that skin and beautify web forms. As a freelance designer, I found it quite frustrating to see different browsers render form elements differently. They don't look the same. We can skin the textbox and button easily, but form elements like drop down list, checkbox, radio button and file upload are pretty hard to customize it. You would need css and javascript skill to skin it.

In this post, I have found 10 javascript plugin that will able to skin the web form, they will look consistent in different browsers. Some of them skin the entire form elements and some of them skin only checkboxes and radio buttons. Anyhow, I think this is something good to know if your client want to spice up the webform a little bit more.

In this showcase, you will be able to get inspired by the creativity from other web designers.

• Style input file
  
  
• jqTransform
  
  
• NiceForm
  
  
• Checkbox and Radio Input Replacement
  
  
• jQuery Checkbox
  
  
• jNice
  
  
• Custom Form Element
  
  
• Pretty Checkboxes with jQuery
  
  
• prettyCheckboxes
  
  
• jQUery UI: Radiobutton and Checkbox Replacement
  

Download Youtube Videos Easily via JavaScript

Previously, we had seen quite a few ways to download Youtube videos via some software or plugin. If you considered to be easy, how about an easier way to Download Youtube Videos?

The trick is to run a JavaScript on your browser address bar and directly download the video of your choice from Youtube!

Download Regular Quality Youtube Video Direct Links

javascript:window.location.href = 'http://youtube.com/get_video?video_id=' + yt.getConfig('SWF_ARGS')['video_id'] + "&l=" + yt.getConfig('SWF_ARGS')['l'] + "&sk=" + yt.getConfig('SWF_ARGS')['sk'] + '&t=' + yt.getConfig('SWF_ARGS')['t'];

Download High Quality Youtube Video Direct Links [HQ]

javascript:window.location.href = 'http://youtube.com/get_video?video_id=' + yt.getConfig('SWF_ARGS')['video_id'] + "&fmt=18&l=" + yt.getConfig('SWF_ARGS')['l'] + "&sk=" + yt.getConfig('SWF_ARGS')['sk'] + '&t=' + yt.getConfig('SWF_ARGS')['t'];

Download High Definition Youtube Videos Direct Links [HD]

javascript:window.location.href = 'http://youtube.com/get_video?video_id=' + yt.getConfig('SWF_ARGS')['video_id'] + "&fmt=22&l=" + yt.getConfig('SWF_ARGS')['l'] + "&sk=" + yt.getConfig('SWF_ARGS')['sk'] + '&t=' + yt.getConfig('SWF_ARGS')['t'];

Steps to follow:

• Open any Youtube Video which you want to download.
• Copy the whole script (according to Quality Needed – regular, HQ or HD) and paste it on the address bar of the browser where the video is open.
• Now Press Enter Key and download of that Youtube video will start instantly!

That’s it! The video will be downloaded in .FLV format. You can use VLC Player to play the downloaded videos!