RGB Color Chart

Check out the world famous color chart for all web safe RGB colors.

990033
R 153
G 000
B 051
FF3366
R 255
G 051
B 102
CC0033
R 204
G 000
B 051
FF0033
R 255
G 000
B 051
FF9999
R 255
G 153
B 153
CC3366
R 204
G 051
B 102
FFCCFF
R 255
G 204
B 255
CC6699
R 204
G 102
B 153
993366
R 153
G 051
B 102
660033
R 102
G 000
B 051
CC3399
R 204
G 051
B 153
FF99CC
R 255
G 153
B 204
FF66CC
R 255
G 102
B 204
FF99FF
R 255
G 153
B 255
FF6699
R 255
G 102
B 153
CC0066
R 204
G 000
B 102
FF0066
R 255
G 000
B 102
FF3399
R 255
G 051
B 153
FF0099
R 255
G 000
B 153
FF33CC
R 255
G 051
B 204
FF00CC
R 255
G 000
B 204
FF66FF
R 255
G 102
B 255
FF33FF
R 255
G 051
B 255
FF00FF
R 255
G 000
B 255
CC0099
R 204
G 000
B 153
990066
R 153
G 000
B 102
CC66CC
R 204
G 102
B 204
CC33CC
R 204
G 051
B 204
CC99FF
R 204
G 153
B 255
CC66FF
R 204
G 102
B 255
CC33FF
R 204
G 051
B 255
993399
R 153
G 051
B 153
CC00CC
R 204
G 000
B 204
CC00FF
R 204
G 000
B 255
9900CC
R 153
G 000
B 204
990099
R 153
G 000
B 153
CC99CC
R 204
G 153
B 204
996699
R 153
G 102
B 153
663366
R 102
G 051
B 102
660099
R 102
G 000
B 153
9933CC
R 153
G 051
B 204
660066
R 102
G 000
B 102
9900FF
R 153
G 000
B 255
9933FF
R 153
G 051
B 102
9966CC
R 153
G 102
B 204
330033
R 051
G 000
B 051
663399
R 102
G 051
B 153
6633CC
R 204
G 051
B 204
6600CC
R 102
G 000
B 204
9966FF
R 153
G 102
B 255
330066
R 051
G 000
B 102
6600FF
R 102
G 000
B 255
6633FF
R 204
G 051
B 255
CCCCFF
R 204
G 204
B 255
9999FF
R 153
G 153
B 255
9999CC
R 153
G 153
B 204
6666CC
R 102
G 102
B 102
6666FF
R 102
G 102
B 255
666699
R 102
G 102
B 153
333366
R 051
G 051
B 102
333399
R 051
G 051
B 153
330099
R 051
G 000
B 153
330033
R 051
G 000
B 051
3300FF
R 051
G 000
B 255
3333FF
R 051
G 051
B 255
3333CC
R 051
G 051
B 204
0066FF
R 000
G 102
B 102
0033FF
R 000
G 051
B 255
3366FF
R 051
G 102
B 255
3366CC
R 051
G 102
B 204
000066
R 000
G 000
B 102
000033
R 000
G 000
B 051
0000FF
R 000
G 000
B 255
000099
R 000
G 000
B 153
0033CC
R 000
G 051
B 204
0000CC
R 000
G 000
B 204
336699
R 051
G 102
B 153
0066CC
R 000
G 102
B 204
99CCFF
R 153
G 204
B 255
6699FF
R 102
G 153
B 255
003366
R 000
G 051
B 102
6699CC
R 102
G 153
B 204
006699
R 000
G 102
B 153
3399CC
R 051
G 153
B 204
0099CC
R 000
G 153
B 204
66CCFF
R 102
G 204
B 255
3399FF
R 051
G 153
B 255
003399
R 000
G 051
B 153
0099FF
R 000
G 153
B 255
33CCFF
R 051
G 204
B 255
00CCFF
R 000
G 204
B 255
99FFFF
R 153
G 255
B 255
66FFFF
R 102
G 255
B 255
33FFFF
R 051
G 255
B 255
00FFFF
R 000
G 255
B 255
00CCCC
R 000
G 204
B 204
009999
R 000
G 153
B 153
669999
R 102
G 153
B 153
99CCCC
R 153
G 204
B 204
CCFFFF
R 204
G 255
B 255
33CCCC
R 051
G 204
B 204
66CCCC
R 102
G 204
B 204
339999
R 051
G 153
B 153
336666
R 051
G 102
B 102
006666
R 000
G 102
B 102
003333
R 000
G 051
B 051
00FFCC
R 000
G 255
B 204
33FFCC
R 051
G 255
B 204
33CC99
R 051
G 204
B 153
00CC99
R 000
G 204
B 153
66FFCC
R 102
G 255
B 204
99FFCC
R 153
G 255
B 204
00FF99
R 000
G 255
B 153
339966
R 051
G 153
B 102
006633
R 000
G 102
B 051
336633
R 051
G 102
B 051
669966
R 102
G 153
B 102
66CC66
R 102
G 204
B 102
99FF99
R 153
G 255
B 153
66FF66
R 102
G 255
B 102
339933
R 051
G 153
B 051
99CC99
R 153
G 204
B 153
66FF99
R 102
G 255
B 153
33FF99
R 051
G 255
B 153
33CC66
R 051
G 204
B 252
00CC66
R 000
G 204
B 252
66CC99
R 102
G 204
B 153
009966
R 000
G 153
B 102
009933
R 000
G 153
B 051
33FF66
R 051
G 255
B 102
00FF66
R 000
G 255
B 102
CCFFCC
R 204
G 255
B 204
CCFF99
R 204
G 255
B 153
99FF66
R 153
G 255
B 102
99FF33
R 153
G 255
B 051
00FF33
R 000
G 255
B 051
33FF33
R 051
G 255
B 051
00CC33
R 000
G 204
B 051
33CC33
R 051
G 254
B 051
66FF33
R 102
G 255
B 051
00FF00
R 000
G 255
B 000
66CC33
R 102
G 204
B 051
006600
R 000
G 102
B 000
003300
R 000
G 051
B 000
009900
R 000
G 153
B 000
33FF00
R 051
G 255
B 000
66FF00
R 102
G 255
B 000
99FF00
R 153
G 255
B 000
66CC00
R 102
G 204
B 000
00CC00
R 000
G 204
B 000
33CC00
R 051
G 204
B 000
339900
R 051
G 153
B 000
99CC66
R 153
G 204
B 102
669933
R 102
G 153
B 051
99CC33
R 153
G 204
B 051
336600
R 051
G 102
B 000
669900
R 102
G 153
B 000
99CC00
R 153
G 204
B 000
CCFF66
R 204
G 255
B 102
CCFF33
R 204
G 255
B 051
CCFF00
R 204
G 255
B 000
999900
R 153
G 153
B 000
CCCC00
R 204
G 204
B 000
CCCC33
R 204
G 204
B 051
333300
R 051
G 051
B 000
666600
R 102
G 102
B 000
999933
R 153
G 153
B 051
CCCC66
R 204
G 204
B 255
666633
R 102
G 102
B 051
999966
R 153
G 153
B 102
CCCC99
R 204
G 204
B 153
FFFFCC
R 255
G 255
B 204
FFFF99
R 255
G 255
B 153
FFFF66
R 255
G 255
B 102
FFFF33
R 255
G 255
B 051
FFFF00
R 255
G 255
B 000
FFCC00
R 255
G 204
B 000
FFCC66
R 255
G 204
B 102
FFCC33
R 255
G 204
B 051
CC9933
R 204
G 153
B 051
996600
R 153
G 102
B 000
CC9900
R 204
G 153
B 000
FF9900
R 255
G 153
B 000
CC6600
R 204
G 102
B 000
993300
R 153
G 051
B 000
CC6633
R 204
G 102
B 051
663300
R 102
G 051
B 000
FF9966
R 255
G 153
B 102
FF6633
R 255
G 102
B 051
FF9933
R 255
G 153
B 051
FF6600
R 255
G 102
B 000
CC3300
R 204
G 051
B 000
996633
R 153
G 102
B 051
330000
R 051
G 000
B 000
663333
R 102
G 051
B 051
996666
R 153
G 102
B 102
CC9999
R 204
G 153
B 153
993333
R 153
G 051
B 051
CC6666
R 204
G 102
B 102
FFCCCC
R 255
G 204
B 204
FF3333
R 255
G 051
B 051
CC3333
R 204
G 051
B 051
FF6666
R 255
G 102
B 102
660000
R 102
G 000
B 000
990000
R 153
G 000
B 000
CC0000
R 204
G 000
B 000
FF0000
R 255
G 000
B 000
FF3300
R 255
G 051
B 000
CC9966
R 204
G 153
B 102
FFCC99
R 255
G 204
B 153
FFFFFF
R 255
G 255
B 255
CCCCCC
R 204
G 204
B 204
999999
R 153
G 153
B 153
666666
R 102
G 102
B 102
333333
R 051
G 051
B 051
Read More
Introduction to XML

