<?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>Planit - Ideas Transform &#187; website design</title>
	<atom:link href="http://www.planitagency.com/tag/website-design/feed" rel="self" type="application/rss+xml" />
	<link>http://www.planitagency.com</link>
	<description></description>
	<lastBuildDate>Fri, 27 Jan 2012 22:43:28 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.3</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>HTML Tricks: Cross Hatched Shadows</title>
		<link>http://www.planitagency.com/watercooler/html-tricks-cross-hatched-shadows</link>
		<comments>http://www.planitagency.com/watercooler/html-tricks-cross-hatched-shadows#comments</comments>
		<pubDate>Tue, 09 Aug 2011 15:54:43 +0000</pubDate>
		<dc:creator>aaron</dc:creator>
				<category><![CDATA[watercooler]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[website design]]></category>

		<guid isPermaLink="false">http://www.planitagency.com/?p=5628</guid>
		<description><![CDATA[Pixel patterns are a great way of adding subtle intricacy to design. When used correctly, it can add depth and focus to typography that normal "Web 2.0" tricks (glows, shadows and reflections) can't usually achieve.]]></description>
			<content:encoded><![CDATA[<p>Pixel patterns are a great way of adding subtle intricacy to design. When used correctly, it can add depth and focus to typography that normal &quot;Web 2.0&quot; tricks (glows, shadows and reflections) can&#39;t usually achieve.</p>
<p>CSS3 has a lot of great features too, but it doesn&#39;t have quite the power that illustrator&#39;s Graphical Styles can achieve. Lets say you want system text to mirror the text styles of a dollar bill:</p>
<p><img alt="xhatch" class="aligncenter size-full wp-image-5633" height="76" mce_src="http://www.planitagency.com/wp-content/uploads/2011/08/xhatch.png" src="http://www.planitagency.com/wp-content/uploads/2011/08/xhatch.png" title="xhatch" width="473" /></p>
<p>Sadly, there is no easy way to accomplish this, but I have a solution I&#39;ve been working on that degrades pretty gracefully and doesn&#39;t require any scripts to run. I&#39;ve nicknamed it &quot;Afterburning&quot;, and the idea is simple: Copy the text behind the element, offset it slightly, and apply a background image over for masking.</p>
<p><a href="http://www.planitagency.com/engraved-titles/index.html" target="_blank"><img alt="example" class="aligncenter size-full wp-image-5652" height="60" src="http://www.planitagency.com/wp-content/uploads/2011/08/example1.png" title="example" width="200" /></a></p>
<p>There are a few tricks being used:</p>
<ol>
<li>A new element is created using the CSS :before pseudo-element, this works in most modern browsers, but is ignored by IE, therefore the text looks normal when it isn&#39;t supported.</li>
<li>We cannot access and copy the text directly out of the element using CSS, but we can access any attributes that element has using <code>content: attr();</code>. In most cases, the &quot;title&quot; attribute isn&#39;t widely used for a header element, so we can copy the text content into this area for our :before CSS rule. The only side effect will be a tooltip when you hover over the text. If that is an issue, use the newly implemented &quot;data-&quot; attributes <a href="http://ejohn.org/blog/html-5-data-attributes/" mce_href="http://ejohn.org/blog/html-5-data-attributes/">discussed here</a>.</li>
<li>The image can be a transparent PNG or GIF (Animated for that matter), as long as the color matches the background of the header. Sadly, this is one of the issues with using this method, you&#39;ll need a solid color in the background for the effect to work.</li>
<li>I also added a slight outline to the text with a white CSS shadow. This adds a slight border to separate the text from the hatched-shadow.</li>
<li>You may need to adjust the line-height or padding of the header element to ensure the background covers the duplicated element.</li>
</ol>
<p>As with any modern filter, I wouldn&#39;t recommend it until CSS3 is more widely used. Nonetheless, small little flairs like these reward your users for browsing with the newest standards, while keeping your website content easy to update.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.planitagency.com/watercooler/html-tricks-cross-hatched-shadows/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
    
		<item>
		<title>IE6 is almost extinct</title>
		<link>http://www.planitagency.com/watercooler/ie6-is-almost-extinc</link>
		<comments>http://www.planitagency.com/watercooler/ie6-is-almost-extinc#comments</comments>
		<pubDate>Wed, 02 Jun 2010 15:45:55 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[watercooler]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[website design]]></category>
		<category><![CDATA[website development]]></category>

		<guid isPermaLink="false">http://www.planitagency.com/?p=4374</guid>
		<description><![CDATA["According to web analytics company StatCounter, Microsoft’s Internet Explorer 6 is now truly a relic of the past with less than 5% of market share in the U.S. and Europe." - Mashable]]></description>
			<content:encoded><![CDATA[<p>Yesterday&nbsp;<a href="http://mashable.com/2010/06/01/ie6-below-5-percent/">Mashable</a>&nbsp;reported that&nbsp;<a href="http://mashable.com/2010/06/01/ie6-below-5-percent/">IE6 is finally nearing extinction</a>.</p>
<table width="580">
<tbody>
<tr>
<td width="190"><a href="http://www.w3schools.com/browsers/browsers_stats.asp"><img alt="w3c" class="alignnone size-thumbnail wp-image-4376" height="87" src="http://www.planitagency.com/wp-content/uploads/2010/06/w3c-150x87.jpg" title="w3c" width="150" /></a><br />
W3C Browser Stats &#8211; 7.1%</td>
<td width="190"><a href="http://www.statowl.com/web_browser_usage_by_version.php?limit[]=ie&amp;limit[]=firefox&amp;limit[]=safari&amp;limit[]=chrome&amp;limit[]=opera&amp;limit[]=netscape"><img alt="statowl" class="alignnone size-thumbnail wp-image-4378" height="106" src="http://www.planitagency.com/wp-content/uploads/2010/06/statowl-150x106.jpg" title="statowl" width="150" /></a><br />
Stat Owl &#8211; 10.45%</td>
<td width="190"><a href="http://gs.statcounter.com/#browser_version-US-monthly-200905-201005-bar"><img alt="statcounter" class="alignnone size-thumbnail wp-image-4379" height="123" src="http://www.planitagency.com/wp-content/uploads/2010/06/statcounter-150x123.jpg" title="statcounter" width="150" /></a><br />
Stat Counter &#8211; 6.62%&nbsp;</td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>&quot;According to web analytics company StatCounter, Microsoft&rsquo;s Internet Explorer 6 is now truly a relic of the past with less than 5% of market share in the U.S. and Europe.&quot;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.planitagency.com/watercooler/ie6-is-almost-extinc/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
    
		<item>
		<title>Does your client have the IE6 blues? Edumacate&#8217;m</title>
		<link>http://www.planitagency.com/watercooler/does-your-client-have-the-ie6-blues-edumacatem</link>
		<comments>http://www.planitagency.com/watercooler/does-your-client-have-the-ie6-blues-edumacatem#comments</comments>
		<pubDate>Wed, 05 May 2010 14:24:55 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[watercooler]]></category>
		<category><![CDATA[website design]]></category>
		<category><![CDATA[website development]]></category>

		<guid isPermaLink="false">http://www.planitagency.com/?p=4190</guid>
		<description><![CDATA[So how do you make a beautifully designed site work for your Internet Explorer 6 audience?

Simple, edumacate'm.]]></description>
			<content:encoded><![CDATA[<h2>So how do you make a beautiful site like this work for your Internet Explorer 6 audience?</h2>
<p><a href="http://www.blueskyresumes.com/"><img alt="bluesky_good" class="alignnone size-full wp-image-4191" height="354" src="http://www.planitagency.com/wp-content/uploads/2010/05/bluesky_good.jpg" title="bluesky_good" width="520" /></a></p>
<p>&nbsp;</p>
<h3>Educate them on what they&#39;re missing and create a simplified version.</h3>
<p><img alt="bluesky_badIE6bad" class="alignnone size-full wp-image-4192" height="375" src="http://www.planitagency.com/wp-content/uploads/2010/05/bluesky_badIE6bad.jpg" title="bluesky_badIE6bad" width="520" /></p>
<p><strong>The tiny text says:</strong></p>
<p style="font-size: 90%; padding: 10px; border: 1px dashed #555; background-color: #333; color: #ddd;">Oops! It looks like you&rsquo;re using an old version of Internet Explorer to browse the Internet.&nbsp;<br />
Our site will work just fine for you, but it will look much prettier if you take a moment to upgrade your browser.<br />
Don&rsquo;t worry &ndash; upgrading only takes a second, it won&rsquo;t damage your computer, and you won&rsquo;t lose any files. Best of all, you&rsquo;ll probably find lots of other web sites load faster and look better after you switch.<br />
You can upgrade directly from Microsoft here or just remove this warning.</p>
<h4>Well played Bluesky, well played.</h4>
]]></content:encoded>
			<wfw:commentRss>http://www.planitagency.com/watercooler/does-your-client-have-the-ie6-blues-edumacatem/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
    
		<item>
		<title>An agency and its own website. A Catch-22. Or is it?</title>
		<link>http://www.planitagency.com/watercooler/an-agency-and-its-own-website-a-catch-22-or-is-it</link>
		<comments>http://www.planitagency.com/watercooler/an-agency-and-its-own-website-a-catch-22-or-is-it#comments</comments>
		<pubDate>Fri, 29 Jan 2010 16:48:44 +0000</pubDate>
		<dc:creator>matt</dc:creator>
				<category><![CDATA[watercooler]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[inside the agency]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[website design]]></category>

		<guid isPermaLink="false">http://www.planitagency.com/?p=764</guid>
		<description><![CDATA[At first take, it feels like the tale of the old cobbler and his children’s shoes. You know, the one about the shoemaker who is so busy mending and making shoes for customers that he has no time to make them for his own barefoot children? ]]></description>
			<content:encoded><![CDATA[<h2>At first take, it feels like the tale of the old cobbler and his childrens&#39; shoes. You know, the one about the shoemaker who is so busy mending and making shoes for customers that he has no time to make them for his own barefoot children?</h2>
<p>Too often, that is the case with agencies and their self-promotion tools. Especially their websites.&nbsp; We preach day-in and day-out to our clients about the critical importance of fresh, relevant online content. So, what&rsquo;s our excuse?</p>
<h3>The truth is, we don&rsquo;t have one.</h3>
<p>Granted, when you spend weeks, even months or more building (among other things) websites for some of the nation&#39;s greatest brands, it can be a challenge to do one for yourself. Especially one that is a true reflection of the agency&rsquo;s thinking, passion, abilities, and innovation. Add to that the agency&rsquo;s typical collective inability to come to consensus on design, content, and case studies. It can be the perfect recipe for a classic agency disaster&mdash;over budget, missed deadline, outdated content the day after it launches, and so on.</p>
<h3>We&rsquo;re striving to break that trend.&nbsp; We want our kids to have great shoes.</h3>
<p><strong><img align="left" alt="" height="188" src="http://www.planitagency.com/wp-content/uploads/image/old_computer(1).png" width="250" />We&rsquo;re proud to launch www.planitagency.com for so many reasons:</strong></p>
<ul>
<li>&nbsp;It offers us the opportunity to <strong>showcase our abilities as an industry-leading agency</strong> not only with design, but with functionality and content as well.</li>
<li>&nbsp;We&rsquo;re proud to showcase our clients&rsquo; work (and <strong>our work</strong> on their behalf)</li>
<li>&nbsp;<strong>We strive to lead by example.</strong> Play around our new site and you&rsquo;ll find that this website is so much more than just a website; it leverages the talents of our whole agency, from strategy to creative to PR to search to social media&hellip;</li>
<li>&nbsp;It puts our money where our mouth is by demonstrating how <strong>RELEVANT </strong>content is really king&mdash;how we have a responsibility to share content, opinions, thought leadership, ideas, complaints, even recommendations to our peers. In real time. Honest and unedited.</li>
<li>&nbsp;It offers a forum for us to entertain, inform, and include our friends, peers, clients, and prospects.</li>
<li>&nbsp;It makes concrete our passion to open the eyes of current and potential clients to the power of an integrated communications strategy.</li>
<li>&nbsp;It gives new friends a <strong>peek inside Planit</strong> (and therefore inside our culture) to learn about what it takes to be a member of the Planit team&mdash;because people hire people, not PowerPoints or RFP responses.</li>
</ul>
<p>If we do our job right, this site doesn&rsquo;t get old. I challenge my team to be sure it doesn&rsquo;t have outdated content, or last year&rsquo;s case studies or old news. I challenge them to bring new thinking to the table. The site should challenge you to challenge yourself. If we do our job (and I&rsquo;m confident we will), it won&rsquo;t become that Catch-22 that so many other agency sites are.</p>
<h3>Take a look around. Tell us what you REALLY think.</h3>
<p>Then join the conversation, disagree, challenge others, reap the benefits, learn something, grow, share it with a friend.</p>
<p>I hope you enjoy your visit. Come back often.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.planitagency.com/watercooler/an-agency-and-its-own-website-a-catch-22-or-is-it/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
    
		<item>
		<title>January 26- Today&#8217;s Reflection</title>
		<link>http://www.planitagency.com/watercooler/january-28-todays-reflection</link>
		<comments>http://www.planitagency.com/watercooler/january-28-todays-reflection#comments</comments>
		<pubDate>Tue, 26 Jan 2010 19:23:22 +0000</pubDate>
		<dc:creator>courtney</dc:creator>
				<category><![CDATA[deep thoughts with courtney stansbury]]></category>
		<category><![CDATA[watercooler]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[inside the agency]]></category>
		<category><![CDATA[interactive]]></category>
		<category><![CDATA[website design]]></category>
		<category><![CDATA[website development]]></category>

		<guid isPermaLink="false">http://www.planitagency.com/?p=2125</guid>
		<description><![CDATA[imminent launches
stress beats its wings on my head
then flutters away
]]></description>
			<content:encoded><![CDATA[<p>imminent launches<br />
stress beats its wings on my head<br />
then flutters away</p>
]]></content:encoded>
			<wfw:commentRss>http://www.planitagency.com/watercooler/january-28-todays-reflection/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
    
	</channel>
</rss>

