<?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; web-design</title>
	<atom:link href="http://cdevroe.com/tag/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://cdevroe.com</link>
	<description>by Colin Devroe</description>
	<lastBuildDate>Thu, 09 Feb 2012 13:49:52 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</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>Style guides make code collaboration easier.</title>
		<link>http://cdevroe.com/links/code-style-guides/</link>
		<comments>http://cdevroe.com/links/code-style-guides/#comments</comments>
		<pubDate>Mon, 29 Mar 2010 13:46:06 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[development]]></category>
		<category><![CDATA[jonathan christopher]]></category>
		<category><![CDATA[monday by noon]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[style guide]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=3810</guid>
		<description><![CDATA[In this week&#8217;s Monday By Noon article Jonathan Christopher covers establishing style guides in code to make collaboration between multiple developers easier. Although it may seem like an anal attempt at control style guides can go along way in making a lot things easier in the project workflow. Reading through and fixing bugs in someone [...]]]></description>
			<content:encoded><![CDATA[<p>In this week&#8217;s <a href="http://mondaybynoon.com/">Monday By Noon</a> article Jonathan Christopher covers <a href="http://mondaybynoon.com/2010/03/29/establishing-style-guides/">establishing style guides in code</a> to make collaboration between multiple developers easier.</p>
<p>Although it may seem like an anal attempt at control style guides can go along way in making a lot things easier in the project workflow. Reading through and fixing bugs in someone else&#8217;s code, less conflicts will occur when merging branches and the speed at which new features can be added are all fringe benefits.</p>
<p>As Jon said: &#8220;It helps with everything from readability to quality control and especially helps a team become that much more cohesive.&#8221; So, do it.</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/code-style-guides/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Premium Tumblr themes</title>
		<link>http://cdevroe.com/links/premium-tumblr-themes/</link>
		<comments>http://cdevroe.com/links/premium-tumblr-themes/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 14:22:39 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[monetization]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[tumblr]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=3784</guid>
		<description><![CDATA[Tumblr has announced that there are now premium themes available for Tumblr. Premium meaning that they cost money and are generally much more refined then the over 350 free themes already available for Tumblr. Two things: First, I love that Tumblr is doing things to monetize their platform for both themselves and their design-savvy community. [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://tumblr.com/">Tumblr</a> has <a href="http://staff.tumblr.com/post/470140037/premium-themes">announced</a> that there are now <a href="http://www.tumblr.com/themes/premium">premium themes available for Tumblr</a>. Premium meaning that they cost money and are generally much more refined then the <a href="http://www.tumblr.com/themes/">over 350 free themes</a> already available for Tumblr.</p>
<p>Two things: First, I love that Tumblr is doing things to monetize their platform for both themselves and their design-savvy community. Any service that you love should, at some point, begin to monetize. If they don&#8217;t, they won&#8217;t survive. These types of moves by Tumblr are moves that will ensure their longevity as a service. Second, I think some of the free themes could easily be pulled into the Premium themes category and the designers of which could make a few dollars on them (since this model wasn&#8217;t available when they originally designed their free Tumblr themes). I wonder if Tumblr reached out to some of them?</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/premium-tumblr-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mike Matas&#8217; new Web site</title>
		<link>http://cdevroe.com/links/matas-site/</link>
		<comments>http://cdevroe.com/links/matas-site/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 13:36:28 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[mike matas]]></category>
		<category><![CDATA[photography]]></category>
		<category><![CDATA[photolog]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=3777</guid>
		<description><![CDATA[Mike Matas, the designer behind things like Delicious Library, many of the iPhone&#8217;s interfaces, Photo Booth, and most recently the iPad&#8217;s Maps and Photos applications, has a brand new Web site. Stunning and cool.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.mikematas.com/">Mike Matas</a>, the designer behind things like <a href="http://delicious-monster.com/">Delicious Library</a>, many of the iPhone&#8217;s interfaces, Photo Booth, and most recently the iPad&#8217;s Maps and Photos applications, has <a href="http://www.mikematas.com/">a brand new Web site</a>. Stunning and cool.</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/matas-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>A Fall refresh</title>
		<link>http://cdevroe.com/notes/cdevroe-fall/</link>
		<comments>http://cdevroe.com/notes/cdevroe-fall/#comments</comments>
		<pubDate>Wed, 28 Oct 2009 13:31:40 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Notes]]></category>
		<category><![CDATA[cdevroe.com]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fall]]></category>
		<category><![CDATA[update]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=2936</guid>
		<description><![CDATA[I know we&#8217;re 1/3 of the way through Fall but for those of you that haven&#8217;t yet visited the site in a little while &#8211; come take a look at the Fall refresh.]]></description>
			<content:encoded><![CDATA[<p>I know we&#8217;re 1/3 of the way through Fall but for those of you that haven&#8217;t yet <a href="http://cdevroe.com/">visited the site</a> in a little while &#8211; come take a look at the Fall refresh.</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/notes/cdevroe-fall/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Videos from The Future of Web Design in New York City, Fall 2007</title>
		<link>http://cdevroe.com/links/fowd-2007-videos/</link>
		<comments>http://cdevroe.com/links/fowd-2007-videos/#comments</comments>
		<pubDate>Wed, 28 May 2008 19:53:42 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[37signals]]></category>
		<category><![CDATA[andy clarke]]></category>
		<category><![CDATA[blue flavor]]></category>
		<category><![CDATA[brian fling]]></category>
		<category><![CDATA[carsonified]]></category>
		<category><![CDATA[cindy li]]></category>
		<category><![CDATA[elliot jay stocks]]></category>
		<category><![CDATA[fowd]]></category>
		<category><![CDATA[future of web design]]></category>
		<category><![CDATA[javits center]]></category>
		<category><![CDATA[jeffery zeldman]]></category>
		<category><![CDATA[jina-bolton]]></category>
		<category><![CDATA[jonathan snook]]></category>
		<category><![CDATA[josh williams]]></category>
		<category><![CDATA[joshua davis]]></category>
		<category><![CDATA[keith robinson]]></category>
		<category><![CDATA[lea alcantara]]></category>
		<category><![CDATA[matthew patterson]]></category>
		<category><![CDATA[new-york-city]]></category>
		<category><![CDATA[nyc]]></category>
		<category><![CDATA[presentations]]></category>
		<category><![CDATA[ryan sims]]></category>
		<category><![CDATA[ryan singer]]></category>
		<category><![CDATA[ryan-carson]]></category>
		<category><![CDATA[slides]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[virb]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=738</guid>
		<description><![CDATA[An easy way to watch all of the video from The Future of Web Design from New York City in November 2007.]]></description>
			<content:encoded><![CDATA[<p>Late last year I was privileged enough to find the time to attend <a href="http://www.futureofwebdesign.com/">The Future of Web Design</a> in New York City. Â Some of my friends were presenting, the <a href="http://www.carsonified.com/">Carsonified</a> team always puts together great events, and the event was relatively in my own backyard so the decision to attend was easy.</p>
<p>After the conference Ryan Carson, founder of Carsonified, told the attendees they&#8217;d make the video available online for free to all attendees because of some of the presentations issues they had. Â Turns out the weather was beautiful in New York City and, because of the sunlight shining through the Javits Center, it was hard to see the presentations on screen. Â I asked Ryan if we could share it through <a href="http://viddler.com/">Viddler</a> in a private way to attendees and he said &#8220;Absolutely.&#8221;</p>
<p>Long story short, for the first time ever <a href="http://cdevroe.com/fowd/"><strong>this video is now available to the public</strong></a> whether or not you attended the conference. Â And don&#8217;t think because these presentations were done in November of 2007 that they aren&#8217;t just as valuable today as they were then. Â I just watched them all again, as every one did a great job.</p>
<p>Some of the presenters from The Future of Web Design were <a href="http://joshuadavis.com/">Joshua Davis</a>, Ryan Signer of <a href="http://37signals.com">37signals</a>, <a href="http://zeldman.com/">Jeffery Zeldman</a>, <a href="http://www.stuffandnonsense.co.uk/">Andy Clarke</a>, <a href="http://firewheeldesign.com/">Josh Williams</a>, <a href="http://www.flingmedia.com/">Brian Fling</a>, <a href="http://snook.ca/">Jonanthan Snook</a>, <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a>, <a href="http://lealea.net/">Lea Alcantara</a>, <a href="http://justwatchthesky.com/">Ryan Sims</a> and <a href="http://dkeithrobinson.com/">D. Keith Robinson</a>, <a href="http://jinabolton.com/">Jina Bolton</a>, <a href="http://cindyli.com/">Cindy Li</a>, and <a href="http://campaignmonitor.com/">Matthew Patterson</a>.</p>
<p>So here you go, one place to watch all of the video, download the slides, and download the audio from these presentations. Â This just saved you $150USD! Â Also, watch <a href="http://viddler.com/fowd/">the Future of Web Design&#8217;s Viddler account</a>, as I think there will be much more to see there in the future.</p>
<p>Source: <a href="http://cdevroe.com/fowd/"><strong>The Future of Web Design, New York 2007 videos</strong></a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/fowd-2007-videos/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Dan Phiffer&#8217;s Web site</title>
		<link>http://cdevroe.com/links/phiffer-org/</link>
		<comments>http://cdevroe.com/links/phiffer-org/#comments</comments>
		<pubDate>Wed, 07 May 2008 15:38:43 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Links]]></category>
		<category><![CDATA[dan phiffer]]></category>
		<category><![CDATA[layouts]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://cdevroe.com/?p=698</guid>
		<description><![CDATA[A neat Web design by Dan Phiffer.]]></description>
			<content:encoded><![CDATA[<p>I am not even sure how I came across this site. Â A few days ago I found myself browsing Dan Phiffer&#8217;s Web site and I have to say, it is probably one of the more innovative sites I&#8217;ve seen in a while.</p>
<p>There are some drawbacks, however: After visiting the site numerous times you kinda forget what you&#8217;ve seen and what you haven&#8217;t. Â Subscribing to his feed is actually the feed to his blog powered by Tumblr. Â And, some of the links from the front page have no way of getting back without clicking the back button on the browser or hacking up the URL.</p>
<p>But what this site lacks is made up for by the fun of actually playing with it. Â Very cool. Â Pushing the envelope. Kudos.</p>
<p>Source: <a href="http://phiffer.org/">Dan Phiffer (phiffer.org)</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/links/phiffer-org/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>Float like a butterfly, sting like a bee</title>
		<link>http://cdevroe.com/notes/9rules-ali/</link>
		<comments>http://cdevroe.com/notes/9rules-ali/#comments</comments>
		<pubDate>Fri, 09 Feb 2007 15:14:05 +0000</pubDate>
		<dc:creator>Colin Devroe</dc:creator>
				<category><![CDATA[Notes]]></category>
		<category><![CDATA[9rules]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[community]]></category>
		<category><![CDATA[mike-rundle]]></category>
		<category><![CDATA[muhammad-ali]]></category>
		<category><![CDATA[Paul-Scrivens]]></category>
		<category><![CDATA[redesign]]></category>
		<category><![CDATA[social-network]]></category>
		<category><![CDATA[thoughts]]></category>
		<category><![CDATA[Tyme-White]]></category>
		<category><![CDATA[web-design]]></category>

		<guid isPermaLink="false">http://cdevroe.com/notes/9rules-ali/</guid>
		<description><![CDATA[9rules Ali: "I am the greatest, I said that even before I knew I was."]]></description>
			<content:encoded><![CDATA[<p><a href="http://9rules.com/">9rules</a>, former employer of yours truly and quite possibly <em>the</em> fastest growing brand in blogging, has recently redesigned their site; which was codenamed Ali during development.</p>
<div class="postImage-left"><a href="http://9rules.com/" title="Visit 9rules.com"><img src="http://cdevroe.com/wp-content/9rulesali.jpg" alt="Brining Social Back - 9rules" /></a></div>
<p>I am not a huge boxing fan (since I don&#8217;t watch boxing all that much I wouldn&#8217;t want to  call myself a fan for fear of being ridiculed) but I am a fan of <a href="http://en.wikipedia.org/wiki/Muhammad_Ali" title="Muhammad Ali on Wikipedia">Muhammad Ali</a>, and his boxing style and career.  When I read <a href="http://wisdump.com/9rules/my9rules-bringing-social-back/">Paul&#8217;s entry about the redesign</a>, and when he referred to it as Ali, I got a little bit frightened.  Would the new site hold a candle to my thoughts on Ali?</p>
<p>Being that I am familiar with the system that runs 9rules (which I&#8217;m sure, from what I&#8217;m seeing now, has been improved 10-fold since my tenure) I know that an enormous amount of hard work went into creating this iteration of the site.  Style, layout, and panache aside &#8211; the underpinnings of the new 9rules.com is a monumental upgrade from the previous code-base which was a mashup of the incredibly <em>crappy</em> code I wrote while I was there and Mike Rundle trying to patch said crap.  I&#8217;d be willing to wager that only a small percentage, or almost none-at-all, of the code that I wrote is still in use at 9rules (which is a blessing for them, trust me).</p>
<p>In other words: the 9rules team did as Ali taught: <i>&#8220;I run on the road, long before I dance under the lights.&#8221;</i>  They were willing to go back to the &#8220;drawing board&#8221; to rebuild their architecture simply to make it more manageable, faster, and more stable.  And really this is something the general public, or any of their members for that matter, wouldn&#8217;t have noticed &#8211; but this is exactly what they should have done.  And from what I&#8217;ve seen so far they&#8217;ve accomplished what they set out to do.</p>
<p>So, does it hold a candle to my thoughts on Ali?  Actually &#8211; it blew the candle right out.  I&#8217;m <em>really</em> impressed by this accomplishment.</p>
<p>Take a look around the new 9rules.  I think you will like what you see.  <a href="http://9rules.com/register/">Register for an account</a> so that you can take advantage of <a href="http://9rules.com/notes/">notes</a> (which got a huge shot of nitro in this release) and <a href="http://9rules.com/my/">my.9rules</a> (which is brand-new) &#8211; which are teeming with life right now.  Oh and don&#8217;t forget to play around with <a href="http://9rules.com/topics/">topics</a>, which is a feature that 9rules has wanted to do for quite awhile and I think they pulled it off really well.  I&#8217;ve been messing around in <a href="http://9rules.com/topics/apple/">the apple topic</a> all morning.</p>
<p>Kudos Paul, Mike, and Tyme.  You guys are class acts and 9rules Ali is really great.  I recommend everyone buying these guys a drink, or a milk for Mike, at <a href="http://2007.sxsw.com/">SXSW</a>.</p>
<p>To leave you with another quote from Ali, that I feel applies to the 9rules team: <i>&#8220;Champions aren&#8217;t made in gyms. Champions are made from something they have deep inside them-a desire, a dream, a vision. They have to have last-minute stamina, they have to be a little faster, they have to have the skill and the will. But the will must be stronger than the skill. &#8220;</i></p>
<p>[tags]9rules, paul scrivens, mike rundle, tyme white, redesign, muhammad ali, blogging, community, social network, <a href="http://www.webtronix.de">web design</a>, thoughts[/tags]<br />
[slug]9rules-Ali[/slug]</p>
]]></content:encoded>
			<wfw:commentRss>http://cdevroe.com/notes/9rules-ali/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