XML stands for Extensible Markup Language. The development of XML started somewhere around the 1996 timeframe. In 1998, the W3C made it a official standard. XML’s derived directly from SGML, another document language from the 80’s (standardized in 1986). The developers of XML took parts of SGML together with their experience from HTML and create a language which is not less powerful or capable, but a lot more structured and easier in use. Where SGML was primarily used for technical documentation and less for formating data, it’s the other way around with XML.

If you open a XML document in a text editor, you will notice that it looks a lot like HTML. At first glance you will probably notice that the first tag is XML, instead of HTML, but other than that, the tags are different and looks familiar. However, if you open the same XML document with a browser, you will see that it looks just like what you just saw when you opened it with a text editor. And this is where the journey begins.

HTML has tags to define and format font-type, -size, tables, frames and colors. XML by its very nature knows nothing about those tags. XML has to rely on an external source that tells the browser how to format the XML tags.

You might get that feeling that you have heard about that before, and if you are “in love” with Cascading Stylesheets (CSS)(ver. 1 & 2), you have. CSS is a helper to HTML and XML in some ways. In HTML usage, Stylesheets are referenced in the source code of your website to format the output without them, HTML would look a lot less pretty. And CSS are one way to format XML output as well.

Two roads diverge in a yellow wood

The other method is utilizing XSL-files. XSL means Extensible Stylesheet Language. The components within XSL is made of are called XSLT – XSL-Transformations – and XSL-FO – XSL-Formating Objects. Together they perform two very important tasks. Number one being the formating
(XSL-FO) and number two the converting, or the (XSL)tranformation, of XML documents over to HTML, XML-FO (of course), TeX and even PDF.

