Ya i had to take a break, don’t ask “iMamoo taking a break?” Did you know a common mistake which people make, is not to take breaks. specially the performance oriented people like me should take breaks when they need. Taking a break is like changing the oil on your car. It is a basic need and your performance will suffer if you decide to just “press on through.” Let’s say you normally operate at 70% to 90% of your potential, but when you get burn out, your capability drops to 20% to 30%. Simply trying to spend more time on the same thing reduced effectiveness, so does it make sense. You will be far better off to take some time off and come back at your normal 70% to 90%. You need breaks on different levels.

(Pottson, when he hear iMamoo say this, realized how much he had missed iMamoo and his talks. He geared up to hear about the W3C level 1 validation for web accessibility)

These guidelines explain how to make Web content accessible to people with disabilities.

The primary goal of these guidelines is to promote accessibility. However, following them will also make Web content more available to all users, whatever user agent they are using (e.g., desktop browser, voice browser, mobile phone, automobile-based personal computer, etc.) or constraints they may be operating under (e.g., noisy surroundings, under- or over-illuminated rooms, in a hands-free environment, etc.). Following these guidelines will also help people find information on the Web more quickly. These guidelines do not discourage content developers from using images, video, etc., but rather explain how to make multimedia content more accessible to a wide audience.

There are three levels :

1. Level A
2. Level AA
3. Level AAA

Below I have give level A checkpoint. If you implement all the three levels to your web page your site will become more user friendly.

Level A checkpoints :

1. Provide a text equivalent for every non-text element (e.g., via “alt”, “longdesc”, or in element content). This includes: images, graphical representations of text (including symbols), image map regions, animations (e.g., animated GIFs), applets and programmatic objects, ascii art, frames, scripts, images used as list bullets, spacers, graphical buttons, sounds (played with or without user interaction), stand-alone audio files, audio tracks of video, and video.
2. Ensure that all information conveyed with color is also available without color, for example from context or markup.
3. Clearly identify changes in the natural language of a document’s text and any text equivalents (e.g., captions).
4. Organize documents so they may be read without style sheets. For example, when an HTML document is rendered without associated style sheets, it must still be possible to read the document.
5. Ensure that equivalents for dynamic content are updated when the dynamic content changes.
6. Until user agents allow users to control flickering, avoid causing the screen to flicker.
7. Use the clearest and simplest language appropriate for a site’s content.

And if you use images and image maps

1. Provide redundant text links for each active region of a server-side image map.
2. Provide client-side image maps instead of server-side image maps except where the regions cannot be defined with an available geometric shape.

And if you use tables

1. For data tables, identify row and column headers.
2. For data tables that have two or more logical levels of row or column headers, use markup to associate data cells and header cells.

And if you use frames

1. Title each frame to facilitate frame identification and navigation.

And if you use applets and scripts

1. Ensure that pages are usable when scripts, applets, or other programmatic objects are turned off or not supported. If this is not possible, provide equivalent information on an alternative accessible page.

And if you use multimedia

1. Until user agents can automatically read aloud the text equivalent of a visual track, provide an auditory description of the important information of the visual track of a multimedia presentation.
2. For any time-based multimedia presentation (e.g., a movie or animation), synchronize equivalent alternatives (e.g., captions or auditory descriptions of the visual track) with the presentation.

And if all else fails

1. If, after best efforts, you cannot create an accessible page, provide a link to an alternative page that uses W3C technologies, is accessible, has equivalent information (or functionality), and is updated as often as the inaccessible (original) page.

PS: iMamoo & Pottson are the two mascots of iPOTT SaiaS

courtesy:http://www.w3.org/TR/WCAG10/checkpoint-list.html

Pottson always funny but he is very good in learning new things, like wise when we were browsing, pottson asked is it possible to create toolbar?. I said it is very easy and I told him how to do it. I have given below the details to create toolbar and you will get surprised by yourself.

Conduit provides website syndication solutions for web publishers that increase site traffic, revenue, and brand loyalty while simplifying access to the content, communities and applications that subscribers care about most. By creating a direct, always-on connection between publishers and subscribers, Conduit opens new channels for real-time communication and commerce.

Some steps to create tool bar

1. Register or login into conduit.com
2. Once you are successfully logged you will see lot of tabs like dashboard, Toolbar, Alerts, Banners etc..
3. Click Toolbar tab and you will see some components, like basic components, content components, personalized components etc..
4. Click on the components it will take to a detailed page where you can chose icon and give the URL, Hint etc..
5. Click save to save changes. Like that you can chose more components for your tool bar.
6. Once you have done the tool bar will be ready and you can download your tool bar.

