<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
   <channel>
      <title>Griffin Interactive</title>
      <link>http://www.griffininteractive.net/</link>
      <description>The all new Griffin Interactive weblog</description>
      <language>en</language>
      <copyright>Copyright 2008</copyright>
      <lastBuildDate>Wed, 02 Apr 2008 16:28:32 +0000</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 

            <item>
         <title>Doctor who is back</title>
         <description><![CDATA[Doctor who ventures back to our screens this weekend in the latest 4th season, check out the video below.

<object width='460'><param name='movie' value='http://video.news.sky.com/sky-news/app/flash/SkyvideoWrapper.swf?playerType=embedded&type=sky_production&videoSourceID=1311449&flashVideoUrl=feeds/skynews/latest/flash/drwho_p4640.flv'></param><param name='allowFullSceen' value='true'></param><param name='allowScriptAccess' value='always'></param><embed src='http://video.news.sky.com/sky-news/app/flash/SkyvideoWrapper.swf?playerType=embedded&type=sky_production&videoSourceID=1311449&flashVideoUrl=feeds/skynews/latest/flash/drwho_p4640.flv' type='application/x-shockwave-flash' allowFullScreen='true' allowScriptAccess='always' width='460'></embed></object>]]></description>
         <link>http://www.griffininteractive.net/2008/04/doctor_who_is_back.html</link>
         <guid>http://www.griffininteractive.net/2008/04/doctor_who_is_back.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Misc</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">Doctor Who</category>
        
         <pubDate>Wed, 02 Apr 2008 16:28:32 +0000</pubDate>
      </item>
            <item>
         <title>Vista you start me up!</title>
         <description><![CDATA[So some of us have moved to Windows Vista, a few teething problems but are please with some usability improvements.

For instance the most obvious to note is that you no longer have to start in order to 'shut down'.

As a user of Windows XP you had to select the 'Start' button to shut down the machine, which always seemed a bit of a misnomer to me. However Vista improves on this by only showing the icon button.

<strong>Windows XP - Start it up then Shut it down</strong>

<img alt="xp-shutdown.png" src="http://www.griffininteractive.net/xp-shutdown.png" width="333" height="64" />

<br />

<strong>Windows Vista - Shut down</strong>

<img alt="vista-shoutdown1.png" src="http://www.griffininteractive.net/vista-shoutdown1.png" width="410" height="78" />

Although I still found myself hunting the 'shut down' option and inadvertently selecting the globally recognised symbol for stand-by.

<img alt="vista-standby.png" src="http://www.griffininteractive.net/vista-standby.png" width="146" height="54" />]]></description>
         <link>http://www.griffininteractive.net/2008/02/vista_you_start_me_up.html</link>
         <guid>http://www.griffininteractive.net/2008/02/vista_you_start_me_up.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Usability</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">Microsoft</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Usability</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Vista</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Windows</category>
        
         <pubDate>Sat, 16 Feb 2008 23:32:32 +0000</pubDate>
      </item>
            <item>
         <title>Tag cloud filter</title>
         <description><![CDATA[<img class="article-img" src="/gi-images/articles/tagcloud.png" alt="Tag cloud filter"/>Tag clouds are great to visually indicate the popularity or frequency of a word. But as tag clouds increase in size so it takes more time to find the content tag you're looking for.

The efficiency of the tag cloud can be improved by applying colour ranges to match word frequency, as well as better use of <a href="http://www.echochamberproject.com/node/247" target="_BLANK" title="Tag Cloud Font Distribution Algorithm">text size</a>. The article (<a href="http://coelomic.wordpress.com/2006/01/02/tag-clouds/">"In search of the perfect Tag Cloud"</a> looks at a number of sites with varying techniques.

Another way to quickly view tags by popularity is to filter them by a selected weight. Using the slider interface we can let the user quickly adjust the displayed tags. 

Using a number of popular scripting libraries here is an example of our <a href="http://www.griffininteractive.net/slider/slider.html" target="_BLANK">Tag Cloud filter</a>.

<a class="action" style="padding-left: 80px; padding-right: 10px; float: left; clear: none" href="http://www.griffininteractive.net/slider/slider.html" target="_BLANK"><img src="/gi-images/actions/look.png" alt="Look at the fancy tag cloud slider"/></a><a class="action" href="http://www.griffininteractive.net/slider/slider.zip"><img src="/gi-images/actions/download.png" alt="Download the fancy tag cloud slider"/></a>]]></description>
         <link>http://www.griffininteractive.net/2007/07/tag_cloud_filter.html</link>
         <guid>http://www.griffininteractive.net/2007/07/tag_cloud_filter.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">UI Design Patterns</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">Interaction design</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">JavaScript</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Prototype</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Slider</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Tag Cloud</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">UI design</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Widgets</category>
        
         <pubDate>Mon, 16 Jul 2007 19:14:09 +0000</pubDate>
      </item>
            <item>
         <title>Managing multiple onLoad events with Prototype</title>
         <description><![CDATA[<p>This is an update to a previous article written way back in 2003 "<a href="http://www.griffininteractive.net/2003/04/managing_multiple_onload_event.html">Managing multiple onLoad events in JavaScript</a>".</p>

<p>The article describes how to create an array of onload (window.onload) events in order to queue each event and enable the browser to perform onload sequentially. However this can all be forgotten in preference to the <a href="http://www.prototypejs.org">Prototype Javascript Framework</a> and the useful <a href="http://www.prototypejs.org/api/event/observe">Event Observe</a> method.</p>

<p>Use Event.observe instead of using &lt;body onload="return myFunction()"&gt; or DOM Level-0 event property window.onload = myFunction;</p>]]></description>
         <link>http://www.griffininteractive.net/2007/06/managing_multiple_onload_events_with_prototype.html</link>
         <guid>http://www.griffininteractive.net/2007/06/managing_multiple_onload_events_with_prototype.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Scripting</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">JavaScript</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Prototype</category>
        
         <pubDate>Sat, 16 Jun 2007 13:11:58 +0000</pubDate>
      </item>
            <item>
         <title>Alien Attack</title>
         <description><![CDATA[Whilst looking through some dated archives I found some old animations, before condemning them to the waste bin I decided to upload a few to youtube for future reference.

ISS-7 Alien Attack was a university animation project (1998), and created using 3D Studio Max.

<p class="media"><object width="300" height="250"> <param name="movie" value="http://www.youtube.com/v/9lKy8ku_L0k"> </param> <embed src="http://www.youtube.com/v/9lKy8ku_L0k" type="application/x-shockwave-flash" width="300" height="250"> </embed> </object></p>]]></description>
         <link>http://www.griffininteractive.net/2007/05/alien_attack.html</link>
         <guid>http://www.griffininteractive.net/2007/05/alien_attack.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Creativity</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">3D Animation</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">3D Studio Max</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Computer animation</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Showreel</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">youtube</category>
        
         <pubDate>Mon, 28 May 2007 20:43:16 +0000</pubDate>
      </item>
            <item>
         <title>Introducing the Slider control</title>
         <description><![CDATA[<img class="article-img" src="/gi-images/articles/slider-ui/slider-ctrl.png" alt="Slider control"/>The slider as a control interface can be found on a number of appliances within the home. Maybe more so within older analogue interfaces such as a television volume control or Hi-fi graphic equaliser.

All in all the sliders prime use is to control a range, where the position of the slider defines the control.

In this article we look at common uses of the 'Slider' within the home, the computer interface, web and Mobile UI.]]></description>
         <link>http://www.griffininteractive.net/2007/05/introducing_the_slider_control.html</link>
         <guid>http://www.griffininteractive.net/2007/05/introducing_the_slider_control.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">UI Design Patterns</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">Google</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">HCI</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Interaction design</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Kayak</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Mobile UI</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">OSX</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Slider</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">T-Mobile</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">UI design</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">UIQ</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Vista</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Widgets</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">XP</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">YouTube</category>
        
         <pubDate>Thu, 17 May 2007 20:01:14 +0000</pubDate>
      </item>
            <item>
         <title>Google&apos;s User Experience for Mobile Applications</title>
         <description><![CDATA[<p>Google have unveiled their Mobile User Experience Strategy for the delivery of Mobile Applications. To read more on the overall strategy check out the article "<a href="http://www.informationweek.com/blog/main/archives/2007/04/google_lays_out.html">Google’s Mobile User Experience Strategy</a>" over at <a href="http://www.informationweek.com">Information Week</a>.</p>

<p>Google state that the application design can be segmented into 6 layers:</p>

<ol>
<li>Understanding users, anywhere, anytime</li>
<li>Fits in your pocket</li>
<li>More personal than the PC</li>
<li>Consistency across modes</li>
<li>Localization is intensified</li>
<li>Integrated devices, modes, products</li>
</ol>]]></description>
         <link>http://www.griffininteractive.net/2007/05/googles_user_experience_for_mobile_applications.html</link>
         <guid>http://www.griffininteractive.net/2007/05/googles_user_experience_for_mobile_applications.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Mobile</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">Google</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">GPS</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Mobile Applications</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Mobile UI</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Mobile User Experience</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Mobility</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Nokia N95</category>
        
         <pubDate>Sun, 06 May 2007 14:06:37 +0000</pubDate>
      </item>
            <item>
         <title>BBC Explain Web Accessibility</title>
         <description><![CDATA[When a national TV network air a story on Web Accessibility you know, finally knowledge is spreading and soon enough people will take notice.

Explaining Accessibility to clients back in 2003 was difficult, So it is great to see topics such as Web Accessibility covered on the BBC's technology programme.

Okay, some of the facts are a little scew; CSS has actually been around way before stated (Try looking at <a href="http://www.useit.com/alertbox/9707a.html" title="Link to useit.com">Effective Use of Style Sheets</a>, dated 1997).

<p class="media"><object width="300" height="250"><param name="movie" value="http://www.youtube.com/v/U2VVxrWun6A"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/U2VVxrWun6A" type="application/x-shockwave-flash" wmode="transparent" width="300" height="250"></embed></object>
</p>]]></description>
         <link>http://www.griffininteractive.net/2007/05/bbc_explain_web_accessibility.html</link>
         <guid>http://www.griffininteractive.net/2007/05/bbc_explain_web_accessibility.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Accessibility</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">BBC</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Usability</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Web Accessibility</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Web Standards</category>
        
         <pubDate>Fri, 04 May 2007 23:20:55 +0000</pubDate>
      </item>
            <item>
         <title>Mobile Web Guidelines</title>
         <description><![CDATA[With input from big players such as Google, Microsoft, Nokia, AOL, AT&T, Ericsson, GoDaddy, and Vodafone the W3C have defined a set of basic guidelines for developing mobile Web content.

<a href="http://www.w3.org/TR/2006/CR-mobile-bp-20060627/">Mobile Web Best Practices 1.0</a>, consists of instructions on how to avoid technical issues when viewing web content from mobile devices.

The guidelines also focus on how to prevent known problems such as pop-up windows, horizontal page scrolling and more. It is seen that these guides will aid content authors, web developers and web designers when planing to create websites that will also be available via mobile devices.

There is also a Wiki dedicated to the Mobile Web Best Practices, enabling people to actively respond and add valuable input.

<a href="http://www.w3.org/2005/MWI/BPWG/techs/TechniquesIntro">Mobile Web Best Practices Wiki</a>]]></description>
         <link>http://www.griffininteractive.net/2006/07/mobile_web_guidelines.html</link>
         <guid>http://www.griffininteractive.net/2006/07/mobile_web_guidelines.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Mobile</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">AOL</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">ATT</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Ericsson</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">GoDaddy</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Mobile Web</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Nokia</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Vodafone</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">W3C</category>
        
         <pubDate>Thu, 27 Jul 2006 22:21:58 +0000</pubDate>
      </item>
            <item>
         <title>XMLHttpRequest Object methods</title>
         <description><![CDATA[<style>
 table#object caption {text-align: left }
 table#object th { text-align: left; background-color: #F5F5F5;}
 table#object td, table#object th { font-size: 90%; border: 1px solid #ccc; padding: 4px; } 
</style>

<table id="object">
<caption>Description of the Methods and Properties used to make up the XMLHttpRequest Object</caption>
<thead>
 <tr><th>Method/Property</th><th>Description</th></tr>
</thead>
<tbody>
 <tr><th>abort()</th><td>Stops the current request.</td></tr>
 <tr><th>getAllResponseHeaders()</th><td>Returns the response headers as a string.</td></tr>
 <tr><th>getResponseHeader("headerLabel")</th><td>Returns a single response header as a string.</td></tr>
 <tr><th>open("method", "URL"[, asyncFlag[,<br/>"userName"[, "password"]]])</th><td>Initializes the request parameters.</td></tr>
 <tr><th>send(content)</th><td>Performs the HTTP request.</td></tr> 
 <tr><th>setRequestHeader("label", "value")</th><td>Sets a label/value pair to the request header.</td></tr>
 <tr><th>onreadystatechange</th><td>Used to set the callback function that handles request state changes.</td></tr>
 <tr><th valign="top" rowspan="6">readyState</th><td>Returns the status of the request:</td></tr>
 <tr><td>0 = uninitialised</td></tr>
 <tr><td>1 = loading</td></tr>
 <tr><td>2 = loaded</td></tr>
 <tr><td>3 = interactive</td></tr>
 <tr><td>4 = complete</td></tr>
 <tr><th>responseText</th><td>Returns the server response as a string.</td></tr>
 <tr><th>responseXML</th><td>Returns the server response as an XML document.</td></tr>
 <tr><th>Status</th><td>Returns the status code of the request.</td></tr>
 <tr><th>statusText</th><td>Returns the status message of the request.</td></tr>
</tbody>
</table>]]></description>
         <link>http://www.griffininteractive.net/2006/07/xmlhttprequest_object_methods.html</link>
         <guid>http://www.griffininteractive.net/2006/07/xmlhttprequest_object_methods.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Web design</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">AJAX</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">JavaScript</category>
        
         <pubDate>Sat, 15 Jul 2006 16:14:03 +0000</pubDate>
      </item>
            <item>
         <title>IE AlphaImageLoader filter and browser memory usage</title>
         <description><![CDATA[<p>The AlphaImageLoader filter does allow basic rendering of alpha transparent PNGs within the IE web browser, however heavy usage does come with a price in memory usage.</p>

<blockquote><p>If your webpage does use images with transparency, then the performance difference will depend on how many of those images are present, what size they are, and how they are drawn". (<a href="http://blogs.msdn.com/ie/" title="IE7 Blog">Quoted from the IEBlog</a>).</p></blockquote>

<p>Take a look at <a href="http://challenger.se/">challenger.se</a> the site uses a number of Alpha transparent images, including the ability for the users to drag images around the page.</p>

<p>The author of the site has noticed a few issues when supported Internet Explorer.</p>
<blockquote>
<p>I have noticed that IE doesn't free up the memory usage of a filter allocates, even though the element/object its attached to is "deleted"/removed dynamically. This should be taken care of. Otherwise, single-page-navigation-pages allocates very much memory fast.</p>
<p>A change of css-properties will cause IE to re-download any background-images it has attached to the element, event though the background property isn't affected. The "event" bubbles to parent elements as well, which causes additional download. I think this has to be fixed soon, obtain a high priority. (Quote from the Swedish author).</p>
</blockquote>]]></description>
         <link>http://www.griffininteractive.net/2006/04/ie_alphaimageloader_filter_and.html</link>
         <guid>http://www.griffininteractive.net/2006/04/ie_alphaimageloader_filter_and.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Web design</category>
        
        
         <pubDate>Wed, 12 Apr 2006 23:06:21 +0000</pubDate>
      </item>
            <item>
         <title>Zends PHP Web application framework</title>
         <description><![CDATA[Zend have announced that they are working (with some industry players) in developing a <a href="http://zend.com/news/zendpr.php?id=109">standard PHP application framework</a>.

Hopefully this will cement PHP use as a serious development language, I believe more often than not developers are put off by poor development practices when using PHP.

With PHP 5.0 and a Standard development framework (backed by industry players) then it is sure to add more clout to a already very popular programming language. And yes I say programming language NOT scripting language.

If Microsoft own .Net and SUN own Java then I wonder who will step in and fund the majority towards a credible PHP development framework? Project participants currently include: IBM, Oracle, MySQL and Intel.]]></description>
         <link>http://www.griffininteractive.net/2005/11/zends_php_web_application_fram.html</link>
         <guid>http://www.griffininteractive.net/2005/11/zends_php_web_application_fram.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Misc</category>
        
        
         <pubDate>Wed, 02 Nov 2005 23:09:20 +0000</pubDate>
      </item>
            <item>
         <title>JCB Song</title>
         <description><![CDATA[<a href="http://www.jcbsong.co.uk">jcssong.co.uk</a>, created by <a href="http://www.monkeehub.com/">monkeehub.com</a> is a pure masterpiece and it is made even better if you are a fan of <a href="http://www.transformers.com">Transformers</a>, and the <a href="http://www.ateamshrine.co.uk">A-Team</a>. Check out the <a href="http://www.jcbsong.co.uk/jcbvideo.asp">JCB Song music video</a> too.]]></description>
         <link>http://www.griffininteractive.net/2005/09/jcb_song.html</link>
         <guid>http://www.griffininteractive.net/2005/09/jcb_song.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Misc</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">Music</category>
        
         <pubDate>Fri, 23 Sep 2005 10:08:44 +0000</pubDate>
      </item>
            <item>
         <title>Google Blog Search</title>
         <description><![CDATA[With the ever increasing popularity of Blog sites Google have decided to create a customised search site dedicated to Blogs. Called <a href="http://blogsearch.google.com/">Google Blog Search</a>.

I guess Blogs have infiltrated the Google search index on mass, and with many refers between blogs it means that most blog sites are top of the search pile. Maybe this the the sole reason to split them up into their own separate search site???

What I would really like to know is, how do Google define a blog site. When is a blog not a blog?]]></description>
         <link>http://www.griffininteractive.net/2005/09/google_blog_search.html</link>
         <guid>http://www.griffininteractive.net/2005/09/google_blog_search.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Misc</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">Blogs</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">Google</category>
        
         <pubDate>Fri, 16 Sep 2005 14:33:47 +0000</pubDate>
      </item>
            <item>
         <title>IE and CSS :focus</title>
         <description><![CDATA[CSS gives us (the web designer) the ability to add a pseudo class called <b>:hover</b> and <b>:focus</b>, however Internet Explorer does not support such functionality, and therefore you cannot tell if an anchor tag is legitamately chosen.

<a href="http://www.relativelyabsolute.com/articles/focus/">relativelyabsolute.com</a>
shows us how we can get around this, using a .htc file (<a href="http://www.relativelyabsolute.com/cssfocusandhover.htc">cssfocusandhover.htc</a>) we can add the functionality to our web site. It is not ideal and if you have a large stylesheet it wont work at all.

So what does it do? the .htc file reads all your external stylesheets and replaces any instance of :focus / :hover with a JavaScript alternative.

Don't take my word for it, give it ago, and try to extend the functionality too.]]></description>
         <link>http://www.griffininteractive.net/2005/08/ie_and_css_focus.html</link>
         <guid>http://www.griffininteractive.net/2005/08/ie_and_css_focus.html</guid>
                  <category domain="http://www.sixapart.com/ns/types#category">Web design</category>
        
                  <category domain="http://www.sixapart.com/ns/types#tag">CSS quirks</category>
                  <category domain="http://www.sixapart.com/ns/types#tag">IE</category>
        
         <pubDate>Tue, 16 Aug 2005 23:45:58 +0000</pubDate>
      </item>
      
   </channel>
</rss>