United we stand?

HTML has been responsible for a couple of my nervous breakdowns while working as an HTML monkey. The phrase, “It works with Internet Explorer, but it doesn’t work with Netscape!”, has been present for some time in my world or any webmaster’s world each day. Seven out of ten times that I am asked to fix and clean up some source code, it is because of a cross-browser issue. In recent years Opera has added to the list that no longer just contains Netscape.

To find out how Internet Explorer, Netscape Navigator/Mozilla, Opera and Konqueror (Linux only) support XML, stay tuned, as it will be covered in another tutorial soon.

If you have any comments, questions or suggestions, feel free to post them on the forums.

Read More
Internet Information Server (IIS) Top 10

As an IIS administrator it sometimes gets downright annoying having to fend off all the insults from Apache admins I meet claming innate server superiority. Generally the discussion about Web administration starts first with all the various security holes plaguing IIS and the negative press the platform garnered over the last year. Then it invariably moves to a discussion about how Netcraft and other stats sites show Apache as the dominant server on the Web, or how a certain big site uses Apache, or how there are so many cool modules to add to Apache. Pointing out that scads of non-identified corporate in-house servers run IIS, or that it too is a free server (since it comes with the operating system), or that there are in fact plenty of cool add-ons for IIS (including many that provide source code) — all this does little to dissuade these server chauvinists of their opinion. Rather than whining about rude Apache admins, however, I thought it would be a more useful response simply to write down some of the ways I’ve found of improving IIS. So without further delay here are my top ten tips for making the most of your IIS.

Tip 10: Customize Your Error Pages