7. On top of the page you will see ‘Your toolbar’s download page’ in the key Links.
8. Click Install your toolbar. The installation process is very simple and it wont take much time.

WHAT ARE THE WEB SAFE COLORS?

Web safe colors are sets of colors that will not be altered (dithered) when shown on browsers running on a 256-color browser.   These sets of colors are initially selected by Netscape for use on their browsers.

Web safe colors seem to be irrelevant for today’s computers, but back when the web was invented, many people still use graphics card which supports only 256 colors (or less).  In fact, even today, Netscape browsers seems to still have some problems when displaying colors; while Internet Explorer seems to have better color handling.

Of the 256 possible colors, there are 216 that is designated to be web safe colors; they are shown on the table above.   The remaining 32 colors are used by the operating system (such as Windows 95, or MacOS) and are reserved for the color of title bar, desktop, menu bar, etc.

A web color is usually specified as a 6-digits hexadecimal number.  The 6-digits represents the Red Green Blue value of the color, commonly referred as the RGB values.  Even though there are 6 digits on each number, these six digits are actually three separate pairs of numbers, specifically:
The first two digits are the Red (R) value of the color.
The next two digits are the Green (G) value of the color.
The last two digits are the Blue (B) value of the color.
You might attempt to interpret all six digits as a whole, but that will be meaningless.   Instead, you should always break up the six digits into RGB values like this RRGGBB.  So if the hex value is FF6699, then RR=FF, GG=66, BB=99.

HOW TO DETERMINE IF A COLOR IS WEB SAFE

This is actually quite easy.  All you need to do is to break up the RRGGBB values into the RGB components, and make sure each component are multiples of 33 (hexadecimal).  So, to be web safe, the RR, GG, and BB values must be one of these numbers:

Hexadecimal:      00  33  66  99  CC FF

So, for example: 0033CC is web safe (because RR=00 which is a multiple of 33; GG=33, which is a multiple of 33; and BB=99, which is also a multiple of 33)

If you use web safe colors, The quality of your design ideas will improve and your Web page will look the same on monitors that can display 256 colors or more, on both Macintosh and PC computers.

no matter which computer monitor or which browser is used to open the web site. Any system capable of displaying an 8 bit color system will be able to display a site.

For more examples regarding Logos & other templates you can check with www.ipott.info.

I will be happy to receive your comments.
contact me for any help at imamoo(at)ipott(dot)com

courtesy:http://www.permadi.com/tutorial/websafecolor/index.html

If you’re a template designer or happen to redesign your blog on your own, you must want to know how it looks in other browsers than the one you’re using.

It’s easy enough to open up the few browsers you have installed in your computer and test your newly designed blog in it. But to know for sure that it works ok in all the browsers out there is next to impossible. Just to test in 2 different version of browsers, IE6 and IE7, are tough enough – as I’ve faced with previously.

What is this?

Browsershots makes screenshots of your web design in different browsers.
It is a free open-source online service created by Johann C. Rocholl.
When you submit your web address, it will be added to the job queue.
A number of distributed computers will open your website in their browser.
Then they will make screenshots and upload them to the central server here.

browsershots.org

Browsershots.org is an online free service that takes the URL of the blog to be tested and opens it up in all the different browsers on their machines. Screenshots, or snapshots, of the blog page in each one of the browsers are then taken and uploaded back within a a few minutes into the main page for your viewing pleasure/displeasure. From there, you can immediately see which browser works or not, and zoom in to a full page ( top to bottom of page) to see the details.

How does Browsershots.org work?

The service is very simple to use. The user visits http://Browsershots.org and enter their website’s URL. Browsershots will then take screen-shots of the page using the selected web browsers. Within a few minutes the screen-shots are posted at http://browsershots.org// for viewing.

I will be happy to receive your comments.
contact me for any help at imamoo(at)ipott(dot)com

Last week myself and pottson had discussion about the use xhtml valiadtion. It was nice and it will be usefull to everyone whoever doing website design. So I have given below what it is and how to do that.

what is xhtml :

The Extensible Hypertext Markup Language, or XHTML, is a markup language that has the same depth of expression as HTML, but also conforms to XML syntax.
XHTML is in many ways similar to HTML, but is designed to work with the new eXtensible Markup Language, or XML, that will soon serve as the core language for designing all sorts of new Web applications, in which XHTML will be only one of many “languages.” But, XHTML is designed to work with these other language, so that different documents, in different languages, can be easily mixed together.

