<?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>AtomicPages Blog &#187; Web Design</title>
	<atom:link href="http://www.atomicpages.net/blog/tag/web_design/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.atomicpages.net/blog</link>
	<description>Web Hosting, Design, and Development</description>
	<lastBuildDate>Sat, 04 Feb 2012 01:38:33 +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>Basics of CSS &#8211; Part #10</title>
		<link>http://www.atomicpages.net/blog/2010/07/06/basics-of-css-part-10/</link>
		<comments>http://www.atomicpages.net/blog/2010/07/06/basics-of-css-part-10/#comments</comments>
		<pubDate>Tue, 06 Jul 2010 17:00:00 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=1694</guid>
		<description><![CDATA[Today we&#8217;re going to talk about tables and how they can look significantly better when we add a little bit of CSS to them. If you need a quick refresher on tables, please click here.
Styling Tables
As mentioned above, styling tables is very useful and can instantly make a webpage come to life. The HTML default <a href="http://www.atomicpages.net/blog/2010/07/06/basics-of-css-part-10/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/07/06/basics-of-css-part-10/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML 4/XHTML 1.0 Tag List</title>
		<link>http://www.atomicpages.net/blog/2010/06/21/html-4xhtml-1-0-tag-list/</link>
		<comments>http://www.atomicpages.net/blog/2010/06/21/html-4xhtml-1-0-tag-list/#comments</comments>
		<pubDate>Mon, 21 Jun 2010 17:00:31 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML Reference]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Programming]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=3310</guid>
		<description><![CDATA[DTD referrs to the doc type and indicated which tags are allowed F = Frameset, S = Strict T = Transitional.



Tag
Description
DTD
XHTML 1.1


&#60;!&#8211;&#8230;&#8211;&#62;
Comment in HTML
FST
YES


&#60;!DOCTYPE&#62;
Sets document type
FST
YES


&#60;a&#62;
Sets an anchor
FST
YES


&#60;abbr&#62;
 Sets an abbreviation
FST
YES


&#60;acronym&#62;
 Sets an acronym
FST
YES


&#60;addres&#62;
 Sets contact information for the author/owner of a document 
FST
YES


&#60;applet&#62;
Deprecated: Sets an embedded applet
FT
NO


&#60;area /&#62;
Sets an area inside an image-map
FST
NO


&#60;b&#62;
Sets bold <a href="http://www.atomicpages.net/blog/2010/06/21/html-4xhtml-1-0-tag-list/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/06/21/html-4xhtml-1-0-tag-list/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Opacity</title>
		<link>http://www.atomicpages.net/blog/2010/05/04/css3-opacity/</link>
		<comments>http://www.atomicpages.net/blog/2010/05/04/css3-opacity/#comments</comments>
		<pubDate>Tue, 04 May 2010 17:00:33 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2671</guid>
		<description><![CDATA[The Opacity Property is slightly different then RGBA and HSLA which was discussed in CSS3 Colors.
Opacity v. RGBA &#038; HSLA
Indeed RGBA has the addition of the &#8220;alpha&#8221; or opacity value like so:

1
2
3

background-color:rgba(127, 60, 87, 0.4);
background-color:hsla(68, 100%, 50%, 0.8);

Either of these examples will have a color that is opaque in some fashion. Consider the following:






If you&#8217;re <a href="http://www.atomicpages.net/blog/2010/05/04/css3-opacity/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/05/04/css3-opacity/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Colors</title>
		<link>http://www.atomicpages.net/blog/2010/04/28/css3-colors/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/28/css3-colors/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 17:00:06 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2573</guid>
		<description><![CDATA[You might be wondering what is so special about CSS3 colors and why they&#8217;re even different considering that the color and background-color property and their values have not changed since CSS1 specification were released.
As set by CSS1 we can use the following for the color and background-color properties:


Color
Background-color




color:[colorname];
color:rgb([value 1],[value 2],[value 3])
color:#[hex value]




background-color:[colorname];
background-color:rgb([value 1],[value 2],[value 3])
background-color:#[hex <a href="http://www.atomicpages.net/blog/2010/04/28/css3-colors/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/28/css3-colors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS3 Text Effects</title>
		<link>http://www.atomicpages.net/blog/2010/04/26/css3-text-effects/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/26/css3-text-effects/#comments</comments>
		<pubDate>Mon, 26 Apr 2010 17:00:19 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2518</guid>
		<description><![CDATA[Today we&#8217;re going to talk about text effects and how they make a website become eye candy. If you, for example, visit atomicpages.net under the website management, website setup, and latest blog posts you will notice a slightly darker shadow right below the text. This is a text effect that makes a website less boring <a href="http://www.atomicpages.net/blog/2010/04/26/css3-text-effects/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/26/css3-text-effects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Website Layout</title>
		<link>http://www.atomicpages.net/blog/2010/04/16/website-layout/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/16/website-layout/#comments</comments>
		<pubDate>Fri, 16 Apr 2010 17:00:32 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Basics]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML/XHTML Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2424</guid>
		<description><![CDATA[What is generally accept as a &#8220;good website layout&#8221;? A subject of debate, however, a good layout will have a clearly defined header area, sidebar (optional), content area, and footer area. It can look like the following:

The sidebar can be neglected, on the left side, the right side, or on both sides. The fact still <a href="http://www.atomicpages.net/blog/2010/04/16/website-layout/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/16/website-layout/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Creating an Inline Menu</title>
		<link>http://www.atomicpages.net/blog/2010/04/15/creating-an-inline-menu/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/15/creating-an-inline-menu/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 17:00:08 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS Advanced]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML/XHTML Advanced]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2355</guid>
		<description><![CDATA[Creating an inline menu should seem pretty straight forward, right? You think we could just create an unordered list and that would be the end of the story. Unfortunately, if we create an unordered list we&#8217;ll quickly see that these lists types merely list item one on top of the other.

Item 1
Item 2
Item 3

This is <a href="http://www.atomicpages.net/blog/2010/04/15/creating-an-inline-menu/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/15/creating-an-inline-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introduction to CSS3</title>
		<link>http://www.atomicpages.net/blog/2010/04/13/introduction-to-css3/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/13/introduction-to-css3/#comments</comments>
		<pubDate>Tue, 13 Apr 2010 17:00:02 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2015</guid>
		<description><![CDATA[As you probably know, CSS stands for Cascading Style Sheet and it used in place of HTML frames, and HTML tables. CSS was created to make web site creation easier and more pragmatic. If you have an external style sheet linked on all pages of your website, this will allow you to make changes all <a href="http://www.atomicpages.net/blog/2010/04/13/introduction-to-css3/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/13/introduction-to-css3/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>HTML Color Reference</title>
		<link>http://www.atomicpages.net/blog/2010/04/12/html-color-reference/</link>
		<comments>http://www.atomicpages.net/blog/2010/04/12/html-color-reference/#comments</comments>
		<pubDate>Mon, 12 Apr 2010 17:00:04 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML Reference]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=2254</guid>
		<description><![CDATA[Sort: A to Z &#124; Z to A &#124; Light to Dark &#124; Dark to Light


Colors
Color Names
HEX
RGB


AliceBlue
#F0F8FF
240,248,255



AntiqueWhite
#FAEBD7
250,235,215



Aqua
#00FFFF
0,255,255



Aquamarine
#7FFFD4
127,255,212



Azure
#F0FFFF
240,255,255



Beige
#F5F5DC
245,245,220



Bisque
#FFE4C4
255,228,196



Black
#000000
0,0,0



BlanchedAlmond
#FFEBCD
255,235,205



Blue
#0000FF
0,0,255



BlueViolet
#8A2BE2
138,43,226



Brown
#A52A2A
165,42,42



BurlyWood
#DEB887
222,184,135



CadetBlue
#5F9EA0
95,158,160



Chartreuse
#7FFF00
127,255,0



Chocolate
#D2691E
210,105,30



Coral
#FF7F50
255,127,80



CornflowerBlue
#6495ED
100,149,237



Cornsilk
#FFF8DC
255,248,220



Crimson
#DC143C
220,20,60



Cyan
#00FFFF
0,255,255



DarkBlue
#00008B
0,0,139



DarkCyan
#008B8B
0,139,139



DarkGoldenRod
#B8860B
184,134,11



DarkGray
#A9A9A9
169,169,169



DarkGreen
#006400
0,100,0



DarkKhaki
#BDB76B
189,183,107



DarkMagenta
#8B008B
139,0,139



DarkOliveGreen
#556B2F
85,107,47



DarkOrange
#FF8C00
255,140,0



DarkOrchid
#9932CC
153,50,204



DarkRed
#8B0000
139,0,0



DarkSalmon
#E9967A
233,150,122



DarkSeaGreen
#8FBC8F
143,188,143



DarkSlateBlue
#483D8B
72,61,139



DarkSlateGray
#2F4F4F
47,79,79



DarkTurquoise
#00CED1
0,206,209



DarkViolet
#9400D3
148,0,211



DeepPink
#FF1493
255,20,147



DeepSkyBlue
#00BFFF
0,191,255



DimGray
#696969
105,105,105



DodgerBlue
#1E90FF
30,144,255



FireBrick
#B22222
178,34,34



FloralWhite
#FFFAF0
255,250,240



ForestGreen
#228B22
34,139,34



Fuchsia
#FF00FF
255,0,255



Gainsboro
#DCDCDC
220,220,220



GhostWhite
#F8F8FF
248,248,255



Gold
#FFD700
255,215,0



GoldenRod
#DAA520
218,165,32



Gray
#808080
128,128,128



Green
#008000
0,128,0



GreenYellow
#ADFF2F
173,255,47



HoneyDew
#F0FFF0
240,255,240



HotPink
#FF69B4
255,105,180



IndianRed
#CD5C5C
205,92,92



Indigo
#4B0082
75,0,130



Ivory
#FFFFF0
255,255,240



Khaki
#F0E68C
240,230,140



Lavender
#E6E6FA
230,230,250



LavenderBlush
#FFF0F5
255,240,245



LawnGreen
#7CFC00
124,252,0



LemonChiffon
#FFFACD
255,250,205



LightBlue
#ADD8E6
173,216,230



LightCoral
#F08080
240,128,128



LightCyan
#E0FFFF
224,255,255



LightGoldenRodYellow
#FAFAD2
250,250,210



LightGray
#D3D3D3
211,211,211



LightGreen
#90EE90
144,238,144



LightPink
#FFB6C1
255,182,193



LightSalmon
#FFA07A
255,160,122



LightSeaGreen
#20B2AA
32,178,170



LightSkyBlue
#87CEFA
135,206,250



LightSlateGray
#778899
119,136,153



LightSteelBlue
#B0C4DE
176,196,222



LightYellow
#FFFFE0
255,255,224



Lime
#00FF00
0,255,0



LimeGreen
#32CD32
50,205,50



Linen
#FAF0E6
250,240,230



Magenta
#FF00FF
255,0,255



Maroon
#800000
128,0,0



MediumAquaMarine
#66CDAA
102,205,170



MediumBlue
#0000CD
0,0,205



MediumOrchid
#BA55D3
186,85,211



MediumPurple
#9370D8
147,112,216



MediumSeaGreen
#3CB371
60,179,113



MediumSlateBlue
#7B68EE
123,104,238



MediumSpringGreen
#00FA9A
0,250,154



MediumTurquoise
#48D1CC
72,209,204



MediumVioletRed
#C71585
199,21,133



MidnightBlue
#191970
25,25,112



MintCream
#F5FFFA
245,255,250



MistyRose
#FFE4E1
255,228,225



Moccasin
#FFE4B5
255,228,181



NavajoWhite
#FFDEAD
255,222,173



Navy
#000080
0,0,128



OldLace
#FDF5E6
253,245,230



Olive
#808000
128,128,0



OliveDrab
#6B8E23
107,142,35



Orange
#FFA500
255,165,0



OrangeRed
#FF4500
255,69,0



Orchid
#DA70D6
218,112,214



PaleGoldenRod
#EEE8AA
238,232,170



PaleGreen
#98FB98
152,251,152



PaleTurquoise
#AFEEEE
175,238,238



PaleVioletRed
#D87093
216,112,147



PapayaWhip
#FFEFD5
255,239,213



PeachPuff
#FFDAB9
255,218,185



Peru
#CD853F
205,133,63



Pink
#FFC0CB
255,192,203



Plum
#DDA0DD
221,160,221



PowderBlue
#B0E0E6
176,224,230



Purple
#800080
128,0,128



Red
#FF0000
255,0,0



RosyBrown
#BC8F8F
188,143,143



RoyalBlue
#4169E1
65,105,225



SaddleBrown
#8B4513
139,69,19



Salmon
#FA8072
250,128,114



SandyBrown
#F4A460
244,164,96



SeaGreen
#2E8B57
46,139,87



SeaShell
#FFF5EE
255,245,238



Sienna
#A0522D
160,82,45



Silver
#C0C0C0
192,192,192



SkyBlue
#87CEEB
135,206,235



SlateBlue
#6A5ACD
106,90,205



SlateGray
#708090
112,128,144



Snow
#FFFAFA
255,250,250



SpringGreen
#00FF7F
0,255,127



SteelBlue
#4682B4
70,130,180



Tan
#D2B48C
210,180,140



Teal
#008080
0,128,128



Thistle
#D8BFD8
216,191,216



Tomato
#FF6347
255,99,71



Turquoise
#40E0D0
64,224,208



Violet
#EE82EE
238,130,238



Wheat
#F5DEB3
245,222,179



White
#FFFFFF
255,255,255



WhiteSmoke
#F5F5F5
245,245,245



Yellow
#FFFF00
255,255,0



YellowGreen
#9ACD32
154,205,50


Any improvements on this list will give you mention in this blog post and in the downloadable files.
]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/04/12/html-color-reference/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Basics of XHTML &#8211; Part #7</title>
		<link>http://www.atomicpages.net/blog/2010/03/12/basics-of-xhtml-part-7/</link>
		<comments>http://www.atomicpages.net/blog/2010/03/12/basics-of-xhtml-part-7/#comments</comments>
		<pubDate>Sat, 13 Mar 2010 06:38:40 +0000</pubDate>
		<dc:creator>Dennis Thompson</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[HTML/XHTML Basics]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://www.atomicpages.net/blog/?p=1922</guid>
		<description><![CDATA[One day while browsing the web you stumble upon a quiz on some website and you decide to take it. Whilst taking this quiz you encounter text fields, radio buttons, check boxes, and password fields. You begin to wonder how these are made. Well, you&#8217;re in luck because today we&#8217;re going to talk about HTML <a href="http://www.atomicpages.net/blog/2010/03/12/basics-of-xhtml-part-7/" class="more-link">More &#62;</a>]]></description>
		<wfw:commentRss>http://www.atomicpages.net/blog/2010/03/12/basics-of-xhtml-part-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