Although this is quite simple to do, few people seem to take advantage of it. Just select the “Custom Errors” tab in MMC and map each error, such as 404, to the appropriate HTML or ASP template. Full details can be found here. If you want an even easier solution — or if you want to let developers handle the mapping without giving them access to the MMC — use a product like CustomError.

Tip 9: Dive into the MetaBase

If you think Apache is powerful because it has a config file, then take a look at the MetaBase. You can do just about anything you want with IIS by editing the MetaBase. For example, you can create virtual directories and servers; stop, start and pause Web sites; and create, delete, enable and disable applications.

Microsoft provides a GUI utility called MetaEdit, somewhat similar to RegEdit, to help you read from and write to the MetaBase. Download the latest version here. But to really impress those UNIX admins — and to take full advantage of the MetaBase by learning how to manipulate it programmatically — you’ll want to try out the command-line interface, officially called the IIS Administration Script Utility. Its short name is adsutil.vbs and you’ll find it in C:\inetpub\adminscripts, or else in %SystemRoot%\system32\inetsrv\adminsamples, together with a host of other useful administrative scripts.

A word of caution though: Just like Apache conf files, the MetaBase is pretty crucial to the functioning of your Web server, so don’t ruin it. Back it up first.

Tip 8: Add spell checking to your URLs

Apache folks always brag about cool little tricks that Apache is capable of — especially because of the wealth of modules that can extend the server’s basic functionality. One of the coolest of these is the ability to fix URL typos using a module called mod_speling. Well, thanks to the folks at Port80 Software, it now appears that IIS admins can do this trick too, using an ISAPI filter called URLSpellCheck. You can check it out right on their site, by trying URLs like www.urlspellcheck.com/fak.htm, www.urlspellcheck.com/faq1.htm — or any other simple typo you care to make.

Tip 7: Rewrite your URLs

Cleaning your URLs has all sorts of benefits — it can improve the security of your site, ease migration woes, and provide an extra layer of abstraction to your Web applications. Moving from a ColdFusion to an ASP based site, for example, is no big deal if you can remap the URLs. Apache users have long bragged about the huge power of mod_rewrite — the standard Apache module for URL rewriting. Well, there are now literally a dozen versions of this type of product for IIS — many of them quite a bit easier to use than mod_rewrite, which tends to presume familiarity with regular expression arcana. Check out, for example, IIS ReWrite or ISAPI ReWrite. So brag no more, Apache partisans.

Tip 6: Add browser detection

There are a lot of ways to build Web sites, but assuming everybody has a certain browser or screen size is just plain stupid. Simple JavaScript sniff-scripts exist for client-side browser detection, but if you are an IIS user you can do better with a product called BrowserHawk from CyScape. The Apache world doesn’t really have something comparable to this popular, mature and well-supported product. Speaking of CyScape, they’ve recently added an interesting-looking related product called CountryHawk that helps with location detection, but so far I haven’t had the language- or location-sensitive content to warrant trying it out.

Tip 5: Gzip site content

Browsers can handle Gzipped and deflated content and decompress it on the fly. While IIS 5 had a gzip feature built-in, it is pretty much broken. Enter products like Pipeboost to give us better functionality — similar to what Apache users have enjoyed with mod_gzip. Don’t waste your bandwidth — even Google encodes its content, and their pages are tiny.

Tip 4: Cache your content

While I’m on the topic of improving performance, remember to make your site cache friendly. You can set expiration headers for different files or directories right from the MMC. Just right click on an item via the IIS MMC, flip to the “HTTP Headers” tab, and away you go. If you want to set cache control headers programmatically — or even better, let your site developers do it — use something like CacheRight. If you want to go further and add reverse proxy caching, particularly for generated content, use a product like XCache — which also throws in compression.

It might involve more time and expense to take full advantage of caching, but when you watch your logs shrink because they don’t contain tons of pointless 304 responses, and your bandwidth consumption drop like a stone, even while your total page views increase over the same period, you’ll start to understand why this particular tip was so important. Cache friendly sites are quite rare, but there is plenty of information available online about the enormous benefits to be had by doing it right: Check out Brian Davidson’s page, this nifty tutorial from Mark Nottingham, and what AOL has to say on the subject.

