<?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>Ten Tonne Baby &#187; image replacement</title>
	<atom:link href="http://www.tentonnebaby.com/tag/image-replacement/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tentonnebaby.com</link>
	<description>Discussion on Web Technologies, Design and London</description>
	<lastBuildDate>Thu, 19 Jan 2012 09:33:30 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Wearing body armour to buy milk</title>
		<link>http://www.tentonnebaby.com/2007/12/04/wearing-body-armor-to-buy-milk/</link>
		<comments>http://www.tentonnebaby.com/2007/12/04/wearing-body-armor-to-buy-milk/#comments</comments>
		<pubDate>Tue, 04 Dec 2007 09:41:05 +0000</pubDate>
		<dc:creator>Oli</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Development]]></category>
		<category><![CDATA[accessibility]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[image replacement]]></category>

		<guid isPermaLink="false">http://www.embeddedstream.com/2007/12/04/wearing-body-armor-to-buy-milk/</guid>
		<description><![CDATA[There&#8217;s been quite a lot of talk in the web development community recently (and a couple of books) about bulletproof techniques / design. The basic idea is to adopt techniques that are as robust as possible and cater for a wide variety of situations without breaking down.
After reading a recent post, I was thinking about [...]]]></description>
			<content:encoded><![CDATA[<p>There&#8217;s been quite a lot of talk in the web development community recently (and a couple of books) about bulletproof techniques / design. The basic idea is to adopt techniques that are as robust as possible and cater for a wide variety of situations without breaking down.</p>
<p>After <a title="465 Berea Street post about image replacement" href="http://www.456bereastreet.com/archive/200712/choose_an_accessible_image_replacement_method/">reading a recent post</a>, I was thinking about Image Replacement techniques in CSS and to what degree you need to take this approach &#8211; specifically in response to a technique where you add an additional empty inline element, size it to width: 100% and height: 100%, then set the background image on this element. The thinking is that with CSS on and Images disabled, you still get the text.</p>
<p>That&#8217;s where I start to get edgy. CSS is about the visual presentation of content. I think it&#8217;s perfectly acceptable for a design to have dependencies on images applied via CSS to work well. Images applied via the CSS background-image are all about visual presentation of content. I can&#8217;t quite figure out who would surf now, want the visual presentation of content (i.e. CSS) but not want the images. I don&#8217;t think many people are constrained on bandwidth, and they always have the option of disabling CSS to get the raw content and nothing else.</p>
<p>I think attempting to get the hybrid, crippled version of a design to work well is flawed. People have the option to get just the raw content, or the content with a visual design applied. Asking for a visual design without images?? Then adding extra markup to cater for it?? Sorry, don&#8217;t get it.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.tentonnebaby.com/2007/12/04/wearing-body-armor-to-buy-milk/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

