<?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>PMA Media Group&#187; xhtml</title>
	<atom:link href="http://www.pmamediagroup.com/tag/xhtml/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pmamediagroup.com</link>
	<description>Unique Marketing Techniques and Strategies with Guaranteed Results!</description>
	<lastBuildDate>Thu, 29 Jul 2010 15:34:44 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Valid XHTML for good CSS</title>
		<link>http://www.pmamediagroup.com/2009/04/valid-xhtml-for-good-css/</link>
		<comments>http://www.pmamediagroup.com/2009/04/valid-xhtml-for-good-css/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 22:24:18 +0000</pubDate>
		<dc:creator>Mister Mc</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.pmamediagroup.com/?p=698</guid>
		<description><![CDATA[If you&#8217;re like me, you&#8217;ve been learning how to design and build websites on your own, mainly by finding a site that you like and reverse engineering the code to see how the author made something work.  There are some really great books and web resources out there to teach you the fundamentals.  Sometimes it&#8217;s [...]]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;re like me, you&#8217;ve been learning how to design and build websites on your own, mainly by finding a site that you like and reverse engineering the code to see how the author made something work.  There are some really <a href="http://www.pmamediagroup.com/2009/04/how-to-become-a-web-designer/">great books and web resources</a> out there to teach you the fundamentals.  Sometimes it&#8217;s difficult to sort through the massive about of information and decide what is the most important to grasp.  I believe that the thing the separates great artists and technicians from everyone else is how well they understand the basics.  Here are a few of the foundational concepts regarding well-formed XHTML to make your CSS pages display more predictably across browsers and platforms.</p>
<p><span id="more-698"></span>
<ol>
<li><em>DOCTYPES are essential for browsers to know how to render your page, especially older browsers.</em> The three main types are Strict, Transitional, and Frameset.  Strict is probably the best choice unless you plan to use deprecated tags.  There&#8217;s no reason to re-type this code every time you create a page and increase the chances of getting it wrong.  Copy the code from an <a href="http://www.alistapart.com/articles/doctype/">authoritative page</a>, or let your code editor to do it for you.  I&#8217;ve set <a href="http://www.adobe.com/products/dreamweaver/">Dreamweaver</a> to render the strict type by default.</li>
<li><em>XHTML is flexible but it requires your code to be written correctly, which is a good thing.</em> If you can <a href="http://www.w3schools.com/xHTML/xhtml_validate.asp">validate your code</a>, it&#8217;s more likely to display the way you want it to.  All tags need to close.  For example: <span style="font-family:monospace; color: #666;">&lt;p&gt;A sample paragraph with a couple of sentences&#8230; </span>must end with this tag <span style="font-family:monospace; color: #666;">&lt;/p&gt;</span>.  Tags that don&#8217;t have an enclosing tag, still need to close.  These are called empty elements, and the image tag is an example: <span style="font-family:monospace; color: #666;">&lt;img src=&#8221;dog.jpg&#8221; alt=&#8221;My Dog Skip&#8221; /&gt;</span></li>
<li><em>All tags should be written with lowercase characters.</em> This one is easy to implement.</li>
<li><em>Correctly nest your elements.</em> Certain tags are block level elements and others are inline.  The div tag (which stands for division) is a block-level element.  If you assign a background color to a div and put some content in there, the div will look like a box.  Links (or anchor tags) are inline.  You can wrap an anchor tag around a word in a paragraph, and it will stay &#8220;inline&#8221; with the rest of the text.  I have been tempted on occasion to wrap a link around a div, which is a no-no.  You shouldn&#8217;t nest block-level elements in inline tags.</li>
<li><em>Use encoded equivalents for &#8220;&amp;&#8221; and other special characters.</em> You&#8217;ve probably noticed a funny character when looking at some web pages and wondered what it is: ?.  It&#8217;s a white diamond in a black question mark and is called the Unicode Replacement Glyph.  To insure that all ampersands, quotation marks, dashes, etc. display properly, use their encoded equivalents.  If your authoring software doesn&#8217;t suggest a code, <a href="http://www.escapecodes.info/">check out this reference</a>.</li>
</ol>
<p>I don&#8217;t consider this an exhastive list on how to write proper XHTML because there are many ways to mess it up.  It does include some of the most important ideas and the most common errors.  Now go and fix all those pages you&#8217;ve made that have problems!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pmamediagroup.com/2009/04/valid-xhtml-for-good-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Accessibility: A Few Things Everyone Should Do</title>
		<link>http://www.pmamediagroup.com/2009/04/accessibility-a-few-things-everyone-should-do/</link>
		<comments>http://www.pmamediagroup.com/2009/04/accessibility-a-few-things-everyone-should-do/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 17:55:52 +0000</pubDate>
		<dc:creator>Mister Mc</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://www.pmamediagroup.com/?p=657</guid>
		<description><![CDATA[Creating web pages that are accessible for people with disabilities is also a step in the right direction for making your site user-friendly for the rest of your audience.  Observing your work from a different perspective will give you insights on how you can improve.  For instance, what does your page look like when style [...]]]></description>
			<content:encoded><![CDATA[<p>Creating web pages that are <strong>accessible for people with disabilities</strong> is also a step in the right direction for <strong>making your site user-friendly</strong> for the rest of your audience.  Observing your work from a different perspective will give you insights on how you can improve.  For instance, what does your page look like when style sheets or images are disabled?  What will your site sound like when read by screen reading software?  How does the page look when loaded on a mobile device?  There are a few simple things everyone can do to avoid acessability problems.</p>
<p><span id="more-657"></span>An <a href="http://redish.net/content/papers/interactions.html">excellent article</a> based on direct observation by Mary Theofanos and Janice Redish gives some great suggestions on how to improve accessibility.  Here is a partial summary of some of their ideas and a few of my own:</p>
<ul>
<li><em><strong>Write for the web.</strong></em> Screen readers begin reading at the begining of a section.  Those who use them scan web pages auditorily like sighten users scan with their eyes.  Place keywords at the begining of a line of text so they your users have the most important information first.</li>
<li><em><strong>Build a page with proper XHTML structure.</strong></em> The wonderful thing about semantic coding is that it makes sense in a hierarchy and provides structural context.  Even though your page may display differently, your markup should reflect what is most important to your user.</li>
<li><em><strong>Use proper CSS techniques.</strong></em> CSS is allows designers the freedom to display a page the way they&#8217;d like it seen, but is also allows a user the same luxury.  By employing CSS best-practices, you can maximize a users experience by letting them &#8220;see&#8221; a page that makes sense for them.</li>
<li><em><strong>Use alternative text for all images.</strong></em><em> </em>It always suprises me how many websites still don&#8217;t include alt text for images.  Crafting a perfect description for a complicated graphic may be a little tricky, but something is better than nothing.  If an image is purely decorative, it&#8217;s better to have an empty alt tag (i.e. alt=&#8221; &#8220;) so that the screen reader will ignore it.  Having appropriate alt text will improve your search engine ranking for images, which is reason enough to include it.</li>
<li><em><strong>Make content, especially forms, keyboard accessible.</strong></em> Tabbing through form fields is something a lot of people do. If you&#8217;ve ever watched a computer power user, they often don&#8217;t even touch their mouse, or they have one hand on the keyboard at all times.  Some people can&#8217;t use a mouse, so this one is very important.</li>
</ul>
<p>As your tools to create web pages become more sophisticated, you&#8217;ll find that accessibility will be a more integrated part of your workflow.  Being aware of the big ticket items will help you move forward in your goal to create amazing work for a global audience.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pmamediagroup.com/2009/04/accessibility-a-few-things-everyone-should-do/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/


Served from: www.pmamediagroup.com @ 2010-07-31 10:37:29 -->