Tip 3: Tune your server

Tuning IIS is no small topic — whole books and courses are dedicated to it. But some good basic help is available online, such as this piece from IIS guru Brett Hill, or this Knowledge Base article from Microsoft itself. However, if you don’t feel like getting your hands dirty — or can’t afford the time and expense of turning yourself into an expert — take a look at XTune, from the makers of XCache. It’s performance tuning wizards step you through the process of tuning your IIS environment, making expert recommendations along the way.

Tip 2: Secure your server with simple fixes

Sure people are going to attack sites, but you don’t have to be a sitting duck if you’re willing to make even a small effort. First off, don’t advertise the fact that you are running IIS by showing your HTTP server header. Remove or replace it using something like ServerMask — probably the best twenty-five bucks you’ll ever spend. You can go farther than this by removing unnecessary file extensions to further camouflage your server environment, and scanning request URLs for signs of exploits. There are number of commercial products that do user input scanning, and Microsoft offers a free tool called URLScan which does the job. URLScan runs in conjunction with IISLockDown, a standard security package which should probably be installed on every IIS server on the planet. These are simple fixes that could pay off big, so do them now.

Tip 1: Patch, patch, patch!

Okay, we in the IIS world do have to patch our systems and make hotfixes. However, as a former Solaris admin I had to do the same thing there, so I am not sure why this is a big surprise. You really need to keep up with the patches, Microsoft is of course the definitive source, but if you can also use the highly-regarded www.cert.org. Simply search on “IIS”.

Well there you have it: 10 tips for IIS admins to improve their servers. Some of the tips might become obsolete once IIS 6 is gold, but, for now at least, W2K and NT IIS admins should apply a few of these today and sleep a little better at night.

Matt Foley is a former Solaris sysadmin who was turned to the “darkside” and is now works for a large southern California hosting and Web agency. He quite likes Windows now in spite of himself.

Read More
Hex/RGB Converting

A couple of weeks ago, I ran into a problem. I found this very nice looking color on a site while I surfed the net, and decided to use it on a graphic. After copying the hexadecimal from the source code, I didn’t know how get the RGB values for Photoshop from it. I thought, easy task, there should be a program for it, but to my very surprise I couldn’t find any. This small tutorial requires the Microsoft Calculator (If you don’t have it, install it over Control Panel/Software/Windows Setup/.).


First of all, I needed to switch the Calculator in “Scientific” mode, because otherwise there is no key for the hexadecimals. To switch, I just had to go to “View” and click on “Scientific”. After I did that, I had to make sure before I started to convert, that “Hex” was checked on the calculator.


The colors we use on the web, come in a certain format. It always looks something like: FF000A. In order to be able to convert it, I split it up in 3 parts: “FF”, “00” and “0A”. From RGB we know, that every color has certain Red, Green and Blue values. Hexadecimals are not different from that. It has Red, Green and Blue values (In order.). In order to convert the Red value, I put “FF” in the Calculator (Make sure that “Hex” is check first.) and clicked at “Dec”, which stands for decimal. If you did it, you should see a “255” appear in your calculator.


The next would be “00”, but this one is special, zero is always zero, it doesn’t matter how many zeros are there. That is why I dropped the zeros, and continue to “0A”. This time I just entered the “A” in the calculator and click at “Dec” again, and got a “10”. If the hex would have been “A0″, I would have entered “A0″ in the calculator, but when the zero is first, you do not need to do it. It is like if you enter 01 it is still 1.


“FF000A” in decimals (and RGB values) is 255, 0 and 10. Isn’t that neat and easy way, and it is completely free too. Yeah!


Have fun converting, and just in case: “Yes it works backwards too.” (RGB to Hex).

Read More
GIF / JPEG

Most designers wonder about one thing about their graphics. Should you use GIF or JPEG? Well, let us help you answer that question.

First of all, Compuserve’s 8-bit GIF (Graphics Interchange Format) supports 256 colors and has good compression but still has holds excellent picture quality. However, just because a GIF is 256 colors does not mean that it conforms to the 216 Internet color pallete. That pallete can be found here. The 24-bit JPEG (Joint Picture Experts Group) supports all 16.7 million colors, and has a greater compression ratio. However, the tradeoff is that JPEG doesn’t hold its picture quality as good as GIF.

