The well know SiteLock security tool also aware there users to remove the ipage links. The problem was resolved very shortly. From ipage it is told that there is no malware was hosted in iPage servers and Google listed mistakenly and the problem was resolved shortly.

Luckily noting was affected in customer side and all customers websites are good and safe proof from hackers.

We expect the price increase as 7% for .com and 10% for .net. If you have any domain names in your mind dont delay. Just register now itself.

And we like to give one more suggestion to domainers that try to register for more than 1 year if you buy now so that you can save some bucks. If you are using godaddy plaese refer our godaddy coupon page.

Happy Domaining,

HCZ

• .com — Commercial
• .net — Network
• .org — Organization
• .info — information and many

And like these many country based domain extension is also available. Basically these domain names can be purchased from few dollars to $$$$$… if it is a fancy one and grabbed by someone.

Whatever when we buy new domain names we usually try to find out the cheap domain registration providers. Among them Godaddy is No.1 is all key aspects. Godaddy control panel also seems good and there nameservers are very fast.

You can get domain in godaddy for just $10 something plus or minus. But many people not aware of using godaddy coupons. Even though they use these godaddy coupon they must learn to use best coupon among available one. To select a best coupon and to get big discount you have to refer these godaddy coupon page.

Here all godaddy hosting and domain coupons are updated everyday so that you can get the latest one for you.

Use our ipage hosting special link to buy annual hosting plan for just $35.40/yr with 60% discount.

BUY NOW

Mostly all the webpages are designed with 960px in width. This is because majority of the internet population uses monitr that support 1024px resolution.
But if you consider the other part, those who uses monitor of high resolution say 1600.
In those monitors that web page will runs to the center leaving half of the space along right and left side of the site blank.
As we know very well that in a web page, space management is very necesary.
So it will be nice if we could show more content in less space and attract the visitors of our site.
To do that you can use javascript to find the resolution of the your visitor’s monitor and depending on that you can load the css files.

A working example can be found here.

Here is the javascript function to find the resolution.

function findResolution(base,css)
{
var sWidth = screen.width;
var resolution = 1024;
if (sWidth <= 1100) {
resolution = 1024;
}
else if (sWidth > 1100 && sWidth <= 1300) {
resolution = 1280;
slideWidth = 535;
}
else if (sWidth > 1300 && sWidth <= 1500) {
resolution = 1440;
slideWidth = 570;
}
else if (sWidth > 1500) {
resolution = 1600;
slideWidth = 635;
}
css = base+resolution+css;
document.write(‘<link rel=“stylesheet” type=“text/css” href=“‘+ css +’” />’);
}

In this findResolution function the width of the visitor’s monitor is found out and depending on that the resolution is set. And this function accepts to parameters. They are

1. base — baseurl of the location of the css files
2. name of the css file.

Working:

I am using this script to load my site for 4 different resolutions 1024, 1280, 1440 and 1600. And i have four different css file as 1024global.css, 1280global.css so on for respective resolutions. Now when call the ‘findresolution’ function from your header page.

