<?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>Atomic Playboy&#187; CSS</title>
	<atom:link href="http://atomicplayboy.net/blog/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://atomicplayboy.net</link>
	<description>All hail the mushroom cloud</description>
	<lastBuildDate>Sat, 22 May 2010 19:43:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Canonical URLs in WordPress</title>
		<link>http://atomicplayboy.net/blog/2009/03/05/canonical-urls/</link>
		<comments>http://atomicplayboy.net/blog/2009/03/05/canonical-urls/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 16:26:50 +0000</pubDate>
		<dc:creator>Johan Svensson</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[blogging]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://atomicplayboy.net/?p=650</guid>
		<description><![CDATA[Like any good obsessive-compulsive blogger, I frequently pour over my web site statistics looking for interesting stuff. One thing that caught my eye is that search results coming in from Google tends to link to threaded comment pages for entries. For example, I&#8217;d get hits to /blog/2009/03/05/entry-slug/comment-page-1/, which is an URL that&#8217;s pretty hard to [...]]]></description>
			<content:encoded><![CDATA[<p>Like any good obsessive-compulsive blogger, I frequently pour over my web site statistics looking for interesting stuff. One thing that caught my eye is that search results coming in from Google tends to link to threaded comment pages for entries.</p>

<p>For example, I&#8217;d get hits to <tt>/blog/2009/03/05/entry-slug/comment-page-1/</tt>, which is an <span class="caps">URL </span>that&#8217;s pretty hard to actually find on the page &#8212; it&#8217;s only used for permanent links to entry comments, with an anchor to the comment ID tacked on, <a href="http://atomicplayboy.net/blog/2009/02/23/spotify-bay/comment-page-1/#comment-49949">like this</a>.</p>

<p>What I&#8217;d prefer to see is incoming hits to the actual blog entry <span class="caps">URL </span>&#8211; <tt>/blog/2009/03/05/entry-slug/</tt> in this case. Luckily, there&#8217;s a smart and simple solution &#8212; canonical <span class="caps">URL</span>s. The Google Webmaster blog <a href="http://googlewebmastercentral.blogspot.com/2009/02/specify-your-canonical.html">explains it nicely</a> with examples.</p>

<p>So I simply add a canonical tag referencing the preferred <span class="caps">URL </span>in each page. Now, it&#8217;s just the <em>preferred</em> <span class="caps">URL </span>on my side &#8212; this is just a hint to search engines that tells them that this page is a duplicate, and that I&#8217;d prefer them to let results point to one particular page of these duplicates. In 99% of the cases it will be respected, though.</p>

<p>The actual code is just a few lines. Add this in <tt>header.php</tt> of your theme, somewhere in the head:</p>




<pre><code>
&lt;?php if (is_singular()) { ?&gt;
&lt;link rel="canonical" href="&lt;?php the_permalink() ?&gt;" /&gt;
&lt;?php } ?&gt;
</code></pre>




<p><tt><a href="http://codex.wordpress.org/Conditional_Tags#A_Single_Page.2C_Single_Post_or_Attachment">is_singular</a></tt> is a function that returns true if any of <tt>is_single()</tt>, <tt>is_page()</tt> or <tt>is_attachment</tt> return true &#8212; in other words, if you&#8217;re currently visiting a single entry, a page or an attachment.</p>

<p>With this, each entry sub-page of comments has the main entry <span class="caps">URL </span>as their canonical <span class="caps">URL.</span> Now to wait a few days and see when the search engines<sup class="footnote"><a href="#fn1">1</a></sup> pick up the change.</p>

<p class="footnote" id="fn1"><sup>1</sup> And by &#8220;search engines&#8221; I mean &#8220;Google.&#8221;</p><script src="http://feeds.feedburner.com/~s/AtomicPlayboy?i=http://atomicplayboy.net/blog/2009/03/05/canonical-urls/" type="text/javascript" charset="utf-8"></script>]]></content:encoded>
			<wfw:commentRss>http://atomicplayboy.net/blog/2009/03/05/canonical-urls/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Bookmarks for 26/01 through 02/02</title>
		<link>http://atomicplayboy.net/blog/2009/02/02/links/</link>
		<comments>http://atomicplayboy.net/blog/2009/02/02/links/#comments</comments>
		<pubDate>Mon, 02 Feb 2009 21:01:28 +0000</pubDate>
		<dc:creator>Johan Svensson</dc:creator>
				<category><![CDATA[Asides]]></category>
		<category><![CDATA[advertising]]></category>
		<category><![CDATA[Blu-Ray]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[DVD]]></category>
		<category><![CDATA[economy]]></category>
		<category><![CDATA[English]]></category>
		<category><![CDATA[entertainment]]></category>
		<category><![CDATA[games]]></category>
		<category><![CDATA[information architecture]]></category>
		<category><![CDATA[language]]></category>
		<category><![CDATA[media]]></category>
		<category><![CDATA[movies]]></category>
		<category><![CDATA[OS X]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[police]]></category>
		<category><![CDATA[proxies]]></category>
		<category><![CDATA[Safari]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user testing]]></category>
		<category><![CDATA[web browsers]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://atomicplayboy.net/?p=590</guid>
		<description><![CDATA[These are links I found interesting for 26/01 through 30/01]]></description>
			<content:encoded><![CDATA[<p>These are links I found interesting for 26/01 through 30/01:</p>


<ul>
<li><a href="http://glimmerblocker.org/">GlimmerBlocker</a> &#8212; Ad blocker for Safari implemented as a non-intrusive proxy.</li>
<li><a href="http://noscope.com/journal/2009/01/extra-image-tags-plugin">Noscope | Journal | Extra Image Tags Plugin</a> &#8212; This is a very minimalistic WordPress plugin, which finds all images you insert into your posts, and wrap them in extra divs, so you can style the hell out of them.</li>
<li><a href="http://www.uie.com/articles/three_hund_million_button">The $300 Million Button</a> &#8212; &#8220;It&#39;s hard to imagine a form that could be simpler: two fields, two buttons, and one link. Yet, it turns out this form was preventing customers from purchasing products from a major e-commerce site, to the tune of $300,000,000 a year. What was even worse: the designers of the site had no clue there was even a problem.&#8221;</li>
<li><a href="http://www.officer.com/web/online/Operations-and-Tactics/Cops-Talk-Funny/3$40630">Cops Talk Funny</a> &#8212; &#8220;From recruits in academies to senior officers and command staff, you talk funny when you take the stand. Is it in the water at the academies; is there a secret society where you&#39;re taught this special language?&#8221;</li>
<li><a href="http://www.gamesindustry.biz/articles/videogames-outsell-dvd-and-blu-ray-in-2008">Videogames outsell <span class="caps">DVD </span>and Blu-ray in 2008</a> &#8212; Retail sales of videogames overtook that of <span class="caps">DVD </span>and Blu-ray for the first time, as sales of packaged media grew 6 per cent worldwide to hit <span class="caps">USD</span> 61 billion in 2008, according to Media Control GfK International.</li>
</ul>

<script src="http://feeds.feedburner.com/~s/AtomicPlayboy?i=http://atomicplayboy.net/blog/2009/02/02/links/" type="text/javascript" charset="utf-8"></script>]]></content:encoded>
			<wfw:commentRss>http://atomicplayboy.net/blog/2009/02/02/links/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Naked Day</title>
		<link>http://atomicplayboy.net/blog/2008/04/09/naked-css-day/</link>
		<comments>http://atomicplayboy.net/blog/2008/04/09/naked-css-day/#comments</comments>
		<pubDate>Wed, 09 Apr 2008 13:48:58 +0000</pubDate>
		<dc:creator>Johan Svensson</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[memes]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://atomicplayboy.net/?p=441</guid>
		<description><![CDATA[Today is CSS Naked Day. The idea is simple: strip all CSS from your site for a day. If your site doesn&#8217;t degrade gracefully, shame on you! It may not be very pretty to look at (except in a 1995 kind of way), but my site is still fully readable. I didn&#8217;t make this WordPress [...]]]></description>
			<content:encoded><![CDATA[<p>Today is <a href="http://naked.dustindiaz.com/"><span class="caps">CSS</span> Naked Day</a>. The idea is simple: strip all <span class="caps">CSS </span>from your site for a day. If your site doesn&#8217;t degrade gracefully, shame on you!</p>

<p>It may not be very pretty to look at (except in a 1995 kind of way), but my site is still fully readable. I didn&#8217;t make this WordPress theme though, but I use the very same design principles &#8212; and this is essentially how blind people read web pages.</p><script src="http://feeds.feedburner.com/~s/AtomicPlayboy?i=http://atomicplayboy.net/blog/2008/04/09/naked-css-day/" type="text/javascript" charset="utf-8"></script>]]></content:encoded>
			<wfw:commentRss>http://atomicplayboy.net/blog/2008/04/09/naked-css-day/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visited</title>
		<link>http://atomicplayboy.net/blog/2005/08/05/visited/</link>
		<comments>http://atomicplayboy.net/blog/2005/08/05/visited/#comments</comments>
		<pubDate>Fri, 05 Aug 2005 21:31:48 +0000</pubDate>
		<dc:creator>Johan Svensson</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://atomicplayboy.net/?p=385</guid>
		<description><![CDATA[Why on earth didn&#8217;t I think of this myself? It&#8217;s so simple to do, yet incredibly elegant. Here&#8217;s what: That&#8217;s the list of recent del.icio.us links over at Lisa McMillan&#8217;s site. When I first visited I wondered why those two links had marked checkboxes, and when I realized they were links I had visited earlier [...]]]></description>
			<content:encoded><![CDATA[<p>Why on earth didn&#8217;t I think of this myself? It&#8217;s so simple to do, yet incredibly elegant. Here&#8217;s what:</p>

<p class="flickr"><img src="http://atomicplayboy.net/images/blog/050804-visited.png" width="" height="" alt="" title="" /></p>

<p>That&#8217;s the list of recent <a href="http://del.icio.us/">del.icio.us links</a> over at <a href="http://lisamcmillan.com/journal/">Lisa McMillan&#8217;s site</a>. When I first visited I wondered why those two links had marked checkboxes, and when I realized they were links I had visited earlier I instantly started to mentally slap my forehead for not thinking about that myself.</p>

<p>I&#8217;m totally stealing that idea for whenever I design my own theme for <a href="http://wordpress.org/">WordPress</a>. It&#8217;s very simple to do: make a list with unvisited links having one background, and visited links another background. It looks much more special and attractive than changing the link text alone.</p><script src="http://feeds.feedburner.com/~s/AtomicPlayboy?i=http://atomicplayboy.net/blog/2005/08/05/visited/" type="text/javascript" charset="utf-8"></script>]]></content:encoded>
			<wfw:commentRss>http://atomicplayboy.net/blog/2005/08/05/visited/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>The annual redesign</title>
		<link>http://atomicplayboy.net/blog/2003/12/13/the-annual-redesign/</link>
		<comments>http://atomicplayboy.net/blog/2003/12/13/the-annual-redesign/#comments</comments>
		<pubDate>Sat, 13 Dec 2003 04:09:15 +0000</pubDate>
		<dc:creator>Johan Svensson</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://atomicplayboy.net/blog/2003/12/13/the-annual-redesign/</guid>
		<description><![CDATA[Yup, new layout is live, but only on the front page as of right now. But I&#8217;m not quite sure if I&#8217;ll use it &#8212; there&#8217;s something that&#8217;s not quite right about it, and I was really fond of the last one. I&#8217;ll work some more on it and see if I can take the [...]]]></description>
			<content:encoded><![CDATA[<p>Yup, new layout is live, but only on the front page as of right now. But I&#8217;m not quite sure if I&#8217;ll use it &#8212; there&#8217;s something that&#8217;s not quite right about it, and I was really fond of the last one. I&#8217;ll work some more on it and see if I can take the best parts of the old one and combine with this one.</p>

<p>There are still a few <span class="caps">CSS </span>issues to iron out &#8212; Internet Explorer, as usual, is unable to center the contents on the page. To be fixed.</p>

<p>If you think the image at the top is huge, it&#8217;s because I intend to put some more content there. I&#8217;m thinking about writing my own photoblog software, with some random images grabbed from it to be displayed at the top of the page.</p><script src="http://feeds.feedburner.com/~s/AtomicPlayboy?i=http://atomicplayboy.net/blog/2003/12/13/the-annual-redesign/" type="text/javascript" charset="utf-8"></script>]]></content:encoded>
			<wfw:commentRss>http://atomicplayboy.net/blog/2003/12/13/the-annual-redesign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Like, switch!</title>
		<link>http://atomicplayboy.net/blog/2003/02/05/like-switch/</link>
		<comments>http://atomicplayboy.net/blog/2003/02/05/like-switch/#comments</comments>
		<pubDate>Wed, 05 Feb 2003 10:31:51 +0000</pubDate>
		<dc:creator>Johan Svensson</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://atomicplayboy.net/blog/2003/02/05/like-switch/</guid>
		<description><![CDATA[Yup. Took me all of fifteen minutes to make a quick PHP hack that points you to different style sheets. It&#8217;s in the bottom part of the sidebar. Currently only two styles available, but I&#8217;ll make more, you can count on that&#8230; I&#8217;m already getting tired of Warranty Void, the latest one. I always pick [...]]]></description>
			<content:encoded><![CDATA[<p>Yup. Took me all of fifteen minutes to make a quick <span class="caps">PHP </span>hack that points you to different style sheets. It&#8217;s in the bottom part of the sidebar. Currently only two styles available, but I&#8217;ll make more, you can count on that&#8230; I&#8217;m already getting tired of Warranty Void, the latest one.</p>

<p>I always pick strange names for my style sheets. The next one will be called Nuisance Value.</p><script src="http://feeds.feedburner.com/~s/AtomicPlayboy?i=http://atomicplayboy.net/blog/2003/02/05/like-switch/" type="text/javascript" charset="utf-8"></script>]]></content:encoded>
			<wfw:commentRss>http://atomicplayboy.net/blog/2003/02/05/like-switch/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk
Page Caching using disk (enhanced)

Served from: atomicplayboy.net @ 2012-02-11 04:37:52 -->