Also, it depends on what kind of graphic you want to make. For regular pictures and graphics that have long stretches of the same color, JPEG is not the format to use. Here’s an example. The graphic below was created with only 73 colors:


GIF
Colors: 73
Size: 3.54K

JPEG
Colors: 73
Size: 2.74K

See the blemishes all over the JPEG, and see how clean the GIF is? But, if you’re scanning in a lot of photographs and multicolored graphics, then JPEG might be a better choice. Here’s another example. The graphic in this example was created with 4984 unique colors.


GIF
Colors: 249
Size: 6.41K

JPEG
Colors: 4667
Size: 6.54K

As you can see, this time the blemishes aren’t as visible in the JPEG because of the constant color variations. However, when you look at the file sizes, you can see that although the JPEG has more colors, it still can keep file size down. Conclusions:

 

  • If you’re concerned with how your picture will look, and its under 256 colors, use GIF.
  • If the picture is more than 256 colors try GIF first, but if it still looks grainy, use JPEG.
  • If only concerned with file sizes, use JPEG.
Read More
Domain Name Registries (K-Z)

K

.ke Kenya
.kg Kyrgystan
.kh Cambodia
.kz Kazakhstan

L

.lb Lebanon
.lc Saint Lucia
.li Liechtenstein
.lk Sri Lanka
.lt Lithuania
.lu Luxembourg
.lv Latvia
.ly Libyan Arab Jamahiriya

M

.mc Monaco
.md Moldova
.mg Madagascar
.mh Marshall Islands
.mk Macedonia
.mm Myanmar
.mn Mongolia
.mo Macau
.mq Martinique
.mr Mauritania
.ms Montserrat
.mt Malta
.mu Mauritius
.mw Malawi
.mx Mexico
.my Malaysia

N

.na Namibia
.nc New Caledonia
.nf Norfolk Island
.ni Nicaragua
.nl The Netherlands
.no Norway
.nu Niue
.nz New Zealand

O

.om Oman

P

.pa Panama
.pe Peru
.ph Philippines
.pk Pakistan
.pl Poland
.pm St. Pierre and Miquelon
.pn Pitcairn
.pr Puerto Rico
.pt Portugal
.py Paraguay

Q

.qa Qatar

R

.re Reunion
.ro Romania
.ru Russia
.rw Rwanda

S

.sa Saudi Arabia
.sb Solomon Islands
.sc Seychelles
.sd Sudan
.se Sweden
.sg Singapore
.sh St. Helena
.si Slovenia
.sj Svalbard and Jan Mayen Islands
.sk Slovakia
.sm San Marino
.sn Senegal
.so Somalia
.st Sao Tome and Principe
.su USSR (former)
.sv El Salvador
.sz Swaziland

T

.tc The Turks & Caicos Islands
.td Chad
.tf French Southern Territories
.th Thailand
.tj Tajikistan
.tm Turkmenistan
.tn Tunisia
.to Tonga
.tp East Timor
.tr Turkey
.tt Trinidad and Tobago
.tv Tuvalu
.tw Taiwan
.tz Tanzania

U

.ua Ukraine
.ug Uganda
.uk United Kingdom
.um United States Minor Outlying Islands
.us United States
.uy Uruguay
.uz Uzbekistan

V

.ve Venezuela
.vg Virgin Islands British
.vi Virgin Islands U.S
.vn Vietnam

W

.wf Wallis and Futuna Islands

Y

.yt Mayotte
.yu Yugoslavia

Z

.za South Africa
.zm Zambia
.zr Zaire
Read More
Domain Name Registries (A-J)
.ac Ascension Island
.ad Andorra
.ae United Arab Emirates
.ag Antigua and Barbuda
.ai Anguilla
.al Albania
.am Armenia
.ao Angola
.ar Argentina
.as American Samoa
.at Austria
.au Australia
.az Azerbaijan
.ba Bosnia and Herzegowina
.be Belgium
.bf Burkina Faso
.bg Bulgaria
.bh Bahrain
.bi Burundi
.bm Bermuda
.bn Brunei Darussalam
.br Brazil
.bt Bhutan
.bv Bouvet Island
.by Belarus
.bz Belize

