<?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>Website Development &#187; Markup</title>
	<atom:link href="http://dev.thekarchergroup.com/archives/category/markup/feed" rel="self" type="application/rss+xml" />
	<link>http://dev.thekarchergroup.com</link>
	<description>Design, Markup, Usability, Accessibility</description>
	<lastBuildDate>Wed, 13 May 2009 20:49:50 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Applying semantics the &#8220;old school&#8221; way?</title>
		<link>http://dev.thekarchergroup.com/archives/42</link>
		<comments>http://dev.thekarchergroup.com/archives/42#comments</comments>
		<pubDate>Mon, 30 Jun 2008 15:45:16 +0000</pubDate>
		<dc:creator>james</dc:creator>
				<category><![CDATA[Markup]]></category>

		<guid isPermaLink="false">http://dev.thekarchergroup.com/archives/42</guid>
		<description><![CDATA[I was having an interesting conversation today regarding POSH with a colleague during the development of a back-end system. Over the years, we have both detached ourselves from the mind-set/methodology of using tables for layout in our markup (generally speaking &#8211; properly separating content from presentation). Although, towards the end of the conversation, we delved [...]<script type="text/javascript">SHARETHIS.addEntry({ title: "Applying semantics the &#8220;old school&#8221; way?", url: "http://dev.thekarchergroup.com/archives/42" });</script>]]></description>
			<content:encoded><![CDATA[<p>I was having an interesting conversation today regarding <a href="http://microformats.org/wiki/posh"><acronym title="Plain old semantic hypertext markup language">POSH</acronym></a> with a colleague during the development of a back-end system. Over the years, we have both detached ourselves from the mind-set/methodology of using tables for layout in our markup (generally speaking &#8211; properly separating content from presentation). Although, towards the end of the conversation, we delved into the <a href="http://microformats.org/wiki/hcard-examples">use of Microformats to further semantically markup items such as contact information and mailing addresses</a>, and my colleague brought up an interesting assumption that he made regarding use of the class=&#8221;" on <acronym title="Hypertext markup language">HTML</acronym> markup to Microformat it. Essentially with this assumption, he concluded that applying CSS was the sole purpose of the class attribute and therefore applying classes to the markup only to get the data microformatted was the same as using the &#8220;table&#8221; tag to layout a page.</p>
<p>Now, I voluntarily teach a class covering semantic markup of HTML and applied CSS. A good number of the students traditionally in attendance are those that are still familiar with the &#8220;old school&#8221; markup techniques (and fresh out of college, no less). I have yet to have a student or another colleague have the same assumption, but I can clearly see now how that could be concluded without a proper education, so I am putting this out there educationally to help others with a similar assumption.</p>
<p>Here is what I quickly found on the topic to help him understand the &#8220;old school&#8221; way is not being duplicated again by &#8220;presentationally&#8221; applying classes to markup to solely &#8220;format&#8221; it. The first two seem a little light in their description though, so this has spurred my colleague to seek out what those &#8220;other&#8221; straight-forward uses of the class attribute are. What do you know of? Drop me a line and let me know.</p>
<ul>
<li><a href="http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5."><acronym title"Worlg wide web consortium">W3C</acronym></a> &#8211; says <q cite="http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2">For general purpose processing by user agents</q></li>
<li><a href="http://htmlhelp.com/reference/html40/attrs.html">Web Design Group</a> says <q cite="http://htmlhelp.com/reference/html40/attrs.html">An author could use <code>&lt;code CLASS=Java&gt;</code> when giving Java code</q> &#8211; so use for self-identification in programming or further development</li>
<li><a href="http://tantek.com/log/2004/07.html#d20t2359">Tantek&#8217;s Blog</a> &#8211; some other things to note</li>
</ul>
<p><a href="http://sharethis.com/item?&wp=2.8.4&amp;publisher=b7e62933-f207-4fab-8994-1d356c504130&amp;title=Applying+semantics+the+%26%238220%3Bold+school%26%238221%3B+way%3F&amp;url=http%3A%2F%2Fdev.thekarchergroup.com%2Farchives%2F42">ShareThis</a></p>]]></content:encoded>
			<wfw:commentRss>http://dev.thekarchergroup.com/archives/42/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>CWSA to Save Aspiring Web Developers from Themselves, Others</title>
		<link>http://dev.thekarchergroup.com/archives/31</link>
		<comments>http://dev.thekarchergroup.com/archives/31#comments</comments>
		<pubDate>Wed, 20 Feb 2008 16:19:45 +0000</pubDate>
		<dc:creator>Phil</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Markup]]></category>
		<category><![CDATA[The Tech-Challenged]]></category>
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://dev.thekarchergroup.com/archives/31</guid>
		<description><![CDATA[In anything, it is of course easier to learn good habits early on than to unlearn a bunch of bad habits later &#8211; though it was still funny when I was two and Dad spent weeks teaching me that the word for absolutely everything was â€śhelicopterâ€? (pronounced â€śheâ€™we-copperâ€? in the vernacular of the age deficient) [...]<script type="text/javascript">SHARETHIS.addEntry({ title: "CWSA to Save Aspiring Web Developers from Themselves, Others", url: "http://dev.thekarchergroup.com/archives/31" });</script>]]></description>
			<content:encoded><![CDATA[<p>In anything, it is of course easier to learn good habits early on than to unlearn a bunch of bad habits later &#8211; though it was still funny when I was two and Dad spent weeks teaching me that the word for absolutely everything was â€śhelicopterâ€? (pronounced â€śheâ€™we-copperâ€? in the vernacular of the age deficient) in preparation for Christmas dinner and the rest of my familyâ€™s amusement. For those of you who wish to learn good habits in Web development from the beginning without all the nifty soul-crushing humiliation, the Cleveland Web Standards Association is starting a regular study group for people with zero to intermediate developer knowledge (see what I did there, ending the opening paragraph with the actual topic sentence? Inverted pyramid be damned).</p>
<p>Once again, the CWSA has done a better job of describing their event than I can so please check <a href="http://webdesign.meetup.com/396/calendar/7339761/">here</a> for details. I will say that the initial meeting is a two-parter, the first part of which was actually last Sunday, but you can still make it to the concluding meeting this Sunday, February 24<sup>th</sup> at 5:00pm at <a href="http://www.cariboucoffee.com/locations/detailmap.asp?template=map&#038;transaction=locMap&#038;recordId=661">Caribou Coffee in Rocky River</a>.Why would I fail to post this before the initial meeting? Because I canâ€™t just sit here being focused and vigilant all day on the off-chance that someone somewhere decides to schedule something. I have things to do, people. Important things. Like partaking in intense psychotherapy over the whole helicopter incident.</p>
<p>Beginner developers should also check out the <a href="http://www.tkginstitute.com/">TKG Institute</a>, our ongoing evening program here at The Karcher Group for teaching developer basics tothe youth of Northeast Ohio that are in to that kind of thing.</p>
<p><a href="http://sharethis.com/item?&wp=2.8.4&amp;publisher=b7e62933-f207-4fab-8994-1d356c504130&amp;title=CWSA+to+Save+Aspiring+Web+Developers+from+Themselves%2C+Others&amp;url=http%3A%2F%2Fdev.thekarchergroup.com%2Farchives%2F31">ShareThis</a></p>]]></content:encoded>
			<wfw:commentRss>http://dev.thekarchergroup.com/archives/31/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8220;I have a quick question about image rollovers in the navigation&#8221;</title>
		<link>http://dev.thekarchergroup.com/archives/22</link>
		<comments>http://dev.thekarchergroup.com/archives/22#comments</comments>
		<pubDate>Mon, 30 Apr 2007 18:41:14 +0000</pubDate>
		<dc:creator>james</dc:creator>
				<category><![CDATA[Markup]]></category>

		<guid isPermaLink="false">http://dev.thekarchergroup.com/archives/22</guid>
		<description><![CDATA[Q: Is it better to use 2 images, or 1 image with a changing background position? In the past Iâ€™ve always used the second one, but Iâ€™m not sure how browser compatible it isâ€¦
A: It dependsâ€¦ There is no browser incompatibility since it is a simple CSS style, but I favor separate images for three [...]<script type="text/javascript">SHARETHIS.addEntry({ title: "&#8220;I have a quick question about image rollovers in the navigation&#8221;", url: "http://dev.thekarchergroup.com/archives/22" });</script>]]></description>
			<content:encoded><![CDATA[<p>Q: Is it better to use 2 images, or 1 image with a changing background position? In the past Iâ€™ve always used the second one, but Iâ€™m not sure how browser compatible it isâ€¦</p>
<p>A: It dependsâ€¦ There is no browser incompatibility since it is a simple CSS style, but I favor separate images for three reasons (below)</p>
<ol>
<li>You could have file-size issues when optimizing. Putting the off/on states together makes one file that much larger â€“ plus, at the â€śdividing lineâ€? where the two button states meet there is a potential negative impact yet again (if youâ€™re making a JPG). If youâ€™re optimizing a GIF, you could be doubling the amount of colors in the image. Lastly, the browser downloads all the image file size for both states in every instance which leads me to point two.</li>
<li>The browser only downloads as many single images as are needed</li>
<li>Making and optimizing the off/on states of the nav at the time of design in the PSD takes more time to combine when itâ€™s not traditionally (here) laid out that way.</li>
</ol>
<p>One flip side is that, if you make separate images, there are twice as many images on the server to manage.</p>
<p>FYI, when styling the CSS selectors, there is no advantage either way.</p>
<p><a href="http://sharethis.com/item?&wp=2.8.4&amp;publisher=b7e62933-f207-4fab-8994-1d356c504130&amp;title=%26%238220%3BI+have+a+quick+question+about+image+rollovers+in+the+navigation%26%238221%3B&amp;url=http%3A%2F%2Fdev.thekarchergroup.com%2Farchives%2F22">ShareThis</a></p>]]></content:encoded>
			<wfw:commentRss>http://dev.thekarchergroup.com/archives/22/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Web Standards Advent Calendar &#8211; 24 ways, 2006</title>
		<link>http://dev.thekarchergroup.com/archives/14</link>
		<comments>http://dev.thekarchergroup.com/archives/14#comments</comments>
		<pubDate>Fri, 01 Dec 2006 13:58:10 +0000</pubDate>
		<dc:creator>james</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[Markup]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://dev.thekarchergroup.com/archives/14</guid>
		<description><![CDATA[Why have chocolates-based advent calendar again this year when you can suffice your daily craving with one that&#8217;s standards-based instead &#8211; yeh!
24 ways is brought to us by Drew McLellan &#8211; a web developer, author and no-good swindler from just outside London, England. At the Web Standards Project he works on press, strategy and tools. [...]<script type="text/javascript">SHARETHIS.addEntry({ title: "The Web Standards Advent Calendar &#8211; 24 ways, 2006", url: "http://dev.thekarchergroup.com/archives/14" });</script>]]></description>
			<content:encoded><![CDATA[<p>Why have chocolates-based advent calendar <em>again</em> this year<em> </em>when you can suffice your daily craving with one that&#8217;s standards-based instead &#8211; yeh!</p>
<p><a title="24 ways - The Web Standards Advent Calendar" href="http://24ways.org" target="_blank">24 ways</a> is brought to us by Drew McLellan &#8211; a web developer, author and no-good swindler from just outside London, England. At the <a href="http://www.webstandards.org/" target="_blank">Web Standards Project</a> he works on press, strategy and tools. Drew keeps a <a href="http://www.allinthehead.com/" target="_blank">personal weblog</a> covering web development issues and themes.</p>
<p>Drew was nice enough to provide <a title="The Web Standards Advent Calendar - 24 ways, 2005" href="http://24ways.org/2005/" target="_blank">links to last year&#8217;s articles</a> as well. These well-crafted articles are done by some of the most recognized in the industry.</p>
<p>On second thought, have fun with the examples while crushing a box of chocolates at the same time.</p>
<p><a href="http://sharethis.com/item?&wp=2.8.4&amp;publisher=b7e62933-f207-4fab-8994-1d356c504130&amp;title=The+Web+Standards+Advent+Calendar+%26%238211%3B+24+ways%2C+2006&amp;url=http%3A%2F%2Fdev.thekarchergroup.com%2Farchives%2F14">ShareThis</a></p>]]></content:encoded>
			<wfw:commentRss>http://dev.thekarchergroup.com/archives/14/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Remember the 8-second rule? History.</title>
		<link>http://dev.thekarchergroup.com/archives/10</link>
		<comments>http://dev.thekarchergroup.com/archives/10#comments</comments>
		<pubDate>Thu, 09 Nov 2006 01:51:24 +0000</pubDate>
		<dc:creator>james</dc:creator>
				<category><![CDATA[Markup]]></category>

		<guid isPermaLink="false">http://dev.thekarchergroup.com/archives/10</guid>
		<description><![CDATA[Hard to believe, in the 9 years I&#8217;ve been involved in web development, I have always been aware of an &#8220;8 second rule&#8221; &#8211; that being the maximum time a web page should take to download.  Knowing that typically forced me to optimize my images and page code (tabled, sadly) to the degreeN. With [...]<script type="text/javascript">SHARETHIS.addEntry({ title: "Remember the 8-second rule? History.", url: "http://dev.thekarchergroup.com/archives/10" });</script>]]></description>
			<content:encoded><![CDATA[<p>Hard to believe, in the 9 years I&#8217;ve been involved in web development, I have always been aware of an &#8220;<a title="The Truth About Download Time" target="_blank" href="http://www.uie.com/articles/download_time/">8 second rule</a>&#8221; &#8211; that being the maximum time a web page should take to download.  Knowing that typically forced me to optimize my images and page code (tabled, sadly) to the degree<sup>N</sup>. With broadband access slowly creeping up to becoming the lowest common denominator as far as internet access goes, I thought I could at least relax <em>a little bit</em>, but then comes along this study. If you do the math, it&#8217;s probably a wash based on access speeds and new programming technologies used to enhance user-experience.</p>
<p>Below is the meat of the study findings, but you can <a title="Akamai and JupiterResearch Identify '4 Seconds' as the New Threshold of Acceptability for Retail Web Page Response Times" target="_blank" href="http://www.akamai.com/html/about/press/releases/2006/press_110606.html">read the full press release</a> on the <a title="Akamai Technologies Inc." target="_blank" href="http://www.akamai.com/index.html">Akamai  Technologies Inc. website</a>.</p>
<blockquote><p>Consumers will not wait more than 4 seconds for a web  page to download says a new survey conducted by JupiterResearch for Akamai  Technologies Inc. Speed of downloading is most important to those with the  longest online experience and highest spending, the study says.</p>
<p>The study says more than one-third of shoppers with a  poor experience abandoned the site entirely, while 75% were likely not to shop  on that site again. In addition, nearly 30% of dissatisfied customers will  either develop a negative perception of the company or tell their friends and family about the experience, Jupiter says.</p>
<p>The report says poor site performance ranks behind only high prices and shipping costs as leading factors for dissatisfaction among online shoppers.</p>
<p>The study was based on a survey of 1,058 online shoppers during the first half of 2006.</p>
<p>Other finds include:</p>
<ul>
<li>Half of online shoppers with two or more years tenure shopping online or who spend more than  $1,500 annually identify page loading time as a top priority for online sites.</li>
<li>46% of online shoppers insist on rapid checkout, with 55% of shoppers who spend $1,500 or more demanding the same.</li>
</ul>
</blockquote>
<p>Well, I guess there&#8217;s always a reason to keep your nose to the grindstone!  Happy coding everyone and go get that money.</p>
<p><a href="http://sharethis.com/item?&wp=2.8.4&amp;publisher=b7e62933-f207-4fab-8994-1d356c504130&amp;title=Remember+the+8-second+rule%3F+History.&amp;url=http%3A%2F%2Fdev.thekarchergroup.com%2Farchives%2F10">ShareThis</a></p>]]></content:encoded>
			<wfw:commentRss>http://dev.thekarchergroup.com/archives/10/feed</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
	</channel>
</rss>

