<?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/"
	 xmlns:slash="http://purl.org/rss/1.0/modules/slash/" 
>

<channel>
	<title>Daniel Bergey &#187; webdesign</title>
	<atom:link href="http://danielbergey.com/motion/tag/webdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://danielbergey.com/motion</link>
	<description>Commotion</description>
	<lastBuildDate>Mon, 02 Nov 2009 02:45:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Rounded Shadows in Chrome</title>
		<link>http://danielbergey.com/motion/2008/12/540/</link>
		<comments>http://danielbergey.com/motion/2008/12/540/#comments</comments>
		<pubDate>Sat, 13 Dec 2008 02:27:58 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[bug]]></category>
		<category><![CDATA[chrome]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[safari]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.danielbergey.com/weblog/?p=540</guid>
		<description><![CDATA[Google Chrome, the browser-as-a-modern-operating-system, came out of beta earlier this week. I love that Chrome uses Safari&#8217;s WebKit engine. I love that the version it uses is more advanced than that which Safari uses, so you not only get to use fancy CSS3-esque features like box-shadow: and border-radius:, but it features the improved Web Inspector. [...]]]></description>
			<content:encoded><![CDATA[<p>Google Chrome, the <a href="http://www.google.com/chrome/intl/en/webmasters-faq.html#newtab">browser-as-a-modern-operating-system</a>, came out of beta earlier this week.</p>

<p>I love that Chrome uses Safari&#8217;s WebKit engine. I love that the version it uses is more advanced than that which Safari uses, so you not only get to use fancy CSS3-esque features like <code>box-shadow:</code> and <code>border-radius:</code>, but it features the improved <a href="http://webkit.org/blog/197/web-inspector-redesign/">Web Inspector</a>.</p>

<p>But I find it rather silly to show rounded corners and drop shadows if you have this problem (Safari also shown for comparison):</p>

<p><style>table.images, table.images td {border: none; text-align:center; width: auto;}</style></p>

<div align="center"><table class="images">
<tr><td><img src="http://www.danielbergey.com/weblog/wp-content/uploads/2008/12/barracuda-backup-control-panel.jpg" alt="Barracuda Backup Control Panel.jpg" border="0" width="126" height="142" /></td>
<td><img border="1" src="http://www.danielbergey.com/weblog/wp-content/uploads/2008/12/barracuda-backup-control-panel-google-chrome-xp-pro-ie7.jpg" alt="Barracuda Backup Control Panel - Google Chrome — XP Pro - IE7.jpg" width="126" height="142" /></td></tr>
<tr><td>Safari 3.0</td><td>Chrome 1.0</td></tr>
</table>
</div>

<p>Remember, Chrome and Safari use the same layout engine. <a href="http://code.google.com/p/chromium/issues/detail?id=128">This bug</a> only shows up when you use <code>box-shadow:</code> and <code>border-radius:</code> together .. in Chrome.</p>

<p>When IE &amp; FireFox can&#8217;t show either the shadows or rounded corners, they at least fail gracefully.</p>

<p>If anyone has found a way to make Chrome behave, I&#8217;d love to hear about it. I&#8217;d like to be able to recommend people to a Windows browser (other than the awkward-on-that-platform Safari) in which to view my work with optimal presentation.</p>
<div class="smartshare" style="display: none;"></div>]]></content:encoded>
			<wfw:commentRss>http://danielbergey.com/motion/2008/12/540/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	<slash:comments>0</slash:comments>
	</item>
		<item>
		<title>IE Version Reporting in jQuery</title>
		<link>http://danielbergey.com/motion/2008/09/ie-version-reporting-in-jquery/</link>
		<comments>http://danielbergey.com/motion/2008/09/ie-version-reporting-in-jquery/#comments</comments>
		<pubDate>Thu, 25 Sep 2008 04:40:07 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.danielbergey.com/weblog/?p=524</guid>
		<description><![CDATA[Lately in the course of programming events, it came to my attention that under some circumstances IE 7 identifies itself as both IE 6 and IE 7 in the same userAgent string. Worse, I discovered to my horror that jQuery reports it as IE 6 if the IE 6 declaration happens to be ordered last. [...]]]></description>
			<content:encoded><![CDATA[<p>Lately in the course of programming events, it came to my attention that under some circumstances IE 7 identifies itself as both IE 6 and IE 7 in the same userAgent string. Worse, I discovered to my horror that jQuery reports it as IE 6 if the IE 6 declaration happens to be ordered last. This would never do.</p>

<p>The following code snippet will refine jQuery&#8217;s browser detection (tested in 1.2.6, <a href="http://dev.jquery.com/ticket/3402">patch submitted for 1.3</a>), and makes sure that if two or more IE version declarations are present in the userAgent string, jQuery reports the highest of them.</p>

<p><style>
code[language=javascript] {
    font: 10px &#8220;bitstream vera sans mono&#8221;, monaco, courier;
    line-height: 140%;
    white-space: pre;
    padding: 0&#160;20px 12px 20px;
    background: #eee;
    color: #666;
    display: block;
    border: 3px solid #ccc;
    border-width: 2px 0;
    overflow: auto;
}
</style>
<code language="javascript">
// Ensure that we report the highest IE version present in the userAgent string
if ( jQuery.browser.msie )
    jQuery.browser.version = (userAgent.match( /ie ([\d.]+)/ig ) || [])
        .sort().pop().replace( /[^\d.]/g, '' );
</code></p>

<p>To use it, you can either paste it into your jquery.js just after the browser detection stuff (harder), or include it as a script plugin after your jQuery script tag (easier).</p>

<div class="warning"><b>Disclaimer:</b> I&#8217;ve done some rudimentary testing, but you&#8217;re responsible for testing it in your own web project.</div>

<p>This all comes about for several reasons: the True IE 6 obviously won&#8217;t be mentioning IE 7 because it didn&#8217;t exist at release time, but the True IE 7 might want to pretend it was IE 6 for compatibility with older pages. There&#8217;s also apparently <a href="http://jamazon.co.uk/web/2008/07/23/an-ie7-bug-that-returns-msie-60-user-agent-string/">a situation</a> wherein an extra-long Windows registry entry will overwhelm IE 7 to the point where it falls back to reporting itself as IE 6.</p>

<p>If similar situations arise after IE 8 (final) is released, this code should take care of those, too. I say &#8220;should,&#8221; because I obviously don&#8217;t know what IE&#8217;s going to do in the future. (Sometimes I don&#8217;t even know what IE&#8217;s doing <em>right now</em>.)</p>
<div class="smartshare" style="display: none;"></div>]]></content:encoded>
			<wfw:commentRss>http://danielbergey.com/motion/2008/09/ie-version-reporting-in-jquery/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	<slash:comments>3</slash:comments>
	</item>
		<item>
		<title>July 4th Notes</title>
		<link>http://danielbergey.com/motion/2008/07/july-4th-notes/</link>
		<comments>http://danielbergey.com/motion/2008/07/july-4th-notes/#comments</comments>
		<pubDate>Sat, 05 Jul 2008 04:02:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Blogging]]></category>
		<category><![CDATA[Books]]></category>
		<category><![CDATA[Life]]></category>
		<category><![CDATA[Work]]></category>
		<category><![CDATA[coffee]]></category>
		<category><![CDATA[crackerbarrel]]></category>
		<category><![CDATA[debt]]></category>
		<category><![CDATA[finance]]></category>
		<category><![CDATA[frasier]]></category>
		<category><![CDATA[julyfourth]]></category>
		<category><![CDATA[patriotism]]></category>
		<category><![CDATA[peace]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[tv]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.danielbergey.com/weblog/?p=514</guid>
		<description><![CDATA[I finished a consulting project yesterday that had been taking up most of my free time for the past couple of weeks. It has been nice to relax so far this weekend without that constant worry: &#8220;Isn&#8217;t there something else productive that I should be working on?&#8221; And for the first time in quite a [...]]]></description>
			<content:encoded><![CDATA[<p>I finished a <a href="http://www.thedeal.com/newsweekly/dealmakers.php">consulting project</a> yesterday that had been taking up most of my free time for the past couple of weeks. It has been nice to relax so far this weekend without that constant worry: &#8220;Isn&#8217;t there something else productive that I should be working on?&#8221; And for the first time in quite a while, I let myself sleep in late this morning &#8212; with the unfortunate result that I forgot to drink coffee until like two o&#8217;clock. Headache City.</p>

<p>Coming from <a href="http://en.wikipedia.org/wiki/Peace_churches">an historic peace church</a>, I&#8217;m not much for patriotism and the holidays thereof. But I&#8217;ve always liked watching the fireworks, and this afternoon I found myself &#8212; quite inspirationally, mind you &#8212; whistling <em>Stars &amp; Stripes Forever</em>. Sometimes things just stick with you.</p>

<p>A <a href="http://www.fairlyordinary.com/2008/06/downtown-with-family/">family member</a> gave us a gift card to <a href="http://www.crackerbarrel.com/">Cracker Barrel</a><sup id="fnref:1"><a href="#fn:1" rel="footnote">1</a></sup> recently, and it was a fun Fourth-y place to eat brunch, even though it&#8217;s somewhat stressful to take a 15-month-old to a sit-down restaurant. Afterwards, I picked up <em><a href="http://www.amazon.com/Practices-Agile-Developer-Pragmatic-Programmers/dp/097451408X/">Practices of an Agile Developer</a></em> and <em><a href="http://www.amazon.com/Dreaming-Code-Programmers-Transcendent-Software/dp/1400082471/">Dreaming in Code</a></em> at the nearby <a href="http://www.booksamillion.com">Books-A-Million</a><sup id="fnref:2"><a href="#fn:2" rel="footnote">2</a></sup>, though I am now annoyed to see that it looks like I could have gotten them both for half what I paid, had I purchased them from Amazon&#8217;s Used section. I&#8217;m glad I got them, though. Hopefully I can find time to get through <em>Practices</em> this weekend.</p>

<p><a href="http://www.fairlyordinary.com/">Jennifer</a> is sitting in her chair next to mine working mapping out our <a href="http://www.daveramsey.com/etc/cms/index.cfm?intContentID=4055">debt snowball</a><sup id="fnref:3"><a href="#fn:3" rel="footnote">3</a></sup>. I&#8217;m hoping she finishes soon so we can go <a href="http://www.netflix.com/Movie/Frasier_Season_6_Disc_3/70037015">crash</a>.</p>

<p>Oh yeah, and I hope to make this blogging thing a regular deal.</p>

<div class="footnotes">
<hr />
<ol>

<li id="fn:1">
<p>Or, colloquially, <em>The</em> Cracker Barrel.&#160;<a href="#fnref:1" rev="footnote">&#8617;</a></p>
</li>

<li id="fn:2">
<p>And wow: both Cracker Barrel <em>and</em> Books-A-Million could do with a website overhaul. That&#8217;d be a fun exercise; maybe I&#8217;ll play with some ideas sometime soon.&#160;<a href="#fnref:2" rev="footnote">&#8617;</a></p>
</li>

<li id="fn:3">
<p>In <a href="http://office.microsoft.com/excel">Excel</a>, her favorite. I&#8217;ve yet to convert her to <a href="http://www.apple.com/iwork/numbers/">Numbers</a>.&#160;<a href="#fnref:3" rev="footnote">&#8617;</a></p>
</li>

</ol>
</div>
<div class="smartshare" style="display: none;"></div>]]></content:encoded>
			<wfw:commentRss>http://danielbergey.com/motion/2008/07/july-4th-notes/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	<slash:comments>6</slash:comments>
	</item>
	</channel>
</rss>