.ca Canada
.cc Cocos (Keeling) Islands
.cd Zaire
.cf Central African Republic
.cg Congo
.ch Switzerland
.ci Côte d’Ivoire
.cl Chile
.cm Cameroon
.cn China
.co Colombia
.cr Costa Rica
.cu Cuba
.cx Christmas Island
.cy Cyprus
.cz Czech Republic
.de Germany
.dj Djibouti
.dk Denmark
.do Dominican Republic

.ec Ecuador
.ee Estonia
.eg Egypt
.es Spain
.et Ethiopia
.fi Finland
.fj Fiji
.fk Falkland Islands
.fm Micronesia
.fo Faroe Islands
.fr France

.gb United Kingdom
.ge Georgia
.gf French Guiana
.gg Guernsey
.gh Ghana
.gi Gibraltar
.gl Greenland
.gn Guinea
.gp Guadelope
.gq Equatorial Guinea
.gr Greece
.gs South Georgia and the South Sandwich Islands
.gt Guatemala
.gu Guam
.hk Hong Kong
.hm Heard and McDonald Islands
.hn Honduras
.hr Croatia
.ht Haiti
.hu Hungary

.id Indonesia
.ie Ireland
.il Israel
.im Isle of Man
.in India
.io British Indian Ocean Territory
.ir Iran
.is Iceland
.it Italy
.je Jersey
.jo Jordan
.jp Japan
Read More
ASCII Chart

The ascii chart below displays the ascii code to use on your web sites for maximum compatibility. By using the proper ascii value rather than cut and paste, you can assure that your code will properly validate and even more importantly render correctly in all browsers. Updated to include Euro Symbol – #128.


CharacterHTMLAlternate HTMLExplanation
 � –  Unused
 	 Horizontal tab
 
 Line feed
  –  Unused
 
 Carriage Return
  –  Unused
