<?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>Alex and the Web</title>
	<atom:link href="http://www.alexandtheweb.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.alexandtheweb.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Mon, 08 Feb 2010 10:17:09 +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>&#8220;Objectified&#8221; &#8211; how did I miss this?</title>
		<link>http://www.alexandtheweb.com/2010/02/objectified-how-did-i-miss-this/</link>
		<comments>http://www.alexandtheweb.com/2010/02/objectified-how-did-i-miss-this/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 10:16:03 +0000</pubDate>
		<dc:creator>alexg</dc:creator>
				<category><![CDATA[UX and Usability]]></category>

		<guid isPermaLink="false">http://www.alexandtheweb.com/?p=197</guid>
		<description><![CDATA[From the makers of &#8220;Helvetica&#8221; came &#8220;Objectified&#8221;, an interesting-looking documentary about product design. I particularly like this quote from the trailer: &#8220;My job (as a designer) is about what&#8217;s going to happen not what has happened&#8221;.

]]></description>
			<content:encoded><![CDATA[<p>From the makers of &#8220;Helvetica&#8221; came &#8220;Objectified&#8221;, an interesting-looking documentary about product design. I particularly like this quote from the trailer: &#8220;My job (as a designer) is about what&#8217;s going to happen not what has happened&#8221;.</p>
<p><object width="480" height="295"><param name="movie" value="http://www.youtube.com/v/S9E2D2PaIcI&#038;hl=en_GB&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/S9E2D2PaIcI&#038;hl=en_GB&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="295"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.alexandtheweb.com/2010/02/objectified-how-did-i-miss-this/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>&#8220;Bokeh&#8221; play with pure CSS gradients</title>
		<link>http://www.alexandtheweb.com/2010/01/css-gradients-bokeh-effect/</link>
		<comments>http://www.alexandtheweb.com/2010/01/css-gradients-bokeh-effect/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 21:01:23 +0000</pubDate>
		<dc:creator>alexg</dc:creator>
				<category><![CDATA[HTML and CSS]]></category>

		<guid isPermaLink="false">http://www.alexandtheweb.com/?p=186</guid>
		<description><![CDATA[It never ceases to amaze me what people can do with pure CSS. My buddy James pointed me to these lovely CSS experiments made by Román Cortés. The newly released Firefox 3.6, with its much longed-for and refined CSS gradient syntax, opens up even more possibilities. 
Gradients of course have been around for a while [...]]]></description>
			<content:encoded><![CDATA[<p>It never ceases to amaze me what people can do with pure CSS. My buddy <a href="http://twitter.com/jameswragg">James</a> pointed me to <a href="http://www.romancortes.com/blog/pure-css-coke-can/">these lovely CSS experiments</a> made by Román Cortés. The newly released Firefox 3.6, with its much longed-for and <a href="http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/">refined CSS gradient syntax</a>, opens up even more possibilities. </p>
<p>Gradients of course have been around for a while now, but available only in WebKit browsers, using WebKit&#8217;s own, slightly more verbose syntax. I played around with radial gradients and managed to create a &#8220;bokeh&#8221; style effect with a flurry of absolutely positioned elements styled with radial gradient backgrounds. <strong><a href="http://www.alexandtheweb.com/demos/gradient-bokeh.htm"  target="_blank">View the CSS gradient demo</a></strong>. </p>
<p><a href="http://www.alexandtheweb.com/demos/gradient-bokeh.htm" target="_blank"><img src="http://www.alexandtheweb.com/wp-content/uploads/2010/01/css-bokeh-464x345.jpg" alt="" title="css-bokeh" width="464" height="345" class="alignnone size-large wp-image-188" /></a></p>
<p>This particular page works in FF3.6 only (I was feeling lazy). It&#8217;s worth noting that instead of the reusable CSS classes used to apply the gradients, I could have stacked multiple gradients onto a single background-image declaration. Which means the same example could have been created on a single element with multiple, differently-positioned radial gradients. So obviously this is just one way of doing things &#8211; in either case you still have to juggle loads of positioning values. </p>
<p>A couple of gripes: firstly, because gradients are effectively a background (or border) image property, their values don&#8217;t seem to be available for DOM manipulation. Imagine the fun of being able to transition color stops! I&#8217;m sure someone more clever than me will figure out how to get at the color and color stop values and tweak them. Secondly, I imagined being able to create perfectly circular objects with gradients by creating really tight color stops. Unfortunately this seems to create rather jagged edges, at least for me. </p>
<p>I really think SVG, CSS gradients and rounded corners are going to change the way front-end developers designers work. We can slowly start saying goodbye to the wretched work of slicing and dicing tiny GIFs and PNGs! </p>
]]></content:encoded>
			<wfw:commentRss>http://www.alexandtheweb.com/2010/01/css-gradients-bokeh-effect/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Dieter Rams at the Design Museum</title>
		<link>http://www.alexandtheweb.com/2010/01/dieter-rams-at-the-design-museum/</link>
		<comments>http://www.alexandtheweb.com/2010/01/dieter-rams-at-the-design-museum/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 19:46:57 +0000</pubDate>
		<dc:creator>alexg</dc:creator>
				<category><![CDATA[UI design]]></category>

		<guid isPermaLink="false">http://www.alexandtheweb.com/?p=160</guid>
		<description><![CDATA[Designery types have been flocking in larger numbers than usual to the Design Museum in London, which, until the 9th of March, has been turned into a shrine to Dieter Rams, the famed Braun designer. We joined them a week ago on a wet, windy January afternoon.
The exhibition showcases his minimalist turntables, radios, alarm clocks [...]]]></description>
			<content:encoded><![CDATA[<p>Designery types have been flocking in larger numbers than usual to the <a href="http://designmuseum.org/exhibitions/2009/2009-dieter-rams">Design Museum in London</a>, which, <strong>until the 9th of March</strong>, has been turned into a shrine to <a href="http://en.wikipedia.org/wiki/Dieter_Rams">Dieter Rams</a>, the famed Braun designer. We joined them a week ago on a wet, windy January afternoon.</p>
<p>The exhibition showcases his minimalist turntables, radios, alarm clocks and shelving systems in all their beauty, utility and, arguably above all, honesty. Rams and Braun took pride in products which didn&#8217;t lie to customers by pretending to be something more than the purpose they were designed for. No showy excess just to push a few more units. </p>
<p>Now we know who Apple rips off. </p>
<p><img src="http://www.alexandtheweb.com/wp-content/uploads/2010/01/IMG_0199-465x320.jpg" alt="" title="IMG_0199" width="465" height="320" class="alignnone size-large wp-image-171" /></p>
<p>Yet the exhibition brings with it a hint of melancholy, stemming firstly from the inability to interact with  objects that clearly cry out to be used. Rams-designed door handles, adhered to fake doors that lead to nowhere, next to a sign reading &#8220;DO NOT TOUCH&#8221;. </p>
<p><img src="http://www.alexandtheweb.com/wp-content/uploads/2010/01/IMG_0197-copy-465x348.jpg" alt="" title="IMG_0197 copy" width="465" height="348" class="alignnone size-large wp-image-172" /></p>
<p>Secondly, decades of technological gallop means that these &#8220;timeless&#8221; objects are, with few exceptions, obsolete relics. They are to be looked up to and emulated but as years go by their impact will lessen simply because we won&#8217;t be able to tell what this or that button was for. Like instruments we don&#8217;t know how to play, they&#8217;ll change from intuitive to mysterious. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.alexandtheweb.com/2010/01/dieter-rams-at-the-design-museum/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
