<?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>Life @ High Road Communications &#187; CSS</title>
	<atom:link href="http://www.lifeathighroad.com/category/web-development/css-web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.lifeathighroad.com</link>
	<description>Life as a Director of Front End Development at High Road Communications, Ottawa</description>
	<lastBuildDate>Thu, 19 Jan 2012 12:58:12 +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>Understanding a browser&#8217;s default CSS</title>
		<link>http://www.lifeathighroad.com/web-development/understanding-a-browsers-default-css/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=understanding-a-browsers-default-css</link>
		<comments>http://www.lifeathighroad.com/web-development/understanding-a-browsers-default-css/#comments</comments>
		<pubDate>Wed, 19 Jan 2011 13:51:29 +0000</pubDate>
		<dc:creator>Mike Badgley</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[default stylesheet]]></category>
		<category><![CDATA[iecss.com]]></category>
		<category><![CDATA[reset]]></category>
		<category><![CDATA[style sheet]]></category>

		<guid isPermaLink="false">http://www.lifeathighroad.com/web-development/understanding-a-browsers-default-css/</guid>
		<description><![CDATA[On the heels of my recent post on the potential pitfalls of using CSS resets, this post continues in that same vein. The question of why we even need to use a CSS reset is a good place to start. (&#8230;)<p><a href="http://www.lifeathighroad.com/web-development/understanding-a-browsers-default-css/">Read the rest of this entry &#187;</a></p>]]></description>
		<wfw:commentRss>http://www.lifeathighroad.com/web-development/understanding-a-browsers-default-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>How to achieve vertical text with CSS</title>
		<link>http://www.lifeathighroad.com/web-development/css-web-development/how-to-achieve-vertical-text-with-css/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=how-to-achieve-vertical-text-with-css</link>
		<comments>http://www.lifeathighroad.com/web-development/css-web-development/how-to-achieve-vertical-text-with-css/#comments</comments>
		<pubDate>Mon, 18 Oct 2010 14:09:31 +0000</pubDate>
		<dc:creator>Mike Badgley</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[vertical]]></category>
		<category><![CDATA[vertical text]]></category>
		<category><![CDATA[word-wrap]]></category>

		<guid isPermaLink="false">http://www.lifeathighroad.com/web-development/css-web-development/how-to-achieve-vertical-text-with-css/</guid>
		<description><![CDATA[Jeffrey Way, of Nettuts+ had an interesting problem this morning that he posed to the Twitter community which was finding the easiest way to create vertical text with CSS. A number of suggestions were put forth – some using JavaScript (&#8230;)<p><a href="http://www.lifeathighroad.com/web-development/css-web-development/how-to-achieve-vertical-text-with-css/">Read the rest of this entry &#187;</a></p>]]></description>
		<wfw:commentRss>http://www.lifeathighroad.com/web-development/css-web-development/how-to-achieve-vertical-text-with-css/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>A closer look at the max-width property</title>
		<link>http://www.lifeathighroad.com/web-development/css-web-development/a-closer-look-at-the-max-width-property/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=a-closer-look-at-the-max-width-property</link>
		<comments>http://www.lifeathighroad.com/web-development/css-web-development/a-closer-look-at-the-max-width-property/#comments</comments>
		<pubDate>Tue, 27 Jul 2010 18:15:14 +0000</pubDate>
		<dc:creator>Mike Badgley</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE7]]></category>
		<category><![CDATA[max-width]]></category>
		<category><![CDATA[W3C]]></category>

		<guid isPermaLink="false">http://www.lifeathighroad.com/?p=401</guid>
		<description><![CDATA[I came across an interesting issue today with the max-width property. It&#8217;s a property that I&#8217;ve only used in a few occasions in the past &#8211; mainly due to the constraints of legacy browsers that do not support it. That (&#8230;)<p><a href="http://www.lifeathighroad.com/web-development/css-web-development/a-closer-look-at-the-max-width-property/">Read the rest of this entry &#187;</a></p>]]></description>
		<wfw:commentRss>http://www.lifeathighroad.com/web-development/css-web-development/a-closer-look-at-the-max-width-property/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Inline-Block whitespace workaround</title>
		<link>http://www.lifeathighroad.com/web-development/css-web-development/inline-block-whitespace-workaround/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=inline-block-whitespace-workaround</link>
		<comments>http://www.lifeathighroad.com/web-development/css-web-development/inline-block-whitespace-workaround/#comments</comments>
		<pubDate>Wed, 28 Apr 2010 14:13:01 +0000</pubDate>
		<dc:creator>Mike Badgley</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Quick Tips]]></category>
		<category><![CDATA[inline-block]]></category>
		<category><![CDATA[whitespace]]></category>
		<category><![CDATA[workaround]]></category>

		<guid isPermaLink="false">http://www.lifeathighroad.com/web-development/css-web-development/inline-block-whitespace-workaround/</guid>
		<description><![CDATA[In response to an article written yesterday (April 26th, 2010) about the inline-block display property on Impressive Webs, there was some debate on unwanted whitespace that appears to the right of elements that are styled with this property. If you (&#8230;)<p><a href="http://www.lifeathighroad.com/web-development/css-web-development/inline-block-whitespace-workaround/">Read the rest of this entry &#187;</a></p>]]></description>
		<wfw:commentRss>http://www.lifeathighroad.com/web-development/css-web-development/inline-block-whitespace-workaround/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Using a unitless line-height to enhance your typography</title>
		<link>http://www.lifeathighroad.com/web-development/css-web-development/using-a-unitless-line-height-to-enhance-your-typography/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=using-a-unitless-line-height-to-enhance-your-typography</link>
		<comments>http://www.lifeathighroad.com/web-development/css-web-development/using-a-unitless-line-height-to-enhance-your-typography/#comments</comments>
		<pubDate>Wed, 10 Feb 2010 14:52:45 +0000</pubDate>
		<dc:creator>Mike Badgley</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Quick Tips]]></category>
		<category><![CDATA[Eric Meyer]]></category>
		<category><![CDATA[font-size]]></category>
		<category><![CDATA[line-height]]></category>
		<category><![CDATA[pixels]]></category>
		<category><![CDATA[unitless]]></category>
		<category><![CDATA[units]]></category>

		<guid isPermaLink="false">http://www.lifeathighroad.com/web-development/css-web-development/using-a-unitless-line-height-to-enhance-your-typography/</guid>
		<description><![CDATA[I came across a fairly old article on Web typography (by Eric Meyer) this morning that I found pretty interesting and thought I would share some of my feelings on the subject matter. Up to this point I&#8217;ve been doing (&#8230;)<p><a href="http://www.lifeathighroad.com/web-development/css-web-development/using-a-unitless-line-height-to-enhance-your-typography/">Read the rest of this entry &#187;</a></p>]]></description>
		<wfw:commentRss>http://www.lifeathighroad.com/web-development/css-web-development/using-a-unitless-line-height-to-enhance-your-typography/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The problem with Web sites not being friendly to my printer</title>
		<link>http://www.lifeathighroad.com/web-development/the-problem-with-web-sites-not-being-friendly-to-my-printer/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-problem-with-web-sites-not-being-friendly-to-my-printer</link>
		<comments>http://www.lifeathighroad.com/web-development/the-problem-with-web-sites-not-being-friendly-to-my-printer/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 20:20:48 +0000</pubDate>
		<dc:creator>Mike Badgley</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Rants]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[printer]]></category>
		<category><![CDATA[printer-friendly]]></category>
		<category><![CDATA[printing]]></category>

		<guid isPermaLink="false">http://www.lifeathighroad.com/2009/08/05/the-problem-with-web-sites-not-being-friendly-to-my-printer/</guid>
		<description><![CDATA[On an almost daily basis, there are web articles I come across that contain great tips or something I didn’t know that I’d like to read more on. Given the fact that I usually don’t have the time at that (&#8230;)<p><a href="http://www.lifeathighroad.com/web-development/the-problem-with-web-sites-not-being-friendly-to-my-printer/">Read the rest of this entry &#187;</a></p>]]></description>
		<wfw:commentRss>http://www.lifeathighroad.com/web-development/the-problem-with-web-sites-not-being-friendly-to-my-printer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Solving the font issue for Web designers</title>
		<link>http://www.lifeathighroad.com/web-development/solving-the-font-issue-for-web-designers/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=solving-the-font-issue-for-web-designers</link>
		<comments>http://www.lifeathighroad.com/web-development/solving-the-font-issue-for-web-designers/#comments</comments>
		<pubDate>Wed, 05 Aug 2009 14:38:07 +0000</pubDate>
		<dc:creator>Mike Badgley</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[@font-face]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[EOT]]></category>
		<category><![CDATA[FontForge]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[OTF]]></category>
		<category><![CDATA[TTF]]></category>
		<category><![CDATA[WEFT]]></category>

		<guid isPermaLink="false">http://www.lifeathighroad.com/2009/08/05/solving-the-font-issue-for-web-designers/</guid>
		<description><![CDATA[If you&#8217;re like me, then you are probably sick of being forced to use background images for headers that use a non-generic font. How much time is wasted in slicing these images, let alone all the extra rules that need (&#8230;)<p><a href="http://www.lifeathighroad.com/web-development/solving-the-font-issue-for-web-designers/">Read the rest of this entry &#187;</a></p>]]></description>
		<wfw:commentRss>http://www.lifeathighroad.com/web-development/solving-the-font-issue-for-web-designers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The &#8220;Web&#8221; disease of falling behind</title>
		<link>http://www.lifeathighroad.com/web-development/the-web-disease-of-falling-behind/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=the-web-disease-of-falling-behind</link>
		<comments>http://www.lifeathighroad.com/web-development/the-web-disease-of-falling-behind/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 14:16:34 +0000</pubDate>
		<dc:creator>Mike Badgley</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Rants]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[CSS-based layout]]></category>
		<category><![CDATA[CSS2]]></category>
		<category><![CDATA[CSS2.1]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[disease]]></category>
		<category><![CDATA[falling behind]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[standards]]></category>

		<guid isPermaLink="false">http://www.lifeathighroad.com/2009/07/30/the-web-disease-of-falling-behind/</guid>
		<description><![CDATA[The thought occurred to me this morning, as I did my daily routine of reading through my long list of RSS feeds, that I was in danger of falling behind and becoming out of touch with the current trends and (&#8230;)<p><a href="http://www.lifeathighroad.com/web-development/the-web-disease-of-falling-behind/">Read the rest of this entry &#187;</a></p>]]></description>
		<wfw:commentRss>http://www.lifeathighroad.com/web-development/the-web-disease-of-falling-behind/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Date Display Technique using CSS Sprites</title>
		<link>http://www.lifeathighroad.com/web-development/date-display-technique-using-css-sprites/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=date-display-technique-using-css-sprites</link>
		<comments>http://www.lifeathighroad.com/web-development/date-display-technique-using-css-sprites/#comments</comments>
		<pubDate>Wed, 29 Jul 2009 12:50:23 +0000</pubDate>
		<dc:creator>Mike Badgley</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[CSS sprite]]></category>
		<category><![CDATA[date]]></category>
		<category><![CDATA[dynamic positioning]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.lifeathighroad.com/2009/07/29/date-display-technique-using-css-sprites/</guid>
		<description><![CDATA[This is a follow-up to an article published today by Chris Coyier of CSS Tricks. If you haven’t read the article already, I encourage you to do so first before implementing my proposed tweaks in the following post. To recap, (&#8230;)<p><a href="http://www.lifeathighroad.com/web-development/date-display-technique-using-css-sprites/">Read the rest of this entry &#187;</a></p>]]></description>
		<wfw:commentRss>http://www.lifeathighroad.com/web-development/date-display-technique-using-css-sprites/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Launch of Sun Life Financial &#8220;ParticipACTION&#8221; micro site</title>
		<link>http://www.lifeathighroad.com/web-development/launch-of-sun-life-financial-participaction-micro-site/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=launch-of-sun-life-financial-participaction-micro-site</link>
		<comments>http://www.lifeathighroad.com/web-development/launch-of-sun-life-financial-participaction-micro-site/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 15:21:02 +0000</pubDate>
		<dc:creator>Mike Badgley</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[XHTML]]></category>
		<category><![CDATA[micro site]]></category>
		<category><![CDATA[ParticipACTION]]></category>

		<guid isPermaLink="false">http://www.lifeathighroad.com/2009/07/06/launch-of-sun-life-financial-participaction-micro-site/</guid>
		<description><![CDATA[Last week we prepared a series of three HTML templates for a small micro site that Sun Life Financial is doing for ParticipACTION. Sun Life wants you to get moving. This summer the ParticipACTION Sun Life – Inspire the nation (&#8230;)<p><a href="http://www.lifeathighroad.com/web-development/launch-of-sun-life-financial-participaction-micro-site/">Read the rest of this entry &#187;</a></p>]]></description>
		<wfw:commentRss>http://www.lifeathighroad.com/web-development/launch-of-sun-life-financial-participaction-micro-site/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/

Minified using disk: basic
Page Caching using disk: enhanced (User agent is rejected)
Database Caching 5/17 queries in 0.016 seconds using disk: basic

Served from: www.lifeathighroad.com @ 2012-02-08 05:55:15 -->
