<?xml version="1.0" encoding="UTF-8" standalone="no"?><?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" version="2.0">
<channel>
	<title>Jon Raasch's Web Development Blog</title>
	
	<link>http://jonraasch.com/blog/</link>
	<description></description>
	<lastBuildDate>
	Sat, 06 Apr 2019 20:01:25 +0000	</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.1.1</generator>
	<atom:link href="http://jonraasch.com/blog/feed?page=2" rel="next"/>
	<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" href="http://feeds.feedburner.com/jonraasch" rel="self" type="application/rss+xml"/><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="jonraasch"/><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" href="http://pubsubhubbub.appspot.com/" rel="hub"/><geo:lat>45.51379</geo:lat><geo:long>-122.645805</geo:long><xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" content="noindex" name="robots"/><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">jonraasch</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">https://feedburner.google.com</feedburner:feedburnerHostname><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="https://add.my.yahoo.com/rss?url=http%3A%2F%2Ffeeds.feedburner.com%2Fjonraasch" src="http://us.i1.yimg.com/us.yimg.com/i/us/my/addtomyyahoo4.gif">Subscribe with My Yahoo!</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.newsgator.com/ngs/subscriber/subext.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fjonraasch" src="http://www.newsgator.com/images/ngsub1.gif">Subscribe with NewsGator</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.bloglines.com/sub/http://feeds.feedburner.com/jonraasch" src="http://www.bloglines.com/images/sub_modern11.gif">Subscribe with Bloglines</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.netvibes.com/subscribe.php?url=http%3A%2F%2Ffeeds.feedburner.com%2Fjonraasch" src="//www.netvibes.com/img/add2netvibes.gif">Subscribe with Netvibes</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2Fjonraasch" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.pageflakes.com/subscribe.aspx?url=http%3A%2F%2Ffeeds.feedburner.com%2Fjonraasch" src="http://www.pageflakes.com/ImageFile.ashx?instanceId=Static_4&amp;fileName=ATP_blu_91x17.gif">Subscribe with Pageflakes</feedburner:feedFlare><xhtml:meta content="noindex" name="robots" xmlns:xhtml="http://www.w3.org/1999/xhtml"/><item>
		<title>See Ya Later!</title>
		<link>http://jonraasch.com/blog/see-ya-later</link>
				<comments>http://jonraasch.com/blog/see-ya-later#respond</comments>
				<pubDate>Sat, 06 Apr 2019 18:26:45 +0000</pubDate>
		<dc:creator><![CDATA[Jon Raasch]]></dc:creator>
				<category><![CDATA[webdev]]></category>
		<guid isPermaLink="false">http://jonraasch.com/blog/?p=1428</guid>
				<description>It&amp;#8217;s been several years since I&amp;#8217;ve posted anything here, and I think it&amp;#8217;s time to finally say goodbye. I&amp;#8217;m still actively writing about web development, just not on my personal blog anymore. Check out my posts on Smashing Magazine, and also the books I&amp;#8217;ve written. It&amp;#8217;s been a fun ride, I&amp;#8217;d like to give a [&amp;#8230;]&gt;div class="feedflare"&lt;
&gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=GF1sud1KcMc:ZDHbb-w2Beg:yIl2AUoC8zA"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=yIl2AUoC8zA" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=GF1sud1KcMc:ZDHbb-w2Beg:gIN9vFwOqvQ"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=GF1sud1KcMc:ZDHbb-w2Beg:gIN9vFwOqvQ" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=GF1sud1KcMc:ZDHbb-w2Beg:V_sGLiPBpWU"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=GF1sud1KcMc:ZDHbb-w2Beg:V_sGLiPBpWU" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=GF1sud1KcMc:ZDHbb-w2Beg:F7zBnMyn0Lo"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=GF1sud1KcMc:ZDHbb-w2Beg:F7zBnMyn0Lo" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=GF1sud1KcMc:ZDHbb-w2Beg:qj6IDK7rITs"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=qj6IDK7rITs" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=GF1sud1KcMc:ZDHbb-w2Beg:TzevzKxY174"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=TzevzKxY174" border="0"&lt;&gt;/img&lt;&gt;/a&lt;
&gt;/div&lt;&gt;img src="http://feeds.feedburner.com/~r/jonraasch/~4/GF1sud1KcMc" height="1" width="1" alt=""/&lt;</description>
						<wfw:commentRss>http://jonraasch.com/blog/see-ya-later/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
							</item>
		<item>
		<title>My OS X Lion Horror Story</title>
		<link>http://jonraasch.com/blog/os-x-lion-horror-story</link>
				<comments>http://jonraasch.com/blog/os-x-lion-horror-story#comments</comments>
				<pubDate>Thu, 13 Oct 2011 15:27:53 +0000</pubDate>
		<dc:creator><![CDATA[Jon Raasch]]></dc:creator>
				<category><![CDATA[dev environment]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[apple]]></category>
		<category><![CDATA[installation]]></category>
		<category><![CDATA[Lion]]></category>
		<category><![CDATA[mac OSX]]></category>
		<category><![CDATA[workflow]]></category>
		<guid isPermaLink="false">http://jonraasch.com/blog/?p=1373</guid>
				<description>OS X Lion was released in July 2011 and includes a number of new upgrades. Some of these are very impressive, such as complex touch gestures for the trackpad. Others are more mundane, such as fullscreen mode for applications and hidden scrollbars. But all things considered the upgrade is definitely worth it. The problem isn&amp;#8217;t [&amp;#8230;]&gt;div class="feedflare"&lt;
&gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=Y3YsEGofvBw:FERZ5ljEgbQ:yIl2AUoC8zA"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=yIl2AUoC8zA" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=Y3YsEGofvBw:FERZ5ljEgbQ:gIN9vFwOqvQ"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=Y3YsEGofvBw:FERZ5ljEgbQ:gIN9vFwOqvQ" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=Y3YsEGofvBw:FERZ5ljEgbQ:V_sGLiPBpWU"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=Y3YsEGofvBw:FERZ5ljEgbQ:V_sGLiPBpWU" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=Y3YsEGofvBw:FERZ5ljEgbQ:F7zBnMyn0Lo"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=Y3YsEGofvBw:FERZ5ljEgbQ:F7zBnMyn0Lo" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=Y3YsEGofvBw:FERZ5ljEgbQ:qj6IDK7rITs"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=qj6IDK7rITs" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=Y3YsEGofvBw:FERZ5ljEgbQ:TzevzKxY174"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=TzevzKxY174" border="0"&lt;&gt;/img&lt;&gt;/a&lt;
&gt;/div&lt;&gt;img src="http://feeds.feedburner.com/~r/jonraasch/~4/Y3YsEGofvBw" height="1" width="1" alt=""/&lt;</description>
						<wfw:commentRss>http://jonraasch.com/blog/os-x-lion-horror-story/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
							</item>
		<item>
		<title>CSS Data URIs – Use Them In All Browsers Now!</title>
		<link>http://jonraasch.com/blog/css-data-uris-in-all-browsers</link>
				<comments>http://jonraasch.com/blog/css-data-uris-in-all-browsers#comments</comments>
				<pubDate>Wed, 10 Nov 2010 18:30:23 +0000</pubDate>
		<dc:creator><![CDATA[Jon Raasch]]></dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[data URIs]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[HTTP requests]]></category>
		<category><![CDATA[performance]]></category>
		<guid isPermaLink="false">http://jonraasch.com/blog/?p=1233</guid>
				<description>&gt;a href="http://www.nczonline.net/blog/2009/10/27/data-uris-explained/"&lt;Data URIs&gt;/a&lt; are one of the best techniques in CSS, allowing developers to avoid referencing external images and instead embed them directly into a stylesheet.  The main advantage of this approach is to save &gt;a href="http://djce.org.uk/dumprequest"&lt;HTTP requests&gt;/a&lt;.
