<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>
<channel>
	<title>kwatog &#38; co.&#187; Web Design</title>
	<atom:link href="http://kwatog.com/category/blog/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://kwatog.com</link>
	<description>tech notes and general nonsense</description>
	<lastBuildDate>Tue, 31 Jan 2012 06:27:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Codes for Web Safe Colors</title>
		<link>http://kwatog.com/blog/web-design/web-safe-colors-codes/</link>
		<comments>http://kwatog.com/blog/web-design/web-safe-colors-codes/#comments</comments>
		<pubDate>Thu, 10 Nov 2011 12:41:04 +0000</pubDate>
		<dc:creator>kwatog</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[color code]]></category>
		<category><![CDATA[hex code for colors]]></category>
		<category><![CDATA[web safe colors]]></category>
		<guid isPermaLink="false">http://kwatog.com/?p=75</guid>
		<description><![CDATA[When developing themes or doing anything that requires colors, it&#8217;s important that you know the hex codes of the color you want to use. They are the 6-number codes that represent a specific color which you use on your CSS. The list below shows the codes for web safe colors. I kept this list on [...]]]></description>
			<content:encoded><![CDATA[<p>When developing themes or doing anything that requires colors, it&#8217;s important that you know the <strong>hex codes of the color </strong>you want to use. They are the 6-number codes that represent a specific color which you use on your CSS.
</p>
<p>The list below shows the codes for <strong>web safe colors</strong>. I kept this list on my usb drive and always had seach from the net numerous times as I don&#8217;t bring my usb drive with me all the time. Take note that most of the monitors and browsers can now display millions of colors and shades. Go somewhere else to get all of them hehe
</p>
<table border="1" width="100%">
<tr>
<td align="center" style="color:#ffffff" bgcolor="#000000">000000</td>
<td align="center" style="color:#ffffff" bgcolor="#000033">000033</td>
<td align="center" style="color:#ffffff" bgcolor="#000066">000066</td>
<td align="center" style="color:#ffffff" bgcolor="#000099">000099</td>
<td align="center" style="color:#ffffff" bgcolor="#0000cc">0000CC</td>
<td align="center" style="color:#ffffff" bgcolor="#0000ff">0000FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#003300">003300</td>
<td align="center" style="color:#ffffff" bgcolor="#003333">003333</td>
<td align="center" style="color:#ffffff" bgcolor="#003366">003366</td>
<td align="center" style="color:#ffffff" bgcolor="#003399">003399</td>
<td align="center" style="color:#ffffff" bgcolor="#0033cc">0033CC</td>
<td align="center" style="color:#ffffff" bgcolor="#0033ff">0033FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#006600">006600</td>
<td align="center" style="color:#ffffff" bgcolor="#006633">006633</td>
<td align="center" style="color:#ffffff" bgcolor="#006666">006666</td>
<td align="center" style="color:#ffffff" bgcolor="#006699">006699</td>
<td align="center" style="color:#ffffff" bgcolor="#0066cc">0066CC</td>
<td align="center" style="color:#ffffff" bgcolor="#0066ff">0066FF</td>
</tr>
<tr>
<td align="center" bgcolor="#009900">009900</td>
<td align="center" bgcolor="#009933">009933</td>
<td align="center" bgcolor="#009966">009966</td>
<td align="center" bgcolor="#009999">009999</td>
<td align="center" bgcolor="#0099cc">0099CC</td>
<td align="center" bgcolor="#0099ff">0099FF</td>
</tr>
<tr>
<td align="center" bgcolor="#00cc00">00CC00</td>
<td align="center" bgcolor="#00cc33">00CC33</td>
<td align="center" bgcolor="#00cc66">00CC66</td>
<td align="center" bgcolor="#00cc99">00CC99</td>
<td align="center" bgcolor="#00cccc">00CCCC</td>
<td align="center" bgcolor="#00ccff">00CCFF</td>
</tr>
<tr>
<td align="center" bgcolor="#00ff00">00FF00</td>
<td align="center" bgcolor="#00ff33">00FF33</td>
<td align="center" bgcolor="#00ff66">00FF66</td>
<td align="center" bgcolor="#00ff99">00FF99</td>
<td align="center" bgcolor="#00ffcc">00FFCC</td>
<td align="center" bgcolor="#00ffff">00FFFF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#330000">330000</td>
<td align="center" style="color:#ffffff" bgcolor="#330033">330033</td>
<td align="center" style="color:#ffffff" bgcolor="#330066">330066</td>
<td align="center" style="color:#ffffff" bgcolor="#330099">330099</td>
<td align="center" style="color:#ffffff" bgcolor="#3300cc">3300CC</td>
<td align="center" style="color:#ffffff" bgcolor="#3300ff">3300FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#333300">333300</td>
<td align="center" style="color:#ffffff" bgcolor="#333333">333333</td>
<td align="center" style="color:#ffffff" bgcolor="#333366">333366</td>
<td align="center" style="color:#ffffff" bgcolor="#333399">333399</td>
<td align="center" style="color:#ffffff" bgcolor="#3333cc">3333CC</td>
<td align="center" style="color:#ffffff" bgcolor="#3333ff">3333FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#336600">336600</td>
<td align="center" style="color:#ffffff" bgcolor="#336633">336633</td>
<td align="center" style="color:#ffffff" bgcolor="#336666">336666</td>
<td align="center" style="color:#ffffff" bgcolor="#336699">336699</td>
<td align="center" style="color:#ffffff" bgcolor="#3366cc">3366CC</td>
<td align="center" style="color:#ffffff" bgcolor="#3366ff">3366FF</td>
</tr>
<tr>
<td align="center" bgcolor="#339900">339900</td>
<td align="center" bgcolor="#339933">339933</td>
<td align="center" bgcolor="#339966">339966</td>
<td align="center" bgcolor="#339999">339999</td>
<td align="center" bgcolor="#3399cc">3399CC</td>
<td align="center" bgcolor="#3399ff">3399FF</td>
</tr>
<tr>
<td align="center" bgcolor="#33cc00">33CC00</td>
<td align="center" bgcolor="#33cc33">33CC33</td>
<td align="center" bgcolor="#33cc66">33CC66</td>
<td align="center" bgcolor="#33cc99">33CC99</td>
<td align="center" bgcolor="#33cccc">33CCCC</td>
<td align="center" bgcolor="#33ccff">33CCFF</td>
</tr>
<tr>
<td align="center" bgcolor="#33ff00">33FF00</td>
<td align="center" bgcolor="#33ff33">33FF33</td>
<td align="center" bgcolor="#33ff66">33FF66</td>
<td align="center" bgcolor="#33ff99">33FF99</td>
<td align="center" bgcolor="#33ffcc">33FFCC</td>
<td align="center" bgcolor="#33ffff">33FFFF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#660000">660000</td>
<td align="center" style="color:#ffffff" bgcolor="#660033">660033</td>
<td align="center" style="color:#ffffff" bgcolor="#660066">660066</td>
<td align="center" style="color:#ffffff" bgcolor="#660099">660099</td>
<td align="center" style="color:#ffffff" bgcolor="#6600cc">6600CC</td>
<td align="center" style="color:#ffffff" bgcolor="#6600ff">6600FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#663300">663300</td>
<td align="center" style="color:#ffffff" bgcolor="#663333">663333</td>
<td align="center" style="color:#ffffff" bgcolor="#663366">663366</td>
<td align="center" style="color:#ffffff" bgcolor="#663399">663399</td>
<td align="center" style="color:#ffffff" bgcolor="#6633cc">6633CC</td>
<td align="center" style="color:#ffffff" bgcolor="#6633ff">6633FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#666600">666600</td>
<td align="center" style="color:#ffffff" bgcolor="#666633">666633</td>
<td align="center" style="color:#ffffff" bgcolor="#666666">666666</td>
<td align="center" style="color:#ffffff" bgcolor="#666699">666699</td>
<td align="center" style="color:#ffffff" bgcolor="#6666cc">6666CC</td>
<td align="center" style="color:#ffffff" bgcolor="#6666ff">6666FF</td>
</tr>
<tr>
<td align="center" bgcolor="#669900">669900</td>
<td align="center" bgcolor="#669933">669933</td>
<td align="center" bgcolor="#669966">669966</td>
<td align="center" bgcolor="#669999">669999</td>
<td align="center" bgcolor="#6699cc">6699CC</td>
<td align="center" bgcolor="#6699ff">6699FF</td>
</tr>
<tr>
<td align="center" bgcolor="#66cc00">66CC00</td>
<td align="center" bgcolor="#66cc33">66CC33</td>
<td align="center" bgcolor="#66cc66">66CC66</td>
<td align="center" bgcolor="#66cc99">66CC99</td>
<td align="center" bgcolor="#66cccc">66CCCC</td>
<td align="center" bgcolor="#66ccff">66CCFF</td>
</tr>
<tr>
<td align="center" bgcolor="#66ff00">66FF00</td>
<td align="center" bgcolor="#66ff33">66FF33</td>
<td align="center" bgcolor="#66ff66">66FF66</td>
<td align="center" bgcolor="#66ff99">66FF99</td>
<td align="center" bgcolor="#66ffcc">66FFCC</td>
<td align="center" bgcolor="#66ffff">66FFFF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#990000">990000</td>
<td align="center" style="color:#ffffff" bgcolor="#990033">990033</td>
<td align="center" style="color:#ffffff" bgcolor="#990066">990066</td>
<td align="center" style="color:#ffffff" bgcolor="#990099">990099</td>
<td align="center" style="color:#ffffff" bgcolor="#9900cc">9900CC</td>
<td align="center" style="color:#ffffff" bgcolor="#9900ff">9900FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#993300">993300</td>
<td align="center" style="color:#ffffff" bgcolor="#993333">993333</td>
<td align="center" style="color:#ffffff" bgcolor="#993366">993366</td>
<td align="center" style="color:#ffffff" bgcolor="#993399">993399</td>
<td align="center" style="color:#ffffff" bgcolor="#9933cc">9933CC</td>
<td align="center" style="color:#ffffff" bgcolor="#9933ff">9933FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#996600">996600</td>
<td align="center" style="color:#ffffff" bgcolor="#996633">996633</td>
<td align="center" style="color:#ffffff" bgcolor="#996666">996666</td>
<td align="center" style="color:#ffffff" bgcolor="#996699">996699</td>
<td align="center" style="color:#ffffff" bgcolor="#9966cc">9966CC</td>
<td align="center" style="color:#ffffff" bgcolor="#9966ff">9966FF</td>
</tr>
<tr>
<td align="center" bgcolor="#999900">999900</td>
<td align="center" bgcolor="#999933">999933</td>
<td align="center" bgcolor="#999966">999966</td>
<td align="center" bgcolor="#999999">999999</td>
<td align="center" bgcolor="#9999cc">9999CC</td>
<td align="center" bgcolor="#9999ff">9999FF</td>
</tr>
<tr>
<td align="center" bgcolor="#99cc00">99CC00</td>
<td align="center" bgcolor="#99cc33">99CC33</td>
<td align="center" bgcolor="#99cc66">99CC66</td>
<td align="center" bgcolor="#99cc99">99CC99</td>
<td align="center" bgcolor="#99cccc">99CCCC</td>
<td align="center" bgcolor="#99ccff">99CCFF</td>
</tr>
<tr>
<td align="center" bgcolor="#99ff00">99FF00</td>
<td align="center" bgcolor="#99ff33">99FF33</td>
<td align="center" bgcolor="#99ff66">99FF66</td>
<td align="center" bgcolor="#99ff99">99FF99</td>
<td align="center" bgcolor="#99ffcc">99FFCC</td>
<td align="center" bgcolor="#99ffff">99FFFF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#cc0000">CC0000</td>
<td align="center" style="color:#ffffff" bgcolor="#cc0033">CC0033</td>
<td align="center" style="color:#ffffff" bgcolor="#cc0066">CC0066</td>
<td align="center" style="color:#ffffff" bgcolor="#cc0099">CC0099</td>
<td align="center" style="color:#ffffff" bgcolor="#cc00cc">CC00CC</td>
<td align="center" style="color:#ffffff" bgcolor="#cc00ff">CC00FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#cc3300">CC3300</td>
<td align="center" style="color:#ffffff" bgcolor="#cc3333">CC3333</td>
<td align="center" style="color:#ffffff" bgcolor="#cc3366">CC3366</td>
<td align="center" style="color:#ffffff" bgcolor="#cc3399">CC3399</td>
<td align="center" style="color:#ffffff" bgcolor="#cc33cc">CC33CC</td>
<td align="center" style="color:#ffffff" bgcolor="#cc33ff">CC33FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#cc6600">CC6600</td>
<td align="center" style="color:#ffffff" bgcolor="#cc6633">CC6633</td>
<td align="center" style="color:#ffffff" bgcolor="#cc6666">CC6666</td>
<td align="center" style="color:#ffffff" bgcolor="#cc6699">CC6699</td>
<td align="center" style="color:#ffffff" bgcolor="#cc66cc">CC66CC</td>
<td align="center" style="color:#ffffff" bgcolor="#cc66ff">CC66FF</td>
</tr>
<tr>
<td align="center" bgcolor="#cc9900">CC9900</td>
<td align="center" bgcolor="#cc9933">CC9933</td>
<td align="center" bgcolor="#cc9966">CC9966</td>
<td align="center" bgcolor="#cc9999">CC9999</td>
<td align="center" bgcolor="#cc99cc">CC99CC</td>
<td align="center" bgcolor="#cc99ff">CC99FF</td>
</tr>
<tr>
<td align="center" bgcolor="#cccc00">CCCC00</td>
<td align="center" bgcolor="#cccc33">CCCC33</td>
<td align="center" bgcolor="#cccc66">CCCC66</td>
<td align="center" bgcolor="#cccc99">CCCC99</td>
<td align="center" bgcolor="#cccccc">CCCCCC</td>
<td align="center" bgcolor="#ccccff">CCCCFF</td>
</tr>
<tr>
<td align="center" bgcolor="#ccff00">CCFF00</td>
<td align="center" bgcolor="#ccff33">CCFF33</td>
<td align="center" bgcolor="#ccff66">CCFF66</td>
<td align="center" bgcolor="#ccff99">CCFF99</td>
<td align="center" bgcolor="#ccffcc">CCFFCC</td>
<td align="center" bgcolor="#ccffff">CCFFFF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#ff0000">FF0000</td>
<td align="center" style="color:#ffffff" bgcolor="#ff0033">FF0033</td>
<td align="center" style="color:#ffffff" bgcolor="#ff0066">FF0066</td>
<td align="center" style="color:#ffffff" bgcolor="#ff0099">FF0099</td>
<td align="center" style="color:#ffffff" bgcolor="#ff00cc">FF00CC</td>
<td align="center" style="color:#ffffff" bgcolor="#ff00ff">FF00FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#ff3300">FF3300</td>
<td align="center" style="color:#ffffff" bgcolor="#ff3333">FF3333</td>
<td align="center" style="color:#ffffff" bgcolor="#ff3366">FF3366</td>
<td align="center" style="color:#ffffff" bgcolor="#ff3399">FF3399</td>
<td align="center" style="color:#ffffff" bgcolor="#ff33cc">FF33CC</td>
<td align="center" style="color:#ffffff" bgcolor="#ff33ff">FF33FF</td>
</tr>
<tr>
<td align="center" style="color:#ffffff" bgcolor="#ff6600">FF6600</td>
<td align="center" style="color:#ffffff" bgcolor="#ff6633">FF6633</td>
<td align="center" style="color:#ffffff" bgcolor="#ff6666">FF6666</td>
<td align="center" style="color:#ffffff" bgcolor="#ff6699">FF6699</td>
<td align="center" style="color:#ffffff" bgcolor="#ff66cc">FF66CC</td>
<td align="center" style="color:#ffffff" bgcolor="#ff66ff">FF66FF</td>
</tr>
<tr>
<td align="center" bgcolor="#ff9900">FF9900</td>
<td align="center" bgcolor="#ff9933">FF9933</td>
<td align="center" bgcolor="#ff9966">FF9966</td>
<td align="center" bgcolor="#ff9999">FF9999</td>
<td align="center" bgcolor="#ff99cc">FF99CC</td>
<td align="center" bgcolor="#ff99ff">FF99FF</td>
</tr>
<tr>
<td align="center" bgcolor="#ffcc00">FFCC00</td>
<td align="center" bgcolor="#ffcc33">FFCC33</td>
<td align="center" bgcolor="#ffcc66">FFCC66</td>
<td align="center" bgcolor="#ffcc99">FFCC99</td>
<td align="center" bgcolor="#ffcccc">FFCCCC</td>
<td align="center" bgcolor="#ffccff">FFCCFF</td>
</tr>
<tr>
<td align="center" bgcolor="#ffff00">FFFF00</td>
<td align="center" bgcolor="#ffff33">FFFF33</td>
<td align="center" bgcolor="#ffff66">FFFF66</td>
<td align="center" bgcolor="#ffff99">FFFF99</td>
<td align="center" bgcolor="#ffffcc">FFFFCC</td>
<td align="center" bgcolor="#ffffff">FFFFFF</td>
</tr>
</table>
<p>By the way, I only realized now that my little blog site lacks color. Too bad I only realized this after making this post.</p>
<h4>Incoming search terms:</h4><ul><li>color safe web</li><li>web safe colours 2011</li></ul>]]></content:encoded>
			<wfw:commentRss>http://kwatog.com/blog/web-design/web-safe-colors-codes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>On Buying Premium WordPress Theme</title>
		<link>http://kwatog.com/blog/wordpress/buying-premium-wordpress-theme/</link>
		<comments>http://kwatog.com/blog/wordpress/buying-premium-wordpress-theme/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 19:20:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[WordPress]]></category>
		<guid isPermaLink="false">http://kwatog.com/?p=86</guid>
		<description><![CDATA[I have been customizing wordpress themes ever since I started using it. I also made several themes from scratch for my websites. Though making a theme from scratch is fulfilling, customizing a freely available template simply makes the process faster. As they say, why do you have to reinvent the wheel? But the problem with [...]]]></description>
			<content:encoded><![CDATA[<p>
I have been customizing wordpress themes ever since I started using it. I also made several themes from scratch for my websites. Though making a theme from scratch is fulfilling, customizing a freely available template simply makes the process faster. As they say, why do you have to reinvent the wheel? But the problem with free templates for use as baseline is that they usually look the same. And most are simply garbage. So what&#8217;s the alternative? Shell out some money for a premium theme.
</p>
<p>
And shell out, I did! But it took time for me to find very affordable set of themes that suits my needs and taste. As most of you know, premium themes cost an arm and a leg. We&#8217;ve seen wordpress templates that costs above $80 apiece and you can only use that in one domain. That&#8217;s the main reason why I shy away from it until I found <a href="http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=1705">Elegant Themes</a>. At a price of $19.95 per year, you&#8217;ll be able to download all their current themes plus future releases. I got 17 A+ themes when I signed up and more to come in the coming months. That made the price of each theme a little of $1. That&#8217;s a fraction of the cost my time if I do the coding myself. And their themes are all XHTML/CSS compliant and compatible with major browsers including Opera, Safari and Netscape.
</p>
<p>
What&#8217;s good with <a href="http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=1705">Elegant Themes</a> is that they don&#8217;t require you to. However, the themes are not released through GPL. That means you cannot redistribute the themes with your changes. This makes the license of the template incompatible with WordPress template which is released through GPL. But I don&#8217;t really care for now.
</p>
<p><span id="more-86"></span></p>
<p>
Here are some of the themes.
</p>
<p align="center">
<img src="http://kwatog.com/wp-content/uploads/2009/06/basic_eleganttheme.png" alt="basic_eleganttheme" title="basic_eleganttheme" width="250"  class="alignnone size-full wp-image-91" /> <img src="http://kwatog.com/wp-content/uploads/2009/06/egamer_eleganttheme.png" alt="egamer_eleganttheme" title="egamer_eleganttheme" width="250"  class="alignnone size-full wp-image-91" /><br />
<img src="http://kwatog.com/wp-content/uploads/2009/06/grungemag_eleganttheme.png" alt="grungemag_eleganttheme" title="grungemag_eleganttheme" width="250"  class="alignnone size-full wp-image-91" />  <img src="http://kwatog.com/wp-content/uploads/2009/06/studioblue_eleganttheme.png" alt="studioblue_eleganttheme" title="studioblue_eleganttheme" width="250"  class="alignnone size-full wp-image-91" /><br />
<em>From basic to elegant themes</em>
</p>
<p align="center">
<a href="http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=1705_0_1_7" target="_blank"><img src="http://kwatog.com/wp-content/uploads/2009/06/egamer2_eleganttheme.png" alt="egamer2_eleganttheme" title="egamer2_eleganttheme" width="598" height="338" class="alignnone size-full wp-image-91" /></a><br />
<em>I&#8217;ll be using this on my soon to be launched game site</em>
</p>
<p align="center">
<a href="http://www.elegantthemes.com/affiliates/idevaffiliate.php?id=1705_0_1_7" target="_blank"><img border="0" src="http://www.elegantthemes.com/affiliates/banners/468x60.gif" width="468" height="60"></a>
</p>
<h3>Disclosure</h3>
<p>The links to ElegantThemes are affiliate links. If you buy, I&#8217;ll get a small portion.</p>
]]></content:encoded>
			<wfw:commentRss>http://kwatog.com/blog/wordpress/buying-premium-wordpress-theme/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!--
Hyper cache file: 0c49c1a5bd7edd4fd88e33e8cb14777a
Cache created: 04-02-2012 09:19:43
HCE Version: 0.9.8
Load AVG: 0.26(5)
-->
