xHTML + CSS + Jquery

Custom Google Search Box

Published On: 15/07/2014

You guys might be thinking how this Google Search Box is created. How its designing is done? How is it linked with script? And many more questions must be coming to your mind. Well answer to all your question is coming up with this post.

Creating a Custom Google Search Box is quite an simple and easy task. To create a custom Google Search Box you just need some basic and simple knowledge of HTML, CSS and some scripting also. To create a custom Search box, we will perform some steps.

     

Basic Preloaders

Published On: 24/06/2014

Hello Folks! I am back with another post. I hope you guys are following my blog post. Today I will be sharing something about Pre-loaders. You might have seen a lot pre-loaders while using lot of mobile apps and websites. Now days many websites has been powered up with preloaders in the beginning. It adds an interactivity to a webpage with some sort of animations. Today I am going to tell how to create a simple jQuery Preloader with very few lines of jQuery & CSS code.

Preloader

Preloader

     

Simple Form

Published On: 03/03/2014

Hey folks I am back with another post of Simple Form with validation feature. The form looks quite simple as far as looks matters, but this form is infused with a special feature of Form Validation. The Form Validation allows user to enter proper information e.g. In Email field user is asked to enter email so with form validation they are provided with a format in which they have to enter the value. This format is defined using jQuery or Javascript with some Regular Expressions.

     

SuperSized Carousel

Published On: 21/09/2013

Supersized Plugin also provides a feature for creating a slider. It is also one of the popular effects to provide a dynamic background to our webpage. This carousel effect is now day mostly used with websites. This plugin allows the designer to create less text & more pictorial website(websites that contain less text).

<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen" />
		/*jQuery CDN & Easing Plugin*/
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easing.min.js"></script>
		/*Supersized Plugins*/
		<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
		<script type="text/javascript" src="theme/supersized.shutter.min.js"></script>

     

SuperSized

Published On: 19/09/2013

Supersized Plugin Effect is one of the popular effects to provide a dynamic background to our webpage. This effect works perfectly with all the latest browsers. This plugin can be used in any page by adding some links to css file and JavaScript file in Head section.

<link rel="stylesheet" href="supersized.core.css" type="text/css" media="screen" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript" src="supersized.core.3.2.1.min.js"></script>

     

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s