You are visiting PotentProducts.com.
Home Page.
Resources.
The Forums.
Web Services.

 

Freeware Web Charts

Freely available, you'll find any of these Web Related Charts are actually "quite handy to have".

All links open in a new Window and then use your Browser to save the page, somewhere handy on your hard drive.

Please remember to keep the Copyright on the page.  The Copyright is also a link to the Resources directory, here at PotentProducts.com, where you can always find lots of good Web tools... Free.

Colour Chart - 216 Web Safe

Using JavaScript, this page will allow you to see what the page background colour looks like, by simply moving your Mouse over a colour.  Will also show you what the web code is, so you can use it on your Web pages.

Unfortunately, the JS code does not work in every Browser.  You should have no trouble though, using a Browser v4.x or greater with most OSs.

As this page uses an invisible gif image, you can download both, the page and gif, together in Zip format—about 2.6KB in size—then save the file on your computer.

Colour Chart - Web Color Visualizer

Do you spend too much time, looking up the code for colours that match?  Would you like to know what colours not only work well with each other, but also with any Browser and on most Browser/OSs?  Say no more, this is what you need.

This is a handy, hard to find, and excellent tool, for anyone serious about creating Web pages with good colour combinations.

Using JavaScript, this page will allow you to see what the page background & text colours will look like, by simply using your Mouse.  Click the one you want, to set the page background colour, then continue moving your Mouse to see what text colour would look best.  Can't get much simpler than that!

Although I didn't create the code, wish I did <grin> there is a link to the Author's home page and the Contest they Won, with the coding used for the page.  What I did, was to correct the code so it validates as much as possible.

Unfortunately, the JS code does not work in every Browser.  Nothing to do with the HTML, it's just the way the JS code was done.  If you visit the Contest site listed on the page, you will understand why.  You should have no trouble though, using a v4.x Browser or greater, of Netscape, IE, or with most OSs.

ISO-8859-1 ASCII Chart

This chart is a listing of the 106 most popular Character Entities, used by people in their Web pages.  Click the Download link, then save the page to your computer.

I created this page, because I got so frustrated with always having to use one of my reference books to look up the code I wanted.  Being as we can't remember everything, it just made sense to create a page that contained the most common of the ASCII characters, which I could store on my hard drive and Bookmark for easy reference.

This made it "so much easier" for me to get the code I needed, that I want to share it and hopefully, help make it easier for you as well.

 
The ASCII code "should" be able to be used for, not only your own Web pages, but also for most anything Web page related.  This includes wherever your information will be used for Web related purposes or be on a publicly displayed Web page.  ASCII coding does not work well within Email programs(unless the Email is in HTML format)so best to use only with Web pages.

Interesting Side Benefit

At some point, you may want to delve into the world of coding with PERL, PHP, or (gasp) a Database language.  This can lead to problems with Code Validation.

With PHP commonly being used with a mySQL database, it's not unusual to see code that would include something like:


 
?op=modload&name=Downloads&file=index

This is also common coding with most Database languages.  The trouble comes in when trying to validate that code.  Using the & sign by itself, is not good.  What you need to do, is use &amp; which is the ASCII equivalent.  If the code still won't validate, maybe the # needs to be replaced, in which case you would use &#0063; instead.

The code will still work as it should, validate properly, and you have one less problem to worry about!

Server Status Codes

At some point, even working with just HTML pages, you are going to get a Server Status message that you may not understand.  These messages are usually in the form of an "error" and since these messages will not go away, until they are fixed, it's best to "at least" have an idea of what they mean.

You probably already know what "Error Code: 404 Page not found" means, but do you know why?  Every try to figure out why you get "Error Code: 500" and how to correct it?  This handy chart gives you quick reference on all the most common Error Codes—for a Unix/Linux Server.

Although it does not go into lengthy detail on the why & what for of the Error message, you will have enough information to provide you with clues to the answers.  Adding this information to the knowledge you've already gained—say from, looking at your Error Logs—which will help to make short work, getting rid of those unwanted messages.

In fact, without a lot of searching, I doubt you will find a chart as complete as this one.  Just another one of the "tools" we all need, to help prevent from spending hours upon hours on trying figure out why, our Web pages won't work.

 
For beginners, there is a good Article called, "Know Your Web Site Roots" which explains how, Servers understand a "path" better than a URL or link.  Learning to use and "think in terms of a path" will help to eliminate a lot of common errors in our coding.  Gotta' like that!

 

 
Freeware Site Tools

All Tools have been updated & improved!  Newer code, Standards compliment, and Accessibility friendly.

 
 Sunday, April 30th, 2017 MST