<?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>cdevroe.com &#187; css</title>
	<atom:link href="http://cdevroe.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://cdevroe.com</link>
	<description>by Colin Devroe</description>
	<lastBuildDate>Thu, 24 May 2012 15:29:58 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/>	<atom:link rel='hub' href='http://cdevroe.com/?pushpress=hub'/>
<cloud domain='cdevroe.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>Compress your CSS and Javascript with Pack</title>
		<link>http://cdevroe.com/links/compress-pack/</link>
		<comments>http://cdevroe.com/links/compress-pack/#comments</comments>
		<pubDate>Tue, 25 May 2010 16:16:31 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[Andrew Smith]]></category>
		<category><![CDATA[capistrano]]></category>
		<category><![CDATA[compress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[deployment]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[pack]]></category>
		<category><![CDATA[ror]]></category>
		<category><![CDATA[ruby]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=4060</guid>
		<description><![CDATA[Lead Designer at Viddler, Andrew Smith, has released Pack via the Viddler blog &#8211; which is what he uses to compress Viddler&#8217;s CSS and Javascript for deployment. Pack is written in Ruby and runs from the command-line. However, you could easily daisy chain it to Capistrano when doing deploys, like Andrew has done for Viddler, [...]]]></description>
			<content:encoded><![CDATA[<p>Lead Designer at <a href="http://viddler.com/">Viddler</a>, <a href="http://ashrewdmint.com/">Andrew Smith</a>, has <a href="http://blog.viddler.com/andrew/software-at-viddler-andrew-introduces-pack/">released Pack via the Viddler blog</a> &#8211; which is what he uses to compress Viddler&#8217;s CSS and Javascript for deployment.</p>
<p><a href="http://github.com/ashrewdmint/pack">Pack</a> is written in Ruby and runs from the command-line. However, you could easily daisy chain it to Capistrano when doing deploys, like Andrew has done for Viddler, to make it one less step to deploying code that is optimized for page load.</p>
<p>Oh, and his post includes a cat. So there&#8217;s that.</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/compress-pack/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pack your CSS and JavaScript</title>
		<link>http://cdevroe.com/links/pack-ashrewdmint/</link>
		<comments>http://cdevroe.com/links/pack-ashrewdmint/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 05:25:15 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[compress]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[pack]]></category>
		<category><![CDATA[ruby]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=3651</guid>
		<description><![CDATA[Pack, by fellow Viddler team member and friend Andrew Smith, is a great utility to compress your CSS and JavaScript for deployment. The real meat of Pack comes from its ability to take an entire directory of scripts and compress them using a set of instructions. Nice work Andrew.]]></description>
			<content:encoded><![CDATA[<p><a href="http://github.com/ashrewdmint/pack">Pack</a>, by fellow Viddler team member and friend <a href="http://ashrewdmint.tumblr.com/">Andrew Smith</a>, is a great utility to compress your CSS and JavaScript for deployment. The real meat of Pack comes from its ability to take an entire directory of scripts and compress them using a set of instructions. Nice work Andrew.</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/pack-ashrewdmint/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Pie Guy, a free web game for iPhone</title>
		<link>http://cdevroe.com/links/pie-guy/</link>
		<comments>http://cdevroe.com/links/pie-guy/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 15:55:12 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[application]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[game]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[iphone]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[neven mrgan]]></category>
		<category><![CDATA[open-source]]></category>
		<category><![CDATA[pie guy]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[web app]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=3265</guid>
		<description><![CDATA[Pie Guy is a fun game for your iPhone that is free, is installed via the Web (it is a fancy Web page), works offline, and is actually a lot of fun (works sorta like Pac-Man). Neven Mrgan, the developer of Pie Guy, built the game &#8211; not only so people can enjoy the game [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://media.tumblr.com/tumblr_ktn1zxjK1U1qz50x3.png" width="460" alt="Pie Guy, for iPhone." /></p>
<p><a href="http://mrgan.tumblr.com/post/257187093/pie-guy">Pie Guy</a> is a fun game for your iPhone that is free, is installed via the Web (it is a fancy Web page), works offline, and is actually a lot of fun (works sorta like Pac-Man).</p>
<p><a href="http://mrgan.tumblr.com/">Neven Mrgan</a>, the developer of Pie Guy, built the game &#8211; not only so people can enjoy the game &#8211; but to help show what is possible via HTML, JavaScript, and CSS for building games or applications on the iPhone using the Web browser rather than native cocoa technologies.</p>
<blockquote><p>&#8220;If you find Pie Guy a fun game to play, well thatâ€™s grand.</p>
<p>But, I hope Pie Guy will also be an opportunity for the code-savvy among you to learn a trick or two about making serious web apps for the iPhone. Just grab my source code and tweak it. Iâ€™m not talking about just a fancied-up webpage here; this is a fullscreen game, with fast gameplay and responsive touch controls. I canâ€™t wait to see what a better programmer does with this stuff (itâ€™s not hard to program better than me!)&#8221;</p></blockquote>
<p>A very notable thing to do and I hope a ton of talented developers take him up on it. I&#8217;d love to see stuff like <a href="http://jquery.com/">jQuery</a> for iPhone games/apps (which I&#8217;m sure exists in some form or another).</p>
<p>Also of note: As Neven pointed out in his announcement post &#8211; don&#8217;t try this on your first generation iPhones. This game only performs well on an iPhone 3GS.</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/pie-guy/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>You Microsoft Internet Explorer user you!</title>
		<link>http://cdevroe.com/notes/ie-support-kinda/</link>
		<comments>http://cdevroe.com/notes/ie-support-kinda/#comments</comments>
		<pubDate>Sun, 09 Nov 2008 19:43:27 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Notes]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[cdevroe.com]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[microsoft]]></category>
		<category><![CDATA[pch08]]></category>
		<category><![CDATA[podcamp hawaii]]></category>
		<category><![CDATA[updates]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=1288</guid>
		<description><![CDATA[I've updated my site's code a little for all of your Internet Explorer using....]]></description>
			<content:encoded><![CDATA[<p>So you use Windows. I&#8217;m <em>ok</em> with that I guess. Oh, you also browse the Internet with Internet Explorer? Version 6? Well, I just <em>can&#8217;t</em> live with that. In fact, I doubt you and I would get along at parties.</p>
<p>But, such as it is you are here, reading something on my site, and so I should &#8211; at the very least &#8211; show you a site that you can read. I didn&#8217;t say that I&#8217;d cater to you. No no, none of that here. But I will try my best to have my site display just well enough that you can read this &#8211; and perhaps switch to <a href="http://apple.com/safari/">another browser</a>.</p>
<p>While at <a href="http://podcamphawaii.com/">Podcamp Hawai&#8217;i</a> I pulled my site up on a screen in front of an entire theatre full of people. There was only one computer available to me that was already hooked up to the projector. I thought &#8220;How bad could it be?&#8221;. Well, it was pretty bad. My site looked <a href="http://skitch.com/cdevroe/5dtc/the-official-web-site-of-colin-devroe-microsoft-internet-explorer">like this</a>. Yeah, that bad.</p>
<p>So today I pulled out a ton of negative margins, a few class specifications that, for reasons I will probably never know, Internet Explorer does not support &#8211; and now you can see that the site looks relatively normal in IE.</p>
<p>I could probably do better with my site&#8217;s document code and styling to set myself up for multi-browser success. I know this. But, seriously. You could do much better if you&#8217;re using Internet Explorer as your browser-of-choice. So there.</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/notes/ie-support-kinda/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The CSS Selector proposal explained for CSS noobs</title>
		<link>http://cdevroe.com/notes/css-selectors-for-noobs/</link>
		<comments>http://cdevroe.com/notes/css-selectors-for-noobs/#comments</comments>
		<pubDate>Tue, 06 May 2008 15:45:44 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Notes]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[css selectors]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[john resig]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[proposal]]></category>
		<category><![CDATA[shaun-inman]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=695</guid>
		<description><![CDATA[Shaun Inman proposed something I didn't understand.  After working through it, I think I understand it.  Here is a noob explanation.]]></description>
			<content:encoded><![CDATA[<p>I am not well versed in CSS. Â I can get around. Â I can make a site look pretty good in Safari and horrible in Internet Explorer (look at this site in IE for a great example). Â But I&#8217;m a hacker at best. Â I fiddle with CSS until something looks right, I don&#8217;t follow conventions or standards, I don&#8217;t know what a box-model hack actually does, and I can&#8217;t even begin to tell you how to write browser specific CSS styles.</p>
<p>If you are a like me then <a href="http://www.shauninman.com/archive/2008/05/05/css_qualified_selectors">Shaun Inman&#8217;s proposal for CSS Selectors</a> will probably leave you with a furled brow.</p>
<p>Rather then being left standing in the dark I tried to wrap my head around what Shaun was trying to accomplish with his proposal. Â I didn&#8217;t get. Â But I wanted to. Â So I setup <a href="http://cdevroe.com/pages/css-selectors.html">a quick example page that illustrated my question</a>. Â I then hopped, skipped, and jumped over the Shaun&#8217;s Web site, and <a href="http://www.shauninman.com/archive/2008/05/05/css_qualified_selectors#comment_3933">asked what I was missing</a>. Â Shaun, kindly andÂ succinctly, <a href="http://www.shauninman.com/archive/2008/05/05/css_qualified_selectors#comment_3935">replied</a>.</p>
<h3>The non-CSS guru explanation of the CSS Selector proposal</h3>
<p>I can&#8217;t be sure that any of you reading this are in the same boat as I was. Â In fact, I&#8217;m sitting here thinking at all of you are smarter than I am when it comes to these things, and that you&#8217;re not even reading this right now. Â But if you are, and you&#8217;d like to understand this debate a little further, here is as simple an explanation as I can give.</p>
<p><em>A style can not be attributed to a parent element when a specific child element is present.</em></p>
<p>I don&#8217;t even know if I worded that correctly. Â I&#8217;m pretty sure I didn&#8217;t. Â So here is the long-winded version. Â In Shaun&#8217;s first example he shows that an image, that is wrapped with a link, would have the same style as a normal link. Â The problem is that, currently, CSS can not determine the differences between a normal link and a link that has an image within it. Â It just isn&#8217;t &#8220;smart&#8221; enough. Â That is, without the help of something that runs after the <abbr title="Document Object Model">DOM</abbr> has loaded fully like the awe-inspiring <a href="http://ejohn.org/blog/qualified-selectors-in-jquery/">John Resig&#8217;s jQuery plugin</a>.</p>
<p>Here is a quick explanation of what John Resig&#8217;s JavaScript is doing. Â Once the page loads, jQuery parses through the entire HTML document, determines which links &#8220;has images&#8221; (<a href="http://docs.jquery.com/Selectors/has#selector">see documentation here</a>) and then you may run specific JavaScript functions on those links specifically. Â You could, for example, add classes to those links dynamically with jQuery, rather than mucking up your code with classes inline.</p>
<p>Shaun&#8217;s proposal is to help make CSS, and browsers, &#8220;smart&#8221; enough to determine when styles <em>should be</em> attributed to links and <em>when not to be attributed</em> to links that contain images. Â This was only his first example, Shaun gives others.</p>
<p>I really hope I did an okay job explaining this for those of you that, like me, didn&#8217;t understand it before pounding my head against my desk.</p>
<h3>Addendum</h3>
<p>Shaun has hit me back with a succinctÂ definitionÂ that correctly uses the lingo.</p>
<blockquote><p>&#8220;CSS allows you to style elements based on their parent/ancestor elements but it does not allow you to style a parent element based on the presence of a descendant element.&#8221;</p></blockquote>
<p>You can look backwards, but you can&#8217;t look forwards. Â Thanks Shaun!</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/notes/css-selectors-for-noobs/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Naked for CSS Day</title>
		<link>http://cdevroe.com/notes/naked-css/</link>
		<comments>http://cdevroe.com/notes/naked-css/#comments</comments>
		<pubDate>Tue, 04 Apr 2006 13:12:02 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Notes]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[fun]]></category>
		<category><![CDATA[web-standards]]></category>

		<guid isPermaLink="false">http://cdevroe.com/notes/naked-css/</guid>
		<description><![CDATA[I'm going to participate in Naked for CSS Day.  I never liked clothes anyway.]]></description>
			<content:encoded><![CDATA[<p><a href="http://dustindiaz.com/">Dunstan Diaz</a>, a <a href="http://9rules.com/">9rules Network</a> Member, has decided to spearhead an effort to raise even more <a href="http://www.webstandards.org/">Web Standards</a> awareness by creating <a href="http://naked.dustindiaz.com/">a Naked for CSS Day</a>.</p>
<p>To participate, all you need to do is rip out your style sheet for one day, leaving nothing but your naked site to show in all of its semantic glory.  I will be participating, <a href="http://theubergeeks.net/">TUG.n</a> will be, as will many other sites.  Will you?</p>
<p><a href="http://cdevroe.newsvine.com/_news/2006/04/04/156024-css-naked-day">Vote for CSS Naked Day</a> on Newsvine.com.</p>
<p>Update:  I decided instead of participating on cdevroe.com (since I have a very minimal audience), I&#8217;m going to try to advocate the movement itself &#8211; in other ways.</p>
<p>[tags]css, web standards, fun[/tags]</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/notes/naked-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

