Archive for February, 2011

We are always confused about cookies of the website. We are never sure that what is cookies, how it been generated, how it works and all.

But now, I found somewhere all about the internet cookies. here you can find out :

Read all about cookies

All about cookies : Create, Read and Erase

We always get a problem to design a form like contact, feedback and many other. The second problem comes when we are going to validate the form by javascript.

Here I found a very smart solution of all these problem related to form. This form is having very nice design, ajax validated for name, phone, email and all other required fileds with very beautiful way of showing error messages, and best part of it – this is created with jQuery.

You can modify the messages showing for the fields, you can decide the fields to be required, you can add fields and many more options with more flexibility.

Demo | Download | View Tutorial

Resource : Mobily Playground

Ajax Contact Form with jQuery

Hi Designer and Developers, here is something really very cool stuff for both the designers and developers.
Now you can create your own fully customized Youtube video Search Engine with jQuery, totally your own design with various options.

The video search engine created with this tutorial will be having very great features like search suggestions, thumbnails as result list, video title, video time length or duration, maximum result number, result order and many more…

Here is full tutorial for this, have a look at this and must try once…

Demo | Download | View Tutorial

Resource : Mobily Playground

Create custom Youtube Search Engine with jQuery

If you got bored using the limited web fonts in your website, I have a good news for you. Now you can use very attractive and beautiful web fonts from the large range of Google web font directory. Yes, this is very true that google gives you a very huge range of very beautiful and nice font directory. You can check it out from the link below.

This is quite easy to use. Follow the simmple steps given below:

  • Goto the google font directory
  • Choose your font form the list given
  • Set Size and other font options
  • Attach the css file link given by google
  • And it’s all set…

Now you just have to attach the CSS in you webpage given by google font directory. This will look something like this:

<link href="http://fonts.googleapis.com/css?family=Allan:bold&quot; rel="stylesheet" type="text/css" >

And then you can use the new web font you have choosen from the google web font directory in you CSS classes, ID and selectors like :


.myClass, myID, P, H1{
          font-family: 'Allan', serif;
          font-size: 36px;
}

I hope this will change your taste of fonts using in the website. Good luck designers…

Explore the Google Web Fonts | Font Previewer

Here a website, from where you can download Free beautiful design and web fonts. In this website, you can find fonts to used in website design as wel as for other purposes like graphic design, cards design, corporate ID kit design, Logo design and many more… Must visit and explore fonts available on this website …

Visit the website : theleagueofmoveabletype.com

The League of Moveable Type.com

Image or content slide is a very common use in the websites. And all the times we stuck with very complicated and lengthy js plugins.

Now here I am introducing a very featured slider with looped effect with never seems ended. And it is having many other featured like :

  • Looping
  • Auto Play
  • Fade or Slide transition effects
  • Crossfading
  • Image Preloading
  • Auto Generated Pagination
  • User defined Next, Previous and pagings
  • Controlled Fade and Slide Speed
  • Set which slide you’d like to start with
  • Set Pause on Hover
  • AutoHeight
  • and many more…

View Demo | Download

Resource: Nathan Searles

jQuery LoopedSlider

In most of our design, we must use gradient to make the design good-looking. The multi-color gradient makes the design impressive and eye catching. And when the time comes to convert the design in HTML, We had no other choice to take the gradient in image, either the gradient is in linear or radial or any other form.

But now, time turned. Now you can make your gradient with CSS only using the CSS 3.0. You just no need to take that gradient in image background anymore, which was fixed in dimensions and was not flexible.

You can use gradient in few line like:


background-image: -moz-linear-gradient(#81a8cb, #cde6f9); /* Firefox */
background-image: -webkit-linear-gradient(#81a8cb, #cde6f9); /* Webkit */

Note : This still doesn’t work in IE.

View this tutorial in Detail

Resource : Red Team Design

CSS3 Webkit gradient support updated