HTTP requests are a huge &gt;strong&lt;performance bottleneck&gt;/strong&lt;, and the reason techniques such as &gt;a href="http://www.alistapart.com/articles/sprites"&lt;CSS image sprites&gt;/a&lt; have been popular for some time.  Basically, if you can avoid requesting an extra file, not only does it save your server the work of looking up the file, but it also saves your user the download time.  In fact, HTTP request management is so important, that it is the top issue in the &gt;a href="http://developer.yahoo.com/performance/rules.html"&lt;Yahoo Performance Rules&gt;/a&lt;.
Data URIs are an excellent way to reduce HTTP requests and &gt;strong&lt;speed up your pages&gt;/strong&lt;, so let's walk through how to use them in &gt;strong&lt;all major browsers&gt;/strong&lt;.&gt;div class="feedflare"&lt;
&gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=0nvpdxJNCGk:uCt_RFKJUEw:yIl2AUoC8zA"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=yIl2AUoC8zA" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=0nvpdxJNCGk:uCt_RFKJUEw:gIN9vFwOqvQ"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=0nvpdxJNCGk:uCt_RFKJUEw:gIN9vFwOqvQ" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=0nvpdxJNCGk:uCt_RFKJUEw:V_sGLiPBpWU"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=0nvpdxJNCGk:uCt_RFKJUEw:V_sGLiPBpWU" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=0nvpdxJNCGk:uCt_RFKJUEw:F7zBnMyn0Lo"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=0nvpdxJNCGk:uCt_RFKJUEw:F7zBnMyn0Lo" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=0nvpdxJNCGk:uCt_RFKJUEw:qj6IDK7rITs"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=qj6IDK7rITs" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=0nvpdxJNCGk:uCt_RFKJUEw:TzevzKxY174"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=TzevzKxY174" border="0"&lt;&gt;/img&lt;&gt;/a&lt;
&gt;/div&lt;&gt;img src="http://feeds.feedburner.com/~r/jonraasch/~4/0nvpdxJNCGk" height="1" width="1" alt=""/&lt;</description>
						<wfw:commentRss>http://jonraasch.com/blog/css-data-uris-in-all-browsers/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
							</item>
		<item>
		<title>Huge Performance Improvements In Latest Translate This Button</title>
		<link>http://jonraasch.com/blog/translate-this-button-performance</link>
				<comments>http://jonraasch.com/blog/translate-this-button-performance#comments</comments>
				<pubDate>Thu, 21 Oct 2010 17:07:51 +0000</pubDate>
		<dc:creator><![CDATA[Jon Raasch]]></dc:creator>
				<category><![CDATA[performance]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[APIs]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[HTTP requests]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[translation]]></category>
		<category><![CDATA[widgets]]></category>
		<guid isPermaLink="false">http://jonraasch.com/blog/?p=1238</guid>
				<description>A few days ago I released a new version of the Translate This Button, a free JavaScript translation widget. Of the sites I tested, the translation operation now runs an average of 70% faster. This performance increase adds to several layers of speed improvements made in previous versions. Additionally, this release includes other enhancements, such [&amp;#8230;]&gt;div class="feedflare"&lt;
&gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=JM1GDuu1bGI:YGw3p-OWtBg:yIl2AUoC8zA"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=yIl2AUoC8zA" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=JM1GDuu1bGI:YGw3p-OWtBg:gIN9vFwOqvQ"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=JM1GDuu1bGI:YGw3p-OWtBg:gIN9vFwOqvQ" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=JM1GDuu1bGI:YGw3p-OWtBg:V_sGLiPBpWU"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=JM1GDuu1bGI:YGw3p-OWtBg:V_sGLiPBpWU" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=JM1GDuu1bGI:YGw3p-OWtBg:F7zBnMyn0Lo"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=JM1GDuu1bGI:YGw3p-OWtBg:F7zBnMyn0Lo" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=JM1GDuu1bGI:YGw3p-OWtBg:qj6IDK7rITs"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=qj6IDK7rITs" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=JM1GDuu1bGI:YGw3p-OWtBg:TzevzKxY174"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=TzevzKxY174" border="0"&lt;&gt;/img&lt;&gt;/a&lt;
&gt;/div&lt;&gt;img src="http://feeds.feedburner.com/~r/jonraasch/~4/JM1GDuu1bGI" height="1" width="1" alt=""/&lt;</description>
						<wfw:commentRss>http://jonraasch.com/blog/translate-this-button-performance/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
							</item>
		<item>
		<title>Graceful Degradation With CSS3</title>
		<link>http://jonraasch.com/blog/graceful-degradation-with-css3</link>
				<comments>http://jonraasch.com/blog/graceful-degradation-with-css3#comments</comments>
				<pubDate>Tue, 17 Aug 2010 16:57:51 +0000</pubDate>
		<dc:creator><![CDATA[Jon Raasch]]></dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[browser hacks]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[graceful degradation]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webdev]]></category>
		<guid isPermaLink="false">http://jonraasch.com/blog/?p=1192</guid>
				<description>With IE9 in development and Opera 10.5 released, CSS3 is a few steps away from being supported by all modern browsers. But users may take a while to upgrade, and responsible developers will support legacy browsers for years to come.