Space  Space
!! Exclamation mark
"""Quotation mark
## Number sign
$$ Dollar sign
%% Percent sign
&&&Ampersand
'' Apostrophe
(( Left parenthesis
)) Right parenthesis
** Asterisk
++ Plus sign
,, Comma
-- Hyphen
.. Period (fullstop)
// Solidus (slash)
:: Colon
;&#59; Semi-colon
<&#60;&lt;Less than
=&#61; Equals sign
>&#62;&gt;Greater than
?&#63; Question mark
@&#64; Commercial at
[&#91; Left square bracket
\&#92; Reverse solidus (backslash)
]&#93; Right square bracket
^&#94; Caret
_&#95; Horizontal bar (underscore)
`&#96; Acute accent
{&#123; Left curly brace
|&#124; Vertical bar
}&#125; Right curly brace
~&#126; Tilde
 &#127; Unused
&#128; Euro Symbol
 &#129; Unused
&#130; Low single comma
quotation mark
ƒ&#131; Function sign
&#132; Low double comma
quotation mark
&#133; Ellipses
&#134; Dagger
&#135; Double dagger
ˆ&#136; Caret
&#137; Per mile sign
Š&#138; Capital S Hacek
&#139; Less-than sign
Œ&#140; Capital OE ligature
 &#141; – &#144; Unused
&#145; Single beginning
quotation mark
&#146; Single ending
quotation mark
&#147; Double beginning
quotation mark
&#148; Double ending quotation mark
&#149; Dot, middle
&#150; En dash
&#151; Em dash
˜&#152; Tilde
&#153; Trademark symbol
š&#154; Small s Hacek
&#155; Greater-than sign
œ&#156; Small oe ligature
 &#157; – &#158; Unused
Ÿ&#159; Capital Y,
diæresis / umlaut
 &#160;&nbsp;Non-breaking Space
¡&#161; Inverted exclamation
¢&#162; Cent sign
£&#163; Pound sterling
¤&#164; General currency sign
¥&#165; Yen sign
¦&#166; Broken vertical bar
§&#167; Section sign
¨&#168; Diæresis / Umlaut
©&#169; Copyright
ª&#170; Feminine ordinal
«&#171; Left angle quote,
guillemot left
¬&#172; Not sign
­&#173;&shy;Soft hyphen
®&#174; Registered trademark
¯&#175; Macron accent
°&#176; Degree sign
±&#177; Plus or minus
²&#178; Superscript two
³&#179; Superscript three
´&#180; Acute accent
µ&#181; Micro sign
&#182; Paragraph sign
·&#183; Middle dot
¸&#184; Cedilla
¹&#185; Superscript one
º&#186; Masculine ordinal
»&#187; Right angle quote,
guillemot right
¼&#188; Fraction one-fourth
½&#189; Fraction one-half
¾&#190; Fraction three-fourths
¿&#191; Inverted question mark
À&#192;&Agrave;Capital A, grave accent

Read More
Apache Custom Error Messages

Most of the users that come to your site, will not know what a “Internal Server Error” or “404” error is. They will not bother to check out the Apache manual either.

Custom error messages are not something to (just) show off with. In terms of (web-)usability, you are able to display a more friendlier or meaningful message to your users, and everyone will live happier ever after.

A lot of people still ask me how to add custom error pages to their website. Since some ISPs charge an arm and a leg to add them, here is how it is done – for free!

You log onto your shell and create a file called .htaccess in your document root. This can be achieved if you type “pico .htaccess”, “ee .htaccess” or “joe .htaccess” on the shell prompt. Let’s assume that you want to display a custom error page for “File not found”-errors (code: 404).

Put the following code inside the .htaccess:


ErrorDocument 404 /path/to/error/document.html


Save it. Viola! It’s all done.

You may also refer to a remote document:


ErrorDocument 404 http://errors.domain.com/404.php


The syntax is as follows:


ErrorDocument <3-digit-code> action


Can’t get enough of them?

Successful Client Requests
200 OK
201 Created
202 Accepted
203 Non-Authorative Information
204 No Content
205 Reset Content
206 Partial Content
Client Request Redirected
300 Multiple Choices
301 Moved Permanently
302 Moved Temporarily
303 See Other
304 Not Modified
305 Use Proxy
Client Request Errors
400 Bad Request
401 Authorization Required
402 Payment Required (not used yet)
403 Forbidden
404 Not Found
405 Method Not Allowed
406 Not Acceptable (encoding)
407 Proxy Authentication Required
408 Request Timed Out
409 Conflicting Request
410 Gone
411 Content Length Required
412 Precondition Failed
413 Request Entity Too Long
414 Request URI Too Long
415 Unsupported Media Type
Server Errors
500 Internal Server Error
501 Not Implemented
502 Bad Gateway
503 Service Unavailable
504 Gateway Timeout
505 HTTP Version Not Supported

Have fun!

Read More
Sorting database results

Databases offer a lot of flexibility when dealing with data. By spending some time upfront on the database design, it will save you plenty of headaches later on. Since the object of this to tutorial is not to elaborate on the advantages of using a database, I will skip to its limits.

The operations you can run on a database are always based on logic and numbers. So for example, when you run a store and sell T-Shirts, and you sort by size, “M” will always be sorted before “S”, even though it is not correct from a humanistic point of view.

Assuming we have a table called “Products” in the database, here is a set of data that you would typically deal with and a solution for sorting the data in a more useful way using the MySQL database.

Name    | Size

T-Shirt | L

T-Shirt | M

T-Shirt | S

T-Shirt | XL

T-Shirt | XS

And here is how you typically retrieve records:

SELECT Name, Size FROM Products ORDER BY Size

This query returns all products, however, not sorted “XS, S, M, L, XL” but in “L, M, S, XL, XS”.

The solution to this problem is a simple CASE (see: Control Flow Functions):

SELECT Name, Size,

CASE Size

WHEN XS THEN 1

WHEN S THEN 2

WHEN M THEN 3

WHEN L THEN 4

WHEN XL THEN 5

END

AS Sort_Order

FROM Products

ORDER BY Sort_Order ASC

This returns the products in order of their sizes. Use ASC (ascending) or DESC (descening) to change the order from smallest size to largest size or vice-versa.

That’s it, enjoy.

Read More