<?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>Learning the World &#187; book:isbn=0321410971</title>
	<atom:link href="http://learningtheworld.eu/tag/bookisbn0321410971/feed/" rel="self" type="application/rss+xml" />
	<link>http://learningtheworld.eu</link>
	<description></description>
	<lastBuildDate>Tue, 06 Nov 2012 00:17:33 +0000</lastBuildDate>
	<language>en-US</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.9.1</generator>
	<item>
		<title>@media 2007 Wrap-Up</title>
		<link>http://learningtheworld.eu/2007/atmedia-wrapup/</link>
		<comments>http://learningtheworld.eu/2007/atmedia-wrapup/#comments</comments>
		<pubDate>Mon, 18 Jun 2007 19:25:50 +0000</pubDate>
		<dc:creator><![CDATA[Martin Kliehm]]></dc:creator>
				<category><![CDATA[accessibility]]></category>
		<category><![CDATA[conferences]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[W3C]]></category>
		<category><![CDATA[web development]]></category>
		<category><![CDATA[web standards]]></category>
		<category><![CDATA[@media]]></category>
		<category><![CDATA[Andy Clarke]]></category>
		<category><![CDATA[atmedia]]></category>
		<category><![CDATA[atmedia07]]></category>
		<category><![CDATA[atmedia2007]]></category>
		<category><![CDATA[Beyond AJAX]]></category>
		<category><![CDATA[book:isbn=0321410971]]></category>
		<category><![CDATA[book:isbn=1430319526]]></category>
		<category><![CDATA[creative sponge]]></category>
		<category><![CDATA[Hannah Donovan]]></category>
		<category><![CDATA[i18n]]></category>
		<category><![CDATA[internationalization]]></category>
		<category><![CDATA[Jesse James Garrett]]></category>
		<category><![CDATA[Joe Clark]]></category>
		<category><![CDATA[Jon Hicks]]></category>
		<category><![CDATA[Last FM]]></category>
		<category><![CDATA[london]]></category>
		<category><![CDATA[Mark Boulton]]></category>
		<category><![CDATA[Molly Holzschlag]]></category>
		<category><![CDATA[Richard Ishida]]></category>
		<category><![CDATA[Shawn Henry]]></category>
		<category><![CDATA[Shawn Lawton Henry]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[upcoming:event=110091]]></category>
		<category><![CDATA[WAI]]></category>

		<guid isPermaLink="false">http://learningtheworld.eu/2007/atmedia-wrapup/</guid>
		<description><![CDATA[Sum-up of the <strong>@media conference</strong> in London that I attended June 7th-8th, 2007. Read about Jesse James Garret&#8217;s keynote, passionate evangelists, and how to get great design ideas on the loo&#160;[&#8230;]]]></description>
				<content:encoded><![CDATA[<p>Here&rsquo;s a short sum-up of the @media conference in London that I attended. <a href="/2007/not-your-problem/">Joe Clark&#8217;s</a> and Nate Koechley&#8217;s talks got separate blog entries, please check them for accessibility and <a href="/2007/performance-2/">browser performance</a> issues.</p>

<h3>In this post</h3>

<ul class="toc">
<li><a href="#garrett">Jesse James Garrett</a></li>
<li><a href="#holzschlag">Molly Holzschlag</a></li>
<li><a href="#boulton">Mark Boulton</a></li>
<li><a href="#hicks">Jon Hicks</a></li>
<li><a href="#donovan">Hannah Donovan</a></li>
<li><a href="#henry">Shawn Lawton Henry</a></li>
<li><a href="#ishida">Richard Ishida</a></li>
<li><a href="#clarke">Andy Clarke</a></li>
</ul>

<p id="garrett"><a href="http://www.flickr.com/photos/martin-kliehm/536545606/in/set-72157600328144321/" title="Larger version on flickr"><img src="/wp-content/uploads/2007/06/jesse-james-garrett" alt="Jesse James Garrett" width="240" height="180" class="floatleft photo" /></a> First off was <strong>Jesse James Garrett</strong>, the creator of the term <acronym title="Asynchronous JavaScript and XML">AJAX</acronym>, who held a keynote presentation with all the usual quotes, big stock photos, historical references to technical pioneers (this time the inventor of the Kodak film roll) and such (<a href="http://www.htmldog.com/atmedia2007/beyondajax.mp3" title="Jesse James Garrett podcast" type="audio/mp3">podcast</a>). I&#8217;m afraid I can&rsquo;t bear victorian black and white photos of technical pioneers in the context of web development any longer. OK, so this guy changed the way photos were made in 1885. Also web applications are a little more convenient now than server roundtrips. But where&#8217;s the common element? One made photography easier for the mainstream, the other is a much hyped technique with the <em>potential</em> to make things easier, but quite often people just blow it.</p>

<p>Don&rsquo;t believe the hype. Most web applications still don&#8217;t innovate, they just <em>copy desktop behavior</em>. And who is really comfortable with the restrictions of desktop software anyway? If it&#8217;s only a matter of response rates, learn from Yahoo! how to minimize the amount of data being sent on server requests. If I can update a whole page in 1-2 seconds using smart caching and other techniques, there&rsquo;s <em>no need</em> for an AJAX request except for immediate form feedback helping users to avoid errors. Film rolls have faded from the face of Earth, it really would be more interesting what&#8217;s next, after AJAX. Jesse talked about user-centered design, cited Tim O&#8217;Reilly with the paradigm to &ldquo;<a href="http://radar.oreilly.com/archives/2005/04/designing_from.html">design from the outside in</a>.&rdquo; But that only means: after having taken one usability step back, eventually we will move forward. Where to? Jesse failed to deliver that.</p>

<p id="holzschlag"><a href="http://www.flickr.com/photos/martin-kliehm/536659803/in/set-72157600328144321/" title="Larger version on flickr"><img src="/wp-content/uploads/2007/06/molly-holzschlag" alt="Molly Holzschlag" width="240" height="180" class="floatleft photo" /></a> A key factor to understand why browsers are such a pain is to remind yourself that they are just a piece of software, said <strong>Molly Holzschlag</strong>, now working for Microsoft (<a href="http://www.htmldog.com/atmedia2007/thebrokenworld.mp3" title="Molly Holzschlag podcast" type="audio/mp3">podcast</a>). In fact very complex software. She compared the <a href="http://2007.xtech.org/public/asset/attachment/126" title="The Broken World: Solving the Browser Problem Once and For All">pros and cons of different browsers</a> and what we can learn from them: short iteration circles and automated updates from Firefox, a strong brand and user identification from Opera. Otherwise she recommended that if you <em>really need</em> a feature in <acronym title="Internet Explorer">IE</acronym>, make yourself heard. Put pressure on Microsoft to get priority. Just telling them you &ldquo;want&rdquo; something like multiple background images or <acronym title="Web Accessibility Initiative">WAI</acronym> <acronym title="Accessible Rich Internet Applications">ARIA</acronym> support won&rsquo;t be enough. Your voice and your friends&rsquo; might weight more than that of the <acronym title="World Wide Web Consortium">W3C</acronym>, because you are their customers, their userbase.</p>

<p id="boulton"><strong>Mark Boulton&#8217;s</strong> presentation <a href="http://www.markboulton.co.uk/present/atmedia07">about typography</a> gained more momentum after a while (<a href="http://www.htmldog.com/atmedia2007/fivestepstobettertypography.mp3" title="Mark Boulton podcast" type="audio/mp3">podcast</a>). He explained why Verdana is lighter than Arial, and that you should blur your design to identify the optical gray gradient of a page. Then he continued to talk on grids and how to <a href="http://24ways.org/2006/compose-to-a-vertical-rhythm">design to a vertical rhythm</a>, a topic well known from print but rather unrecognized in web design until last year. Quite fashionable are headlines in a serif font for a better structure, and paying attention to small details like using the correct quotation marks or dashes can make a difference.</p>

<p id="hicks"><a href="http://www.flickr.com/photos/martin-kliehm/536658835/in/set-72157600328144321/" title="Larger version on flickr"><img src="/wp-content/uploads/2007/06/jon-hicks" alt="Jon Hicks with his sketchbook" width="240" height="180" class="floatleft photo" /></a> <strong>Jon Hicks</strong> showed us <a href="http://www.hicksdesign.co.uk/journal/be-a-creative-sponge">how to be a creative <del>leech</del> sponge</a> (<a href="http://www.htmldog.com/atmedia2007/howtobeacreativesponge.mp3" title="Jon Hicks podcast" type="audio/mp3">podcast</a>). Get your inspiration <a href="http://del.icio.us/jonhicks/sponge" title="Examples from Jon Hicks&rsquo; del.icio.us account">everywhere</a>&nbsp;&mdash; with two exceptions. Do sketches, keep those you draw during phone calls, take photos of typefaces, keep photos gone bad just for the color effects, collect labels from clothes, get leaflets (the &ldquo;all you can eat buffet for designers&rdquo;; get even the bad as you might need to mimic bad design some day). Get inspiration from book covers, graphic novels, <a href="http://www.amazon.com/dp/1597020052/">books for</a> <a href="http://www.amazon.com/dp/000724794X/">children</a>, magazines, patterns, prints, or packaging design. <a href="http://printpattern.blogspot.com">Blogs</a> and <a href="http://www.flickr.com/photos/factoryjoe/collections/72157600001823120/">flickr</a> <a href="http://www.flickr.com/photos/printpattern/">groups</a> also help you to get inspiration, delivered right to your desktop through their <acronym>RSS</acronym> feed. The two exceptions? Other websites and logos, because there&#8217;s a high risk you will come up with a copy instead of an original idea. They are too close to the desired product so there&rsquo;s no room for creative transformation.</p>

<p>Once you have collected inspirational material, it needs to be cataloged. That can be done in a sketchbook, but iPhoto, <a href="http://www.barebones.com/products/yojimbo/">Yojimbo</a>, or flickr will do the job.</p>

<p>Catalysts against a creative block (the dreaded blank page) can be deadlines, changing your environment and going for a walk or drive, going to bed, some peace and quietness (in the bathroom, where you keep the magazines for inspiration), taking a shower, or traditional techniques like brainstorming, mindmapping, criticizing and learning from bad examples, or moodboards. If your clients are adventurous enough, they can even do their own.</p>

<p id="donovan"><a href="http://www.flickr.com/photos/rachelandrew/539167297/in/set-72157600329497041/" title="Photo by Rachel Andrew, see larger version on flickr"><img src="/wp-content/uploads/2007/06/hannah-donovan" alt="Hannah Donovan" width="240" height="160" class="floatleft photo" /></a> Some people are <a href="http://blog.basquiat.de/archives/471-Halbbestaendige-Geruechte.html" hreflang="de">angry about Last FM&rsquo;s sell-out to CBS</a>, but <strong>Hannah Donovan</strong> didn&rsquo;t make the impression that a petty-minded corporate spirit has taken over (yet). She talked about lessons you learn in a startup, like getting started, getting out the product very quickly (before others do it), taking small iteration steps with the rapid development technique <a href="http://en.wikipedia.org/wiki/Scrum_(development)">Scrum</a>, and using broad brushstrokes as a designer. Perfectionism is no priority for startups. Also she recommended that designers and developers work on a team (<em>really</em>) and hold 5&nbsp;minute stand-up meetings every morning, &ldquo;that makes a world of difference.&rdquo; That actually means sharing a room, you know.</p>

<p id="henry"><strong>Shawn Lawton Henry</strong> works for the <acronym>W3C</acronym> <acronym title="Web Accessibility Initiative">WAI</acronym> and the <acronym title="Massachusetts Institute of Technology">MIT</acronym>, naturally she talked about accessibility (<a href="http://www.htmldog.com/atmedia2007/advancingwebaccessibility.mp3" title="Shawn Lawton Henry podcast" type="audio/mp3">podcast</a>). That&rsquo;s something most people take as &ldquo;what you can get away with,&rdquo; but it&rsquo;s really <em>about people</em>. So it&rsquo;s important to understand how people with disabilities use the web. Technical standards like the Web Content Accessibility Guidelines 2.0 (<acronym>WCAG</acronym>) only supply a shared definition of requirements. Because they are not going to change for a while you better take the time to <a href="http://www.w3.org/TR/WCAG20/">review the current version</a>. However, the <acronym>WCAG</acronym> Techniques document will be adaptable and more flexible. There will be subversions, and although there&rsquo;s no issue tracker at the moment, you will be able to submit additional techniques to meet the <acronym>WCAG</acronym> requirements as they are intended to grow with time.</p>

<p id="ishida"><a href="http://www.flickr.com/photos/martin-kliehm/536659597/in/set-72157600328144321/" title="Larger version on flickr"><img src="/wp-content/uploads/2007/06/richard-ishida" alt="Richard Ishida" width="240" height="180" class="floatleft photo" /></a> I didn&rsquo;t take notes on <strong>Richard Ishida&rsquo;s</strong> <a href="http://people.w3.org/rishida/blog/?p=95">presentation about <acronym title="internationalization">I18N</acronym></a> because I was familiar with the slides already, but I was deeply impressed by this man (<a href="http://www.htmldog.com/atmedia2007/designingforinternationalusers.mp3" title="Richard Ishida podcast" type="audio/mp3">podcast</a>). Richard lives and breathes internationalization. He speaks about a dozen languages and doesn&rsquo;t let a chance pass to practice them. He is the perfect personification as head of <acronym>W3C</acronym> <acronym>I18N</acronym> activity. I only wish he had said a few things about the <a href="http://www.w3.org/TR/its/"><acronym>I18N</acronym> tag set</a> because it&rsquo;s a mighty tool for translations and fairly new.</p>

<p id="clarke">On a related subject <strong>Andy Clarke</strong> asked designers worldwide if they thought their country or region got a distinctive design style, and he compared international websites of global players (<a href="http://www.htmldog.com/atmedia2007/royalewithcheese.mp3" title="Andy Clarke podcast" type="audio/mp3">podcast</a>). While most of them just work, they could do better by adapting to the local customs and style. Culturalization is the key, anything else is modern imperialism. Check his <a href="http://www.stuffandnonsense.co.uk/downloads/slides/atmedia07.pdf" type="application/pdf" title="Andy Clarke: Royale with Cheese">presentation</a> (<acronym title="Portable Data Format">PDF</acronym>, 18&nbsp;<acronym title="Megabyte">MB</acronym>).</p>

<p><strong>Somehow it was different than last year.</strong> Of course I came home full of inspiration, but this time it was more like deepening knowledge, while last year for example the concepts of microformats or browser performance were totally new for me. I met more people than in 2006, and I feel some of them can become my friends. That&rsquo;s a new experience at a conference. I even found some parallels with Joe Clark. No, I&rsquo;m not a &ldquo;<a href="http://blog.fawny.org/2007/06/08/retired/">sarcastic gay vegan</a>,&rdquo; but we both don&rsquo;t drink, prefer tea, and can be quite pedantic&hellip; I even linked to his website without <code>rel=nofollow</code> now, what an improvement! <img src="http://learningtheworld.eu/wp-includes/images/smilies/icon_wink.gif" alt=";)" class="wp-smiley" />  Anyway, I&rsquo;m looking forward to meet some of my new friends in Brighton at <a href="http://2007.dconstruct.org">d.construct</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://learningtheworld.eu/2007/atmedia-wrapup/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
<enclosure url="http://www.htmldog.com/atmedia2007/beyondajax.mp3" length="25117414" type="audio/mpeg" />
<enclosure url="http://www.htmldog.com/atmedia2007/thebrokenworld.mp3" length="26435499" type="audio/mpeg" />
<enclosure url="http://www.htmldog.com/atmedia2007/fivestepstobettertypography.mp3" length="25527027" type="audio/mpeg" />
<enclosure url="http://www.htmldog.com/atmedia2007/howtobeacreativesponge.mp3" length="29128992" type="audio/mpeg" />
<enclosure url="http://www.htmldog.com/atmedia2007/advancingwebaccessibility.mp3" length="34367158" type="audio/mpeg" />
<enclosure url="http://www.htmldog.com/atmedia2007/designingforinternationalusers.mp3" length="27147592" type="audio/mpeg" />
<enclosure url="http://www.htmldog.com/atmedia2007/royalewithcheese.mp3" length="27926598" type="audio/mpeg" />
		</item>
	</channel>
</rss>