For some, &gt;strong&lt;cross-browser development&gt;/strong&lt; means making websites that look exactly the same in all browsers. But if developers continue to cater websites to inadequate browsers such as IE6, then they're just holding back modern browsers from performing to their potential.
&gt;strong&lt;Graceful degradation&gt;/strong&lt; is not about allowing websites to look bad in older browsers, but about making them look great in modern ones.  It means taking advantage of CSS3's useful features to progressively enhance web pages for the vast majority of users.&gt;div class="feedflare"&lt;
&gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=HZlG0LBMmpg:UN_07IgP1Jc:yIl2AUoC8zA"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=yIl2AUoC8zA" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=HZlG0LBMmpg:UN_07IgP1Jc:gIN9vFwOqvQ"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=HZlG0LBMmpg:UN_07IgP1Jc:gIN9vFwOqvQ" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=HZlG0LBMmpg:UN_07IgP1Jc:V_sGLiPBpWU"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=HZlG0LBMmpg:UN_07IgP1Jc:V_sGLiPBpWU" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=HZlG0LBMmpg:UN_07IgP1Jc:F7zBnMyn0Lo"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=HZlG0LBMmpg:UN_07IgP1Jc:F7zBnMyn0Lo" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=HZlG0LBMmpg:UN_07IgP1Jc:qj6IDK7rITs"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=qj6IDK7rITs" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=HZlG0LBMmpg:UN_07IgP1Jc:TzevzKxY174"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=TzevzKxY174" border="0"&lt;&gt;/img&lt;&gt;/a&lt;
&gt;/div&lt;&gt;img src="http://feeds.feedburner.com/~r/jonraasch/~4/HZlG0LBMmpg" height="1" width="1" alt=""/&lt;</description>
						<wfw:commentRss>http://jonraasch.com/blog/graceful-degradation-with-css3/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
							</item>
		<item>
		<title>CSS Summit: The Good Parts</title>
		<link>http://jonraasch.com/blog/css-summit</link>
				<comments>http://jonraasch.com/blog/css-summit#comments</comments>
				<pubDate>Thu, 29 Jul 2010 16:33:06 +0000</pubDate>
		<dc:creator><![CDATA[Jon Raasch]]></dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[best practices]]></category>
		<category><![CDATA[conferences]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[html5]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webdev]]></category>
		<guid isPermaLink="false">http://jonraasch.com/blog/?p=1124</guid>
				<description>Yesterday's &gt;a href="http://environmentsforhumans.com/2010/css-summit/"&lt;CSS Summit&gt;/a&lt; featured some the best CSS minds presenting on cutting edge CSS issues.  There was a ton of great information presented across the 8 sessions, but here's a wrap up of the single best piece of information from each presenter:
&gt;h2&lt;Denise Jacobs &amp;#8211; Advanced CSS Troubleshooting&gt;/h2&lt;
The highlight of Denise's talk was some specific coding tips about &gt;a href="http://www.quirksmode.org/css/clearing.html"&lt;clearing floated content&gt;/a&lt;.  
She started with the standard &gt;code&lt;overflow: hidden&gt;/code&lt; method, which falls short with support for borders &amp;#38; margins and also doesn't allow scrollbars if they're needed.  Denise suggested instead using &gt;code&lt;overflow: auto; width: 100%;&gt;/code&lt; which avoids these issues.  You don't have to use the exact values above, you just have to set some type of &gt;code&lt;overflow&gt;/code&lt; and &gt;code&lt;width&gt;/code&lt; / &gt;code&lt;height&gt;/code&lt; value.
Denise went on to discuss a &gt;code&lt;.clearfix:after&gt;/code&lt; method, &gt;a href="http://gist.github.com/498554"&lt;see the gist&gt;/a&lt;.
Denise likes this clearing method since it doesn't include any extra, non-semantic markup (as opposed to &gt;code&lt;&amp;#60;br class="clearfix" /&amp;#62;&gt;/code&lt;).  However the fact that the &gt;code&lt;:after&gt;/code&lt; selector doesn't work in IE6/7 makes this method unusable in my opinion.  Ultimately I'm going to stick to the &gt;code&lt;overflow: auto;&gt;/code&lt; method described above.&gt;div class="feedflare"&lt;
&gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=oRMGxUBPiY0:UHnuyZBd0TU:yIl2AUoC8zA"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=yIl2AUoC8zA" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=oRMGxUBPiY0:UHnuyZBd0TU:gIN9vFwOqvQ"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=oRMGxUBPiY0:UHnuyZBd0TU:gIN9vFwOqvQ" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=oRMGxUBPiY0:UHnuyZBd0TU:V_sGLiPBpWU"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=oRMGxUBPiY0:UHnuyZBd0TU:V_sGLiPBpWU" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=oRMGxUBPiY0:UHnuyZBd0TU:F7zBnMyn0Lo"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=oRMGxUBPiY0:UHnuyZBd0TU:F7zBnMyn0Lo" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=oRMGxUBPiY0:UHnuyZBd0TU:qj6IDK7rITs"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=qj6IDK7rITs" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=oRMGxUBPiY0:UHnuyZBd0TU:TzevzKxY174"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=TzevzKxY174" border="0"&lt;&gt;/img&lt;&gt;/a&lt;
&gt;/div&lt;&gt;img src="http://feeds.feedburner.com/~r/jonraasch/~4/oRMGxUBPiY0" height="1" width="1" alt=""/&lt;</description>
						<wfw:commentRss>http://jonraasch.com/blog/css-summit/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
							</item>
		<item>
		<title>5 Asset Management Tricks for Faster Websites</title>
		<link>http://jonraasch.com/blog/5-asset-management-tricks-for-faster-websites</link>
				<comments>http://jonraasch.com/blog/5-asset-management-tricks-for-faster-websites#comments</comments>
				<pubDate>Tue, 11 May 2010 17:04:53 +0000</pubDate>
		<dc:creator><![CDATA[Jon Raasch]]></dc:creator>
				<category><![CDATA[performance]]></category>
		<category><![CDATA[apache]]></category>
		<category><![CDATA[assets]]></category>
		<category><![CDATA[bandwidth]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[downloads]]></category>
		<category><![CDATA[front-end]]></category>
		<category><![CDATA[HTTP header]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[load-time]]></category>
		<category><![CDATA[server]]></category>
		<guid isPermaLink="false">http://jonraasch.com/blog/?p=1027</guid>
				<description>When it comes to front-end performance, good asset management is just as important as good code.  Simply put: downloading assets takes time.
Computers and browsers now render pages and execute Javascript faster than ever.  Although &gt;strong&lt;user bandwidth&gt;/strong&lt; is increasing, the filesize of assets has been growing in turn.
These factors, combined with the rise of the &gt;strong&lt;mobile web&gt;/strong&lt;, have made bandwidth the primary bottleneck in website performance.
Here are &gt;strong&lt;5 simple steps&gt;/strong&lt; to reduce download times with better asset management on your sites. &gt;a href="http://jonraasch.com/blog/5-asset-management-tricks-for-faster-websites"&lt;Read more...&gt;/a&lt;&gt;div class="feedflare"&lt;
&gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=EY06AxQeR2s:Du4qglBfDMU:yIl2AUoC8zA"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=yIl2AUoC8zA" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=EY06AxQeR2s:Du4qglBfDMU:gIN9vFwOqvQ"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=EY06AxQeR2s:Du4qglBfDMU:gIN9vFwOqvQ" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=EY06AxQeR2s:Du4qglBfDMU:V_sGLiPBpWU"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=EY06AxQeR2s:Du4qglBfDMU:V_sGLiPBpWU" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=EY06AxQeR2s:Du4qglBfDMU:F7zBnMyn0Lo"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=EY06AxQeR2s:Du4qglBfDMU:F7zBnMyn0Lo" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=EY06AxQeR2s:Du4qglBfDMU:qj6IDK7rITs"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=qj6IDK7rITs" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=EY06AxQeR2s:Du4qglBfDMU:TzevzKxY174"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=TzevzKxY174" border="0"&lt;&gt;/img&lt;&gt;/a&lt;
&gt;/div&lt;&gt;img src="http://feeds.feedburner.com/~r/jonraasch/~4/EY06AxQeR2s" height="1" width="1" alt=""/&lt;</description>
						<wfw:commentRss>http://jonraasch.com/blog/5-asset-management-tricks-for-faster-websites/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
							</item>
		<item>
		<title>Great Examples of Drawing With CSS</title>
		<link>http://jonraasch.com/blog/drawing-with-css</link>
				<comments>http://jonraasch.com/blog/drawing-with-css#comments</comments>
				<pubDate>Tue, 30 Mar 2010 17:34:15 +0000</pubDate>
		<dc:creator><![CDATA[Jon Raasch]]></dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[best practices]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[rendering]]></category>
		<category><![CDATA[UI]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[webdev]]></category>
		<guid isPermaLink="false">http://jonraasch.com/blog/?p=964</guid>
				<description>I&amp;#8217;ve always been a fan of drawing page components with pure CSS rather than using image support. Although rendering the page with CSS can sometimes be a pain, the rewards of fewer HTTP requests &amp;#38; less download time make it well worthwhile. Until recently, most web designers and developers couldn&amp;#8217;t design using CSS alone, because [&amp;#8230;]&gt;div class="feedflare"&lt;
&gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=E2PB5PhJbR4:S1DIr4clEU8:yIl2AUoC8zA"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=yIl2AUoC8zA" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=E2PB5PhJbR4:S1DIr4clEU8:gIN9vFwOqvQ"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=E2PB5PhJbR4:S1DIr4clEU8:gIN9vFwOqvQ" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=E2PB5PhJbR4:S1DIr4clEU8:V_sGLiPBpWU"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=E2PB5PhJbR4:S1DIr4clEU8:V_sGLiPBpWU" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=E2PB5PhJbR4:S1DIr4clEU8:F7zBnMyn0Lo"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=E2PB5PhJbR4:S1DIr4clEU8:F7zBnMyn0Lo" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=E2PB5PhJbR4:S1DIr4clEU8:qj6IDK7rITs"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=qj6IDK7rITs" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=E2PB5PhJbR4:S1DIr4clEU8:TzevzKxY174"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=TzevzKxY174" border="0"&lt;&gt;/img&lt;&gt;/a&lt;
&gt;/div&lt;&gt;img src="http://feeds.feedburner.com/~r/jonraasch/~4/E2PB5PhJbR4" height="1" width="1" alt=""/&lt;</description>
						<wfw:commentRss>http://jonraasch.com/blog/drawing-with-css/feed</wfw:commentRss>
		<slash:comments>14</slash:comments>
							</item>
		<item>
		<title>5 Reasons To Buy CS5 (And Not Just Steal It)</title>
		<link>http://jonraasch.com/blog/5-reasons-to-buy-cs5-and-not-just-steal-it</link>
				<comments>http://jonraasch.com/blog/5-reasons-to-buy-cs5-and-not-just-steal-it#comments</comments>
				<pubDate>Thu, 25 Mar 2010 21:00:08 +0000</pubDate>
		<dc:creator><![CDATA[Jon Raasch]]></dc:creator>
				<category><![CDATA[web design]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[CS5]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[licensing]]></category>
		<category><![CDATA[photoshop]]></category>
		<guid isPermaLink="false">http://jonraasch.com/blog/?p=887</guid>
				<description>&gt;a href="http://cs5launch.adobe.com/"&lt;Adobe CS5&gt;/a&lt; is coming out on April 12, and I can't wait.
