CINXE.COM
hicksdesign: design for print and new-fangled media
<!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" lang="en"> <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://www.hicksdesign.co.uk:80/","20080513222644","https://web.archive.org/","web","https://web-static.archive.org/_static/", "1210717604"); </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" /> <!-- End Wayback Rewrite JS Include --> <title>hicksdesign: design for print and new-fangled media</title> <!-- // hicksdesign v8 Hello source code curious person from the Interwebs! What you're doing is (in my opinion) the BEST way to learn and advance, that is, viewing the source. It's how I learnt, and how I'm still learning. So go ahead, dig away and ask any questions. Techniques used on this site are all in the public domain, but the unique combination of CSS and images are what make this site's design. Please don't steal wholesale, thats all I'm saying. --> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <meta http-equiv="imagetoolbar" content="no"/> <meta name="description" content="Hicksdesign is a small creative agency based in Witney, Oxfordshire, UK. We create web sites and user interfaces built with web standards, as well as designing for print (we like branding in particular)."/> <meta name="author" content="Jon Hicks"/> <meta name="copyright" content="Jon Hicks"/> <meta name="company" content="Hicksdesign"/> <meta name="revisit-after" content="3 days"/> <!-- OpenSearch --> <link rel="search" href="/web/20080513222644/http://www.hicksdesign.co.uk/opensearchdescription.xml" type="application/opensearchdescription+xml" title="Hicksdesign Journal"/> <!-- Favicon --> <link rel="shortcut icon" href="/web/20080513222644im_/http://www.hicksdesign.co.uk/favicon.ico" type="image/x-icon"/> <!-- RSS Feeds --> <link rel="alternate" type="application/rss+xml" title="Hicksdesign journal" href="https://web.archive.org/web/20080513222644/http://feeds.feedburner.com/hicksdesign"/> <link rel="alternate" type="application/rss+xml" title="Hicksdesign sidenotes" href="https://web.archive.org/web/20080513222644/http://feeds.feedburner.com/hicksdesign/sidenotes"/> <link rel="alternate" type="application/rss+xml" title="Hicksdesign's Flickr Stream" href="https://web.archive.org/web/20080513222644/http://www.flickr.com/services/feeds/photos_public.gne?id=36268329@N00&format=rss_200"/> <link rel="alternate" type="application/rss+xml" title="Hicksdesign's del.icio.us bookmarks" href="https://web.archive.org/web/20080513222644/http://del.icio.us/rss/jonhicks"/> <link rel="alternate" type="application/rss+xml" title="Hicksdesign's playlist" href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/rss/?section=playlist&limit=9"/> <!-- CSS --> <link rel="stylesheet" href="/web/20080513222644cs_/http://www.hicksdesign.co.uk/css/basic.css" type="text/css" media="screen"/> <link rel="stylesheet" href="/web/20080513222644cs_/http://www.hicksdesign.co.uk/css/styles.php" type="text/css" media="screen"/> <link rel="alternate stylesheet" type="text/css" href="/web/20080513222644cs_/http://www.hicksdesign.co.uk/css/off.css" title="Plain" media="screen"/> <link rel="stylesheet" href="/web/20080513222644cs_/http://www.hicksdesign.co.uk/css/print.css" type="text/css" media="print"/> <!--[if lte IE 7]> <link href="/css/ie.css" type="text/css" rel="stylesheet" media="screen" /> <![endif]--> <!-- sorcery --> <script type="text/javascript" src="/web/20080513222644js_/http://www.hicksdesign.co.uk/mint/?js"></script> <script type="text/javascript" src="/web/20080513222644js_/http://www.hicksdesign.co.uk/js/global.js"></script> <script type="text/javascript" src="https://web.archive.org/web/20080513222644js_/http://www.hicksdesign.co.uk/?file=livesearch"></script> <script type="text/javascript" language="javascript" src="https://web.archive.org/web/20080513222644js_/http://v3.flickrshow.com/js/with/"></script> <script type="text/javascript">fs1 = new flickrShow("72157603217669471", "fsDemo", "grey"); </script> </head> <body id="default" class="lbox"> <div id="skipLink"><p><a href="#content" title="Go straight to the main content">Skip to Content »</a></p></div> <div id="wrapper"> <div id="logo"> <img src="/web/20080513222644im_/http://www.hicksdesign.co.uk/images/logo.png" alt="hicksdesign"/> </div><!-- //logo --> <!-- main navigation --> <div id="nav"> <ol> <li id="n-work"><a href="/web/20080513222644/http://www.hicksdesign.co.uk/" title="View samples of my work">work</a></li> <li id="n-about"><a href="/web/20080513222644/http://www.hicksdesign.co.uk/about/hicksdesign/" title="Find out more">about</a> </li> <li id="n-journal"><a href="/web/20080513222644/http://www.hicksdesign.co.uk/journal/" title="the blog">journal</a> </li> <li id="n-extras"><a href="/web/20080513222644/http://www.hicksdesign.co.uk/extras/" title="Fonts, Desktops and Browser themes">extras</a></li> <li id="n-contact"><a href="/web/20080513222644/http://www.hicksdesign.co.uk/contact/" title="Get in touch, hire me or ask me a question">contact</a></li> </ol> <div id="switcher"> <p class="off"><a href="/web/20080513222644/http://www.hicksdesign.co.uk/css/styles.php?style=off" title="turn off styling for a plain view">Turn off styling</a></p> <p class="on"><a href="/web/20080513222644/http://www.hicksdesign.co.uk/css/styles.php?style=default">Turn Styling on</a></p> <p>©2003-08 hicksdesign<br/> <a href="/web/20080513222644/http://www.hicksdesign.co.uk/about/rss/"><img src="/web/20080513222644im_/http://www.hicksdesign.co.uk/images/rss.png" alt=""/> RSS Feeds</a> | <a href="/web/20080513222644/http://www.hicksdesign.co.uk/map/">Site map</a></p> </div> <!-- // switcher --> </div><!-- // nav --> <!-- start of the main content --> <div id="content"> <div class="inner"> <h1>welcome to //hicksdesign</h1> <div class="sidebox"> <div class="projects"> <h2>Recent Projects</h2> <ul id="toggle"> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/silverback" title="View Silverback"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/329t.jpg" alt="Silverback"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/mahalo" title="View Mahalo"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/328t.jpg" alt=""/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/really-worriedcom" title="View Really Worried.com"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/284t.jpg" alt="Really Worried Logo"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/nuance-labs-logo" title="View Nuance Labs聽Logo"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/283t.png" alt="Nuance Labs Logo"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/caminobrowserorg" title="View Caminobrowser.org"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/281t.png" alt="camino"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/miro-logo" title="View Miro聽logo"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/280t.png" alt="Miro logo"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/student-open-doors" title="View Student Open聽Doors"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/279t.png" alt="Student Open Doors Site"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/underground-uk" title="View underground聽uk"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/27t.png" alt="underground site version 2"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/attap-logos" title="View Attap聽Logos"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/219t.png" alt="Attap Logos"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/buzzvote" title="View Buzzvote"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/218t.png" alt="Buzzvote"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/edge-of-my-seatcom" title="View Edge of My Seat.com"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/217t.png" alt="Edge of my Seat.com"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/riffs" title="View Riffs"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/216t.png" alt="Riffs"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/automatic-ltd" title="View Automatic聽Ltd"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/81t.png" alt=""/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/the-escape-committee-logo" title="View The Escape Committee聽logo"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/76t.png" alt="The Escape Committee"/> </a> </li> <li> <a href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/work/torchbox-branding" title="View Torchbox聽branding"> <img src="https://web.archive.org/web/20080513222644im_/http://www.hicksdesign.co.uk/images/txp/49t.png" alt="Torchbox branding"/> </a> </li> </ul> </div><!-- recent projects --> <!-- contact info presented as a hCard Microformat --> <!-- For more information on Microformats see http://microformats.org --> <div class="vcard"> <h2>contact</h2> <img src="https://web.archive.org/web/20080513222644im_/http://hicksdesign.co.uk/feeds/hcard/jonhicks.jpg" alt="photo of Jon Hicks" class="photo hide"/> <a class="url fn hide" href="https://web.archive.org/web/20080513222644/http://www.hicksdesign.co.uk/"><span class="given-name">Jon</span> <span class="family-name">Hicks</span></a> <div class="org hide">Hicksdesign</div> <div class="adr hide"> <span class="type">Work</span> <span class="street-address">Cotswold Innovation Centre</span> / <span class="extended-address">42 AP Ellis Road</span> / <span class="locality">Upper Rissington</span><br/> <span class="region">Gloucestershire</span> / <span class="country-name">UK</span> / <span class="postal-code">GL54 2QB</span> </div> <p><strong>t:</strong> <span class="tel">+44 (0)7917 391 536</span></p> <p>We're not currently taking on new projects - sorry!</p> <p><a href="https://web.archive.org/web/20080513222644/http://feeds.technorati.com/contacts/http://www.hicksdesign.co.uk/contact/"><img src="/web/20080513222644im_/http://www.hicksdesign.co.uk/images/vcf.gif" alt="Click to download my vCard" style="margin:0 5px 0 0"/>Download our vCard</a></p> </div> </div><!-- // sidebox --> <div class="maincol"> <div id="intro"> <p class="woo-thats-big">Hicksdesign is a small creative studio based in Oxfordshire, UK. We create web sites and user interfaces built with web standards, as well as designing for print (we like branding in particular).</p> <div class="info clients"> <h2>clients include:</h2> <p>Linotype // Mahalo // Yes.com // The Forgiveness Project // Westciv // The Forster Company // Mozilla Foundation // Attap // Open Doors UK // Agape UK // Harcourt Educational Publishing</p> </div><!-- // info --> </div><!-- // intro --> </div><!-- //maincol --> </div><!-- wrap end --> <!-- The deliberately annoy Norm section --> <b id="tops"></b><b id="bottom"></b><b id="left"></b><b id="right"></b> </body> </html> <!-- FILE ARCHIVED ON 22:26:44 May 13, 2008 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 03:54:57 Feb 27, 2025. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.838 exclusion.robots: 0.035 exclusion.robots.policy: 0.021 esindex: 0.013 cdx.remote: 13.766 LoadShardBlock: 261.195 (6) PetaboxLoader3.datanode: 273.019 (7) PetaboxLoader3.resolve: 115.823 (2) load_resource: 155.336 -->