Importance of XHTML validation :

XHTML validation ensures that a site is indexed quickly by search engines; it also greatly improves the chances of a website achieving high rank on search engines. More webmasters than ever have started converting their websites into XHTHML-compatible sites.

Get Quality Score from Search Engines by getting your site Validated!

XHTML validation is one of the most vital aspects of search engine optimisation. Unfortunately most search engine optimisation firms ignore the importance of XHTML validation in search engine optimisation.

xhtml validation :

An XHTML document is validated against a Document Type Definition (DTD).
Before an XHTML file can be validated, a correct DTD must be added as the first line of the file.
The Strict DTD includes elements and attributes that have not been deprecated or do not appear in framesets:

The Transitional DTD includes everything in the strict DTD plus deprecated elements and attributes:

The Frameset DTD includes everything in the transitional DTD plus frames as well:

“XHTML Validation can make your site Search Engine Friendly!”

Url for validate your site :

After clicking the check button if you get an error in your page, you will see an error message of “Errors found while checking this document as XHTML 1.0 Strict!” in red color, else you will get a message lke “This document was successfully checked as HTML 4.01 Strict!” in green color. Along with error message they will give suggestion, like actual syntax for the error – you can easily rectify these errors.

I will be happy to receive your comments.
contact me for any help at imamoo(at)ipott(dot)com

If you are among one of those who is interested to popularise the site or want to publish frequently updated contents such as blogs and news or want to significantly increase website traffic, RSS is one of the best way to do.It can be accessed anywhere. It’s updated in real-time. It is 100% deliverable.

what is RSS ?

RSS stands for Really Simple Syndication. It’s an easy way for you to keep up with news and information that’s important to you, and helps you avoid the conventional methods of browsing or searching for information on websites. Now the content you want can be delivered directly to you without cluttering your inbox with e-mail messages. This content is called a “feed.”

What problem does RSS solve?

Most people are interested in many websites whose content changes on an unpredictable schedule. Examples of such websites are news sites, community and religious organization information pages, product information pages, medical websites, and weblogs. Repeatedly checking each website to see if there is any new content can be very tedious.

Email notification of changes was an early solution to this problem. Unfortunately, when you receive email notifications from multiple websites they are usually disorganized and can get overwhelming, and are often mistaken for spam.

RSS is a better way to be notified of new and changed content. Notifications of changes to multiple websites are handled easily, and the results are presented to you well organized and distinct from email.

If you can learn HTML, you can easily learn how to build your own RSS 2.0 feeds. I’ll take you through the steps to creating an RSS feed from scratch.

Step 1: XML Declaration

Since RSS 2.0 must validate as XML, the first line in your rss feed must be the XML declaration.

The encoding is optional but recommended. If your using something other than UTF-8 be sure to change the above line.

Note: If you are using CFML and have whitespace due to the Application.cfm file you can reset the output buffer using <cfcontent reset=”true”>

Step 2: RSS Channel

In this step we need to open up the rss tag, and the channel tag, all of your feed content goes inside these tags.

Step 3: RSS Feed Information

Next you place information about your RSS feed such as the title of it, the description, and a link to the the site.

Step 4: RSS Items

Next we enumerate over each RSS item, each item has a title, link, and description, publication date, and guid.

Make sure you escape any characters that might cause your XML to invalidate, these characters include <, >, & – I like to enclose any content that may contain HTML inside a CDATA section.

Note: In CFML you can use the XmlFormat function to escape special characters in XML.

Step 5: Close Channel and RSS tags.

Step 6: Validate your feed

Validate your feed using FeedValidator.org.

Other things to take note of

* Content Type – See my post on content types for RSS feeds
* Encoding – You should include the encoding in your Content-Type HTTP header, and in the XML declaration.
* Styling – If you want to make your RSS feed look a little nicer you can CSS stylesheet for your RSS feed.
* Categories – It’s a good idea to include category tags in your RSS feeds as well, these go inside the item tag. You can give an item multiple categories by adding a tag for each one.

Here’s a sample RSS file which can be used as a template for your first feed:

You can check few RSS Feeds on iPOTT.

I will be happy to receive your comments.
contact me for any help at imamoo(at)ipott(dot)com

