<?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>User Interface Trends &#187; HTTP headers</title>
	<atom:link href="http://uitrends.com/tag/http-headers/feed/" rel="self" type="application/rss+xml" />
	<link>http://uitrends.com</link>
	<description>A place to catalog, discuss, and rate trends in user interface design</description>
	<lastBuildDate>Thu, 12 Aug 2010 22:36:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Hidden Text</title>
		<link>http://uitrends.com/2009/08/26/hidden-text/</link>
		<comments>http://uitrends.com/2009/08/26/hidden-text/#comments</comments>
		<pubDate>Wed, 26 Aug 2009 18:48:15 +0000</pubDate>
		<dc:creator>Chris Farmer</dc:creator>
				<category><![CDATA[Trends]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[hidden]]></category>
		<category><![CDATA[HTTP headers]]></category>
		<category><![CDATA[secret]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://uitrends.com/?p=322</guid>
		<description><![CDATA[Trend: Hidden Text It used to be that people placed hidden text all over their pages to manipulate search engines. Today, people are finding creative ways to make hidden text that&#8217;s intended for human eyes. To prevent spoilers on IMDb, the plot keywords are hidden until you hover over them with the mouse. A bit [...]]]></description>
			<content:encoded><![CDATA[<h3 class="trend">Trend: Hidden Text</h3>
<p>It used to be that people placed hidden text all over their pages to manipulate search engines. Today, people are finding creative ways to make hidden text that&#8217;s intended for human eyes.</p>
<p>To prevent spoilers on <a href="http://www.imdb.com/title/tt0361748/" target="_blank">IMDb</a>, the plot keywords are hidden until you hover over them with the mouse. A bit if JavaScript changes the CSS class on mouse over.</p>
<p style="text-align: center"><img class="aligncenter size-full wp-image-324" src="http://uitrends.com/wp-content/uploads/2009/08/hidden2.png" alt="hidden2" width="461" height="28" /></p>
<p>Some forums hide spoilers by making the text the same color as the background. To read the otherwise invisible text, you just select it with your mouse.</p>
<p>A friend of mine <acronym title="some would say abuses">uses</acronym> the ACRONYM tag to provide snarky inline commentary on <a href="http://datsun1188.blogspot.com/2009/06/government-of-people-like-all-of-them.html" target="_blank">his blog</a>. In some browsers, a dotted underscore reveals the location of the hidden text.</p>
<p>The webcomic <a href="http://xkcd.com/543/" target="_blank">xkcd</a> always hides a second punchline as a mouse-over tooltip. Some people use ALT for this because IE allows it, but TITLE is preferred.</p>
<p>All the mouse rollover techniques break down on the iPhone and other mobile platforms. If anyone can come up with an easy way to see the xkcd tooltip in MobileSafari, please comment. (I&#8217;m looking at you, Google Reader mobile developers!)</p>
<p>Sometimes people put cute messages in HTML comments or even more obscure places. The geek forum <a href="http://slashdot.org" target="_blank">Slashdot</a> stashes a Futurama quote in the HTTP headers of each page. I have to wonder how long that was there before someone noticed.</p>
<p style="text-align: center"><img class="aligncenter size-full wp-image-330" src="http://uitrends.com/wp-content/uploads/2009/08/hidden1.png" alt="hidden1" width="609" height="231" /></p>
<p>Hidden text isn&#8217;t just for Easter eggs and secret messages. Some uses are more functional. As a programmer I sometimes hide debugging messages in a page. I know it&#8217;s there but most readers won&#8217;t be bothered by it.</p>
<p>In some cases, hidden text is meant to be revealed to certain readers. NOSCRIPT blocks were once considered critical to assist people with JavaScript-deficient browsers.</p>
<p>Visit the homepage of <a href="http://dailykos.com" target="_blank">Daily Kos</a> with ad blocker enabled and you&#8217;ll see a message imploring you to subscribe or at least allow them to show you ads. How does it work? The text is normally hidden by CSS in a file called adblocker.blogads.css. The ad blocker thanks that file name is probably an ad, so it eliminates the CSS that would hide the message. Clever!</p>
<p style="text-align: center"><img src="http://uitrends.com/wp-content/uploads/2009/08/hidden4.png" alt="Daily Kos hidden text" width="379" height="191" class="aligncenter size-full wp-image-342" /></p>
<p>Any other ways to hide text in plain sites?</p>
]]></content:encoded>
			<wfw:commentRss>http://uitrends.com/2009/08/26/hidden-text/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
