Curiouser and Curiouser! on web-ui http://matt.blogs.it/ RSS feed for topic web-ui Copyright 2006 Matt Mower Squib/0.1 self@mattmower.com self@mattmower.com en-gb Them nifty boxes Tue, 10 May 2005 22:16:53 +0100 <p><a href="http://farm.tucows.com/blog/_archives/2005/5/10/670308.html">Docking boxes</a> look pretty cool. <a href="http://brothercake.com/scripts/dbx/dbx.html?PHPSESSID=2430f08da9b77b338dbd6f38f468d043">Check</a> <a href="http://brothercake.com/scripts/dbx/dbx-news.html?PHPSESSID=2430f08da9b77b338dbd6f38f468d043">out</a> <a href="http://brothercake.com/scripts/dbx/dbx-buttons.html?PHPSESSID=2430f08da9b77b338dbd6f38f468d043">the</a> <a href="http://brothercake.com/scripts/dbx/dbx-cute.html?PHPSESSID=2430f08da9b77b338dbd6f38f468d043">demos</a>.</p> http://matt.blogs.it/entries/00002573.html Making images Thu, 19 May 2005 11:36:12 +0100 <p>I'm questing for a tool which will automatically generate an image of a web page for me, allowing me to scale it so that the image is small. In my search I came across the <a href="http://www.cooltext.com/">CoolText logo generator</a>.</p> http://matt.blogs.it/entries/00002623.html Visualising the topic space Thu, 19 May 2005 12:18:45 +0100 <p>I've been trying to think about better ways of visualizing the topics I use in this weblog and how to make my content archive easier to navigate as well as exposing recent threads. I've added a graphic to the navbar which is a shrunken version of the <a href="http://matt.blogs.it/topics/">topic index</a> page and links to it. The size of a topic on that page indicates how recently used it was so current interests <em>poke out</em> of the crowd. However it's rather a one-dimensional approach. It's also not live, it's just an image. I'd have to regenerate it regularly to make it relevant. There is also an element that, within an archive page, it maybe should reflect those topics I was using <strong>at that time</strong> rather than those I am using now.</p> <p>I'm thinking some kind of flash based UI (<a href="http://www.laszlosystems.com/">Laszlo</a>?) might be a reasonable approach to this. I had some idea about concentric rings where topics closer to the centre were used most often and the size corresponded to overall use. The idea being that you could make it small in the page so that it's unobtrusive but eye-catching and them, when the mouse goes over, expand it so that people could begin navigating with a usable interface.</p> <p>Anyone interested in working on something like this? We can export the topic information in a standardized format so that other blogs can play along.</p> http://matt.blogs.it/entries/00002627.html Sweet, sweet, slider Mon, 15 Aug 2005 14:20:36 +0100 <p>A sweet DHTML slider control <a href="http://webfx.eae.net/dhtml/slider/demo.html?css=css/luna/luna.css">demo</a>. [Via <a href="http://www.ajaxian.com/archives/2005/08/rich_html_slide.html">Ajaxian Blog</a>]</p> http://matt.blogs.it/entries/00002832.html So it's a graphical web after all Fri, 07 Oct 2005 09:44:27 +0100 <p><a href="http://overstimulate.com/projects/canvas/">Canvas</a> demo's (for Firefox 1.5 and Safari) are pretty neat (especially the AJAX based <em>live</em> chart). [Via <a href="http://simon.incutio.com/archive/2005/10/05/canvas">Simon Willison</a>]</p> http://matt.blogs.it/entries/00003008.html Useful resource for web development Thu, 19 Jan 2006 18:37:05 +0000 <p><a href="http://www.codestyle.org/index.shtml">Code Style</a> is a useful site with a lot of information about common fonts across Windows and Mac. In particular it helped me answer the question:</p> <blockquote> <p>What is a good font to use for displaying &lt;code&gt; blocks in HTML?</p> </blockquote> <p>And the answer was Monaco for the Mac, with a fall-back to Andale Mono which is common to both platforms, and Courier New as a backstop.</p> http://matt.blogs.it/entries/00003262.html