Normally in windows if you want to install any software it will be easy, but if you take in linux it will be little difficult. Like wise my friend pottson had tried to install mysql 4.1 standard edition. But he couldn’t. Finally he came to me and asked me how to do that. I taught him how to install. The same procedure I have given below for your benefit. You can also find the same information in the mysql site but under different topics like pre-installation, post-intsallation etc.. I am providing you everything under one place.

Once the file is copied to the specified location. Use the shell and run the commands as specified in the following steps one after the other.

Once the mysql is installed. The mysql would be installed initially without a root password. Start the mysql using the daemon process.

Once you access the mysql, set the password for the root user in the ‘user’ table of mysql database. I have given ‘admin’ as the password. You can create of your own. You can observe one thing here OLD_PASSWORD. You password is encrypted in the old format and stored in the database in order to provide downward compatiblity with the client tools.

Once all the settings are done, you can now shutdown the mysql using the following command as given in the below step.

I will be happy to receive your comments.
contact me for any help at imamoo(at)ipott(dot)com

A Logo is the powerful image representation of your company, concept or about your organization. It creates an impression which is unforgettable, also an identity among your competitors.

A professional logo should be a positive depiction of any representation it stands for. It forms a Brand identity within ocean of concepts. Before designing a Logo, knowing the appropriate type of Logo which suits for your application will help you to achieve a stronger solution.

Logos are categorized of mainly 5 types.

1)Wordmark / Textual Logos

These types of Logos are popular because it features a typographical representation of the brand’s message or its name.

2)Lettermarks / Conceptual Logos

A Lettermark is similar to Wordmark, which uses abbreviated forms of any text.

3)Graphical Logos

In these type which uses an abstract symbol to represent the ideas or products.

4)Symbol / Artistic Logos

These forms of Logos are symbol with elegant appearance. It can be an artistic symbol with which says indepth meanings about your ideas.

5)Abstract Logos

Abstract logos can be symbols or drawings with text or without text which conveys the brand message. Recently we found 3D formation of these types which mainly used by the designing companies.

Each of these categories has its own design challenges & its own characteristics. Choosing the appropriate type of Logo will show off your product & service in a competitive way. For more examples regarding Logos & other templates you can check with www.ipott.info.

I will be happy to receive your comments.
contact me for any help at imamoo(at)ipott(dot)com

Images have become unavoidable part of web ages. But there are many drawbacks by using images in websites. Speed of the site, Colors etc., is the major issues in this sequence.

Site speed has always become critical for many websites. You might have noticed that in most of the websites text will appear first, then the image appears. And in Low configuration comps this is a big issue while opening web pages which consists of more images.

You should have the patience to sit till all the images are open in the web page. More often in some cases the web page will not open fully or appear partially which will be without the images. These are the common errors which are widely found in web pages.

There are many ways to solve the above said issues.

If you follow these below said rules you can increase your site speed at least by 80 %.

1) Try to cut down the no. of images

2) Use solid backgrounds – Means if you are using vector images try to use only flat colors.

3) Avoid using too many colors, which makes your site scattered in look & feel.

4) Do not use Gradient colors in large scale images.

5) Size of the images – Both File size & Image size, make it Compact.

6) Always make the least file size in which the image is looking good.

7) Optimize the image by using PHOTOSHOP or any Image editing software.

Use the correct format while using images, jpg, GIF and PNG.

9) For Bigger images use only ‘’.jpg ‘’ files in which you can reduce the file size a lot.

10) Use GIF or PNG formats only when you create icons or smaller images.11) Limit the no. of animated files. For Flash sites which is not applicable, because animation is in-built.

These are the main points to be remembered when you use images in your web pages.
I will be happy to receive your comments.
contact me for any help at imamoo(at)ipott(dot)com

The enthu with which we started did not last long. The competition was not ‘fair’ enough for us to stay. We were at the 60th place and were sure will move up but reverse happened. It was more luck than professionally conducted.

1)The site was not ready for the traffic and was down greater part of the time and this reduced the voting opportunity.

2)No equal opportunity was available for the competing companies. The SMS system clogged and ’sent sad replies’ like ’server busy’, ‘can’t recognize your format’ etc. Again votes are lost.

3)The experts were not available to comment till few days back and when they commented…

4)The newly introduced mail validation system works, not works and then not works…

When we raised our concern we got very good response and we were told that all the problems will surely be addressed by the 2009 Hottest Startup. We knew we were in the wrong place. We withdrew. We were at 115.