findResolution(“http://www.yourdomain.com/css/”,“global.css”);

So that this function links the correct css file depending on the resolution. By this you can make your site look different and more attractive in different monitors. And even you can extend this function to make your site load with different contents depending the resolution. i.e, you can have more contents for monitors with high resolution and vice versa.

The present world is running in mobile phones than the computers. Nowadays all types of mobile phones providing maximum functionalities browsing,chat, mobile office and many. It works as like autumn computers. So it became necessary to the web designers to developer their sites compatible with the mobile phones. Most of the social networking designed their sites fro mobile phones too. And they providing the separate web address for mobile browsing www.m.domainname.com like this.

Some of the sites load their sites in the same address but loads the css design according to model of the mobile phones from which the user accessing the site. www.gmail.com changes the design according to the model of the phone.

Here just we going to see how to develop a site that compatible for iPhone.

Some great thing in all apple products is, apple itself provides all kind of APIs for all kind of functionalities. They won’t depends on third party softwares or libraries. For the css design and html design for iPhone apple itself gave one library  “iUI Library” which consist of iPhone.css. This css takes care of your html elements and shapes them according to the iPhone UI. There are set of some rules to be followed and some div to be added to get the design as like iPhone components.

At first just get download the iPhone.css

add the style sheet in your html code

1.The below code to set the title of the page in iPhone browser header.

<html>

<head>

<meta http-equiv=“content-type” content=“text/html; charset=utf-8″ />

<meta id=“viewport” name=“viewport” content=“width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;” />

<title>Your Header</title>

<link rel=“stylesheet” href=“iphone.css” />

</head>

<body>

</body>

</html>

Title of the page

2. As like the component UINavigationBar in iPhone Native App we can get the same bar header in our html itself.

You can find some images  that are needed to make the look and feel of our site as like iPhone Native App  here.

Add this images folder in root of your html document.

add this code below at starting of the tag “body”

<div id=“header”>

<h1>Navigation Bar</h1>

</div>

Navigation Bar

3. As like list in normal html we displays the set of items one by one. The mostly used view in iPhone is UITableView. It is used to display the list of items, we can checkmark it, select it,delete it.The items in the table called as cells. Each cell has their own property.

Way to make our list appear as like table in iPhone.

<ul>

<li>Simple Item</li>

<li class=“arrow”><a href=”#”>With Arrow</a></li>

<li><small>new!</small><a href=”#”>With Badge</a></li>

<li><a href=”#”><img src=“images/list-icon-5.png” class=“ico” /> With Icon</a></li>

</ul>

Table List

Signup Form Design With Jquery Validation

Features:

• Structured CSS which will suits with Firefox,IE,opera
• Client Side advanced validation with all fields using Jquery
• Validated and structured HTML which can be used in any site
• MVC Structured Usage(CSS,Images,JS,Html Separated)
• Used reset css to make it multi browser compatible

Why Signup Form ?

Signup form is used to give user to create account in your site. So it needs to be very clear in design and should be validated from client side itself. The main purpose of giving more concentration on this is because this is the way for users to enter and inspired on your site. So make sure to give right entrance.

How it Should be Designed?

Here is the full example of making such a form with full javascript validation using jquery and css.

So we now we are going to design the signup form from scratch to end.

Before going to start design you should design it in a paper or paint to get overall design so you will be able to bring it very easily.

For example,

Step 1:

Design all your html entities first and never design your css first. Follow the structure correctly and name it using ID or class to style it in near future.

Like this,

Step 2 :

So now we are having a html file alone without any style exactly like this. Now we need to add reset css to make this form to support multi browser.

–Reset css will reseting all your browser default styles to none and we can style the elements as per our need later.

Eg : IE will take h1 tag font size in different way than firefox. So we will reset the default values to none like this

*{margin:0px;padding:0px;}

h1{font-size:14px;}

So once we applied reset css we will get the output as like this

Step 3 :

Applied reset css and designed html part fully. So now make a separate stylesheet and paste all reset css content in the top and start the actuall css design after that like this.

And please never ever forget to make a comment for each block in html and css to modify anything in the future.

Once you applied actual css you will be able to see your actual output.

Step 4 :

So now the full design is ready and now we need to apply javascript validation with the help of jquery plugin. Add jquery plugin to your file structure and make the separte validations as like this.

We will see the jquery validations in coming days and for your need you can always get this copy of source.

And always go in structure way to organize your data well. Like this.

And still there are many nice signup forms with good validations , we will list out all those forms soon.

How to use it?

You need to change some of the fields and messages as per your specifications and design.

Edit stylesheet , html, js files in the Signup folder and use it for your signup form.

Output

Before validating

After validating

This hot news has been unveiled by Web Analytics Research and we must thank to them.