CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head><script type="text/javascript" src="https://web-static.archive.org/_static/js/bundle-playback.js?v=7YQSqjSh" charset="utf-8"></script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="https://web-static.archive.org/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://adactio.com:80/articles/?","20080524020830","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1211594910"); </script> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/banner-styles.css?v=p7PEIJWi" /> <link rel="stylesheet" type="text/css" href="https://web-static.archive.org/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-type" content="text/html; charset=utf-8"/> <title>Adactio: Articles</title> <meta name="description" content="Publications and presentations from web developer and author, Jeremy Keith."/> <meta name="author" content="Jeremy Keith"/> <meta name="copyright" content="Jeremy Keith"/> <meta name="ICBM" content="50.825000,-0.157115"/> <meta name="robots" content="index,follow"/> <link rel="search" type="application/opensearchdescription+xml" href="https://web.archive.org/web/20080524020830/http://adactio.com/opensearch.php" title="Adactio"/> <link rel="openid.server" href="http://www.myopenid.com/server"/> <link rel="openid.delegate" href="http://adactio.myopenid.com/"/> <link rel="alternate" type="application/rss+xml" title="RSS" href="/web/20080524020830/http://adactio.com/articles/rss"/> <link rel="accessibility" href="/about/accessibility.php" title="Accessibility details"/> <link rel="author" href="/about/myself.php" title="About the author"/> <link rel="home" href="/" title="Home page"/> <link rel="meta" type="application/rdf+xml" title="FOAF" href="/foaf.rdf"/> <link rel="Shortcut Icon" type="image/ico" href="/web/20080524020830im_/http://adactio.com/favicon.ico"/> <link rel="apple-touch-icon" type="image/png" href="/web/20080524020830im_/http://adactio.com/apple-touch-icon.png"/> <link rel="stylesheet" href="/web/20080524020830cs_/http://adactio.com/includes/css/print.css" media="print" type="text/css" title="print"/> <link rel="alternate stylesheet" href="/web/20080524020830cs_/http://adactio.com/includes/css/zoom.css" media="screen" type="text/css" title="high contrast"/> <link rel="stylesheet" href="/web/20080524020830cs_/http://adactio.com/skins/default/styles/basic.css" media="screen" type="text/css"/> <script type="text/javascript" src="/web/20080524020830js_/http://adactio.com/mint/?js"></script> <script type="text/javascript" src="/web/20080524020830js_/http://adactio.com/includes/javascript/_global.js"></script> <script type="text/javascript" src="/web/20080524020830js_/http://adactio.com/includes/javascript/ajax.js"></script> <script type="text/javascript" src="/web/20080524020830js_/http://adactio.com/includes/javascript/slideshow.js"></script> <script type="text/javascript" src="/web/20080524020830js_/http://adactio.com/includes/javascript/forms.js"></script> <script type="text/javascript" src="/web/20080524020830js_/http://adactio.com/includes/javascript/toggleExtras.js"></script>      </head> <body>  <div id="logo"> <h1><a rel="home" href="https://web.archive.org/web/20080524020830/http://adactio.com/" accesskey="1" title="Home (access key: 1)"><span>adactio</span></a></h1> </div>  <div id="eyecandy"> <div class="articles"></div> </div>  <div id="navigation"> <p class="warning"> {<a href="#content" accesskey="2" title="access key: 2">Skip navigation</a>} </p> <ul> <li><a href="/web/20080524020830/http://adactio.com/journal/" title="My thoughts and ramblings">Journal</a></li> <li><a href="/web/20080524020830/http://adactio.com/portfolio/" title="My work to date">Portfolio</a></li> <li>Articles</li> <li><a href="/web/20080524020830/http://adactio.com/about/" title="A short biography">About</a></li> <li><a href="/web/20080524020830/http://adactio.com/contact/" accesskey="9" title="Get in touch">Contact</a></li> </ul> </div>  <div id="content"> <h2> <a href="/web/20080524020830/http://adactio.com/articles/1450/"> Open Data </a> </h2> <p> This is the keynote presentation I gave at the Accessibility 2.0 conference held in London in April 2008. </p> <p class="time"> April 25th, 2008 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1436/"> They Shoot Browsers, Don’t They? </a> </h2> <p> This article first appeared in issue 253 of A List Apart magazine. Two weeks later, Microsoft reversed their position on the default behaviour of version targeting. </p> <p class="time"> April 9th, 2008 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1349/"> Ajax Kung Fu Meets Accessibility Feng Shui </a> </h2> <p> A presentation with Derek Featherstone at South by Southwest 2007. </p> <p class="time"> September 29th, 2007 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1333/"> @media 2007 Hot Topics Panel </a> </h2> <p> A free-form panel I moderated at the London leg of the @media 2007 conference. </p> <p class="time"> August 19th, 2007 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1238/"> Explaining Ajax </a> </h2> <p> A presentation I gave at Web Directions South in Sydney, Australia in September 2006. </p> <p class="time"> January 19th, 2007 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1189/"> A Browser Darkly </a> </h2> <p> A look at the past, present, and future of Web browsers from the Opera Backstage event in London </p> <p class="time"> October 17th, 2006 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1181/"> The Joy of API </a> </h2> <p> A presentation I gave at dConstruct 2006 in Brighton. </p> <p class="time"> October 6th, 2006 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1151/"> Using DOM Scripting to Plug the Holes in CSS </a> </h2> <p> A talk I gave at @media 2006 in London. </p> <p class="time"> July 13th, 2006 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1150/"> Behavioural Separation </a> </h2> <p> This article first appeared in issue 218 of A List Apart magazine. Breaking up is hard to do. But in web design, separation can be a good thing. Content, style and behaviour all deserve their own space. </p> <p class="time"> July 8th, 2006 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1146/"> Microformats: Evolving the Web </a> </h2> <p> A panel I sat in on at South by Southwest 2006. My fellow panelists are Chris Messina and Norm! The moderator is Tantek Çelik. </p> <p class="time"> June 24th, 2006 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1132/"> In Praise of the Hyperlink </a> </h2> <p> A talk I gave at Reboot 8 in Copenhagen. </p> <p class="time"> June 2nd, 2006 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1119/"> How to Bluff Your Way in DOM Scripting </a> </h2> <p> A presentation I gave with Aaron Gustafson at South By Southwest 2006. </p> <p class="time"> April 22nd, 2006 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1113/"> A Brief History of JavaScript </a> </h2> <p> This article first appeared in issue 1 of Treehouse magazine. </p> <p class="time"> October 3rd, 2005 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1112/"> This Year’s Document Object Model </a> </h2> <p> The Document Object Model is a working standard approved by the World Wide Web Consortium that is correctly implemented in most modern browsers. </p> <p class="time"> June 18th, 2004 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1111/"> JavaScript Image Gallery </a> </h2> <p> This article first appeared in issue 170 of A List Apart Magazine. Here’s a quick and easy way of making a one-page gallery that uses JavaScript to load images and their captions on the fly. </p> <p class="time"> December 16th, 2003 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1110/"> Photoshop Actions </a> </h2> <p> I’d like to share some of my Photoshop actions with you. I use these when I want to “touch up” photographs and add some extra effects. </p> <p class="time"> November 9th, 2003 </p><h2> <a href="/web/20080524020830/http://adactio.com/articles/1109/"> CSS Based Design </a> </h2> <p> Let me tell you why you’re here. You’re here because you know something. What you know you can’t explain but you feel it, that there’s something wrong with the web. </p> <p class="time"> September 23rd, 2003 </p></div> <div id="extra"> <h2>More information</h2>  <div class="box"> <h3>About this site</h3> <address class="vcard"> <a href="https://web.archive.org/web/20080524020830/http://adactio.com/" class="url" rel="me">Adactio</a> is the online home of <a href="https://web.archive.org/web/20080524020830/mailto:jeremy@adactio.com" class="email fn">Jeremy Keith</a>, a <span class="title">web developer</span> living and working in <span class="adr"><span class="locality">Brighton</span>, <span class="country-name">England</span></span>. </address> </div> <div class="box"> <h3>Customise</h3> <form method="get" action="/web/20080524020830/http://adactio.com/articles/" id="skinselection"> <p> <span class="warning">If your browser was up to it, you'd be able to </span> <label for="skin">Choose a theme...</label><br/> <select name="skin" id="skin"> <option value="default" selected="selected">default</option> <option value="tatemodern">tatemodern</option> <option value="hi-tech">hi-tech</option> <option value="seaside">seaside</option> <option value="zeldman">zeldman</option> <option value="adactizilla">adactizilla</option> <option value="sci-fi">sci-fi</option> <option value="renaissance">renaissance</option> <option value="hirnlego">hirnlego</option> </select> <input type="submit" value="Go!" id="submitskin"/> <a href="/web/20080524020830/http://adactio.com/about/site.php#skinslist" title="what is this?">?</a> </p> </form> <p>This is the plain vanilla look.</p> </div> <div class="box"> <h3>Search</h3> <form action="/web/20080524020830/http://adactio.com/articles/search" method="get"> <p><label for="query">Search articles:</label><br/><input accesskey="4" type="text" name="query" id="query" value="your search" class="searchbox"/> <input type="submit" value="Go!"/></p> </form> </div> <div class="box"> <h3>Subscribe</h3> <p>You can subscribe to the <a href="/web/20080524020830/http://adactio.com/articles/rss"><abbr title="Really Simple Syndication">RSS</abbr> feed of articles</a>.</p> </div> <div class="box"> <h3>Slides</h3> <p>Download <abbr title="Portable Document Format">PDF</abbr> versions of the slides I've used to accompany presentations. Beware: they won't wont make much sense outside the context of the talks.</p> <ul> <li><a href="/web/20080524020830/http://adactio.com/extras/slides/portability.pdf" type="application/pdf">Creating Portable Social Networks with Microformats</a></li> <li><a href="/web/20080524020830/http://adactio.com/extras/slides/bulletproof.pdf" type="application/pdf">Bulletproof Ajax</a></li> <li><a href="/web/20080524020830/http://adactio.com/extras/slides/hypertext.pdf" type="application/pdf">Hypertext</a></li> <li><a href="/web/20080524020830/http://adactio.com/extras/slides/soul.pdf" type="application/pdf">Soul</a></li> <li><a href="/web/20080524020830/http://adactio.com/extras/slides/nanotech.pdf" type="application/pdf">Microformats: The nanotechnology of the semantic web</a></li> <li><a href="/web/20080524020830/http://adactio.com/extras/slides/ajax.pdf" type="application/pdf">Ajax</a></li> <li><a href="/web/20080524020830/http://adactio.com/extras/slides/beauty.pdf" type="application/pdf">The Beauty in Standards & Accessibility</a></li> <li><a href="/web/20080524020830/http://adactio.com/extras/slides/ajaxkungfu.pdf" type="application/pdf">Ajax Kung Fu</a></li> </ul> </div> <div class="box"> <h3>Elsewhere</h3> <ul> <li>An Event Apart — <a href="https://web.archive.org/web/20080524020830/http://www.aneventapart.com/news/2007/07/better_know_a_speaker_jeremy_keith.php">Better Know A Speaker: Jeremy Keith</a></li> <li>Digital Web Magazine — <a href="https://web.archive.org/web/20080524020830/http://www.digital-web.com/articles/jeremy_keith/">Jeremy Keith</a></li> <li>Web Standards Group — <a href="https://web.archive.org/web/20080524020830/http://webstandardsgroup.org/features/jeremy-keith.cfm">Ten questions for Jeremy Keith</a></li> </ul> </div> </div>  <div id="footer"> <p class="smallprint">© 1998 - 2008 <a href="https://web.archive.org/web/20080524020830/mailto:jeremy@adactio.com" title="jeremy@adactio.com">Jeremy Keith</a>.</p> <p class="smallprint"><a href="https://web.archive.org/web/20080524020830/http://validator.w3.org/check/referer" title="I came, I saw, I validated">Veni, vidi, validatio</a>. <a href="https://web.archive.org/web/20080524020830/http://jigsaw.w3.org/css-validator/check/referer" title="CSS too">Et tu, CSS?</a>.</p> <p class="smallprint"><a accesskey="0" href="/web/20080524020830/http://adactio.com/about/accessibility.php" title="access key: 0">Accessibility statement</a></p> </div> </body> </html>