This new release comes packed with a ton of awesome new features, such as &gt;a href="http://www.youtube.com/watch?v=NH0aEp1oDOI"&lt;content-aware fill&gt;/a&lt;, &gt;a href="http://www.youtube.com/watch?v=r8sEGVoTW9Q"&lt;painting&gt;/a&lt;, &gt;a href="http://www.youtube.com/watch?v=QNR0n_IK7MM"&lt;better edge detection&gt;/a&lt; and &gt;a href="http://www.youtube.com/watch?v=CUF3cJjcHdY"&lt;time-saving shortcuts&gt;/a&lt;.
But this post isn't about all of CS5's awesome features, it's about &gt;strong&lt;why you should actually buy it this time around&gt;/strong&lt;.
In a few weeks, just about anyone will be able to find a torrent, download link or burned copy of CS5.  It seems to me that Adobe unofficially condones this, similar to record labels unofficially allowing "leaked" videos on YouTube.   
Let's face it: readily available pirated copies of the Creative Suite allow Adobe to retain what is basically a monopoly on this software.   Amateur users, who would never actually purchase the software, find illegal copies and not only learn the Creative Suite, but more importantly don't learn something from a competitor.  Adobe then depends on professional users such as design agencies and larger freelancers to actually buy the software.&gt;div class="feedflare"&lt;
&gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=iJPNGBrHN4Y:gCpCS9G9Kgs:yIl2AUoC8zA"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=yIl2AUoC8zA" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=iJPNGBrHN4Y:gCpCS9G9Kgs:gIN9vFwOqvQ"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=iJPNGBrHN4Y:gCpCS9G9Kgs:gIN9vFwOqvQ" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=iJPNGBrHN4Y:gCpCS9G9Kgs:V_sGLiPBpWU"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=iJPNGBrHN4Y:gCpCS9G9Kgs:V_sGLiPBpWU" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=iJPNGBrHN4Y:gCpCS9G9Kgs:F7zBnMyn0Lo"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=iJPNGBrHN4Y:gCpCS9G9Kgs:F7zBnMyn0Lo" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=iJPNGBrHN4Y:gCpCS9G9Kgs:qj6IDK7rITs"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=qj6IDK7rITs" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=iJPNGBrHN4Y:gCpCS9G9Kgs:TzevzKxY174"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=TzevzKxY174" border="0"&lt;&gt;/img&lt;&gt;/a&lt;
&gt;/div&lt;&gt;img src="http://feeds.feedburner.com/~r/jonraasch/~4/iJPNGBrHN4Y" height="1" width="1" alt=""/&lt;</description>
						<wfw:commentRss>http://jonraasch.com/blog/5-reasons-to-buy-cs5-and-not-just-steal-it/feed</wfw:commentRss>
		<slash:comments>70</slash:comments>
							</item>
		<item>
		<title>Announcing the TranslateThis Button for WordPress</title>
		<link>http://jonraasch.com/blog/translate-this-button-for-wordpress</link>
				<comments>http://jonraasch.com/blog/translate-this-button-for-wordpress#comments</comments>
				<pubDate>Thu, 25 Feb 2010 17:42:51 +0000</pubDate>
		<dc:creator><![CDATA[Jon Raasch]]></dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[freebies]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[translation]]></category>
		<guid isPermaLink="false">http://jonraasch.com/blog/?p=831</guid>
				<description>I just released a new WordPress plugin to leverage the TranslateThis Button, a Javascript translation widget that uses the Google Language API.  This plugin provides an easy interface for customizing the options in the TranslateThis Button.  The widget can be either be displayed anywhere in your theme with a template tag, or be included as part of the widgetized sidebar.
The plugin provides a variety of settings that can be accessed in the WordPress admin section:
&gt;ul&lt;
&gt;li&lt;Control the languages in the dropdown and the text of the various UI elements.&gt;/li&lt;
&gt;li&lt;Enable Google Analytics tracking for translation events.&gt;/li&lt;
&gt;li&lt;Use new button imagery, or disable images altogether, opting for text-only links.&gt;/li&lt;
&gt;li&lt;Confine the translation to the post/comments, or translate the entire page.&gt;/li&lt;
&gt;li&lt;Disable the cookie, or allow the plugin to translate all the pages on your site automatically.&gt;/li&lt;
&gt;li&lt;And more...&gt;/li&lt;
&gt;/ul&lt;&gt;div class="feedflare"&lt;
&gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=FAi-7Biy7AI:Zh01hAH9m-8:yIl2AUoC8zA"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=yIl2AUoC8zA" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=FAi-7Biy7AI:Zh01hAH9m-8:gIN9vFwOqvQ"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=FAi-7Biy7AI:Zh01hAH9m-8:gIN9vFwOqvQ" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=FAi-7Biy7AI:Zh01hAH9m-8:V_sGLiPBpWU"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=FAi-7Biy7AI:Zh01hAH9m-8:V_sGLiPBpWU" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=FAi-7Biy7AI:Zh01hAH9m-8:F7zBnMyn0Lo"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?i=FAi-7Biy7AI:Zh01hAH9m-8:F7zBnMyn0Lo" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=FAi-7Biy7AI:Zh01hAH9m-8:qj6IDK7rITs"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=qj6IDK7rITs" border="0"&lt;&gt;/img&lt;&gt;/a&lt; &gt;a href="http://feeds.feedburner.com/~ff/jonraasch?a=FAi-7Biy7AI:Zh01hAH9m-8:TzevzKxY174"&lt;&gt;img src="http://feeds.feedburner.com/~ff/jonraasch?d=TzevzKxY174" border="0"&lt;&gt;/img&lt;&gt;/a&lt;
&gt;/div&lt;&gt;img src="http://feeds.feedburner.com/~r/jonraasch/~4/FAi-7Biy7AI" height="1" width="1" alt=""/&lt;</description>
						<wfw:commentRss>http://jonraasch.com/blog/translate-this-button-for-wordpress/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
							</item>
	</channel>
</rss><!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->