<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
<title>Banjax Weblog</title>
<link rel="alternate" type="text/html" href="http://banjax.com/" />
<link rel="self" type="application/atom+xml" href="http://banjax.com/xml/atom.xml" />
<id>tag:banjax.com,2008-06-18://1</id>
<updated>2008-08-07T14:23:55Z</updated>
<subtitle>Based in Belfast, Northern Ireland, Banjax is a small but highly focused web engineering team specialising in advanced web application development and consultancy.</subtitle>
<generator uri="http://www.sixapart.com/movabletype/">Movable Type Open Source 4.1</generator>

<entry>
<title>HTML5 Reading Material</title>
<link rel="alternate" type="text/html" href="http://banjax.com/archive/2008/08/html5-reading-material.html" />
<id>tag:banjax.com,2008://1.135</id>

<published>2008-08-07T13:48:52Z</published>
<updated>2008-08-07T14:23:55Z</updated>

<summary>The HTML5 specification is being implemented piecemeal as areas of the specification become stable; with all of the major browser manufacturers involved in one or both of the two working groups (W3C and WHATWG) HTML5 will be becoming a bigger...</summary>
<author>
<name>Stephen Stewart</name>
<uri>http://www.banjax.com/</uri>
</author>

<category term="homepage" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="en" xml:base="http://banjax.com/">
<![CDATA[The HTML5 specification is being implemented piecemeal as areas of the specification become stable; with all of the major browser manufacturers involved in one or both of the two working groups ("W3C":http://www.w3.org/html/wg/ and "WHATWG":http://www.whatwg.org/) HTML5 will be becoming a bigger part of our day to day work. 

Currently all browsers support the HTML5 doctype, which triggers standards mode in browsers, so as an exercise we're trying out HTML5 on banjax.com:
<pre>
<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
    <title>Banjax Web Design</title>
    ...
</pre>

If you try banjax.com on the "HTML5 Outliner":http://james.html5.org/outliner.html you should see it breaks down into a nice neat 'Table of Contents' like outline, albeit without using the new section or footer elements (HTML5 is backward compatible).

You can also try "validator.nu":http://validator.nu/?doc=http%3A%2F%2Fwww.banjax.com%2F with the Banjax.com url, can't guarantee it's valid because as the spec changes so does validator.nu and we may be a little behind&mdash;though at the minute we're not doing anything too advanced so there shouldn't be a problem.

There is a lot of material on HTML5 out there, articles, presentations, tools and wikis. I thought I might try and bring together some of the good stuff:

*A couple of really quick HTML5 previews:*

"XTECH '08 HTML5 Lightning Talk":http://annevankesteren.nl/2008/xtech-html5
by Anne van Kesteren of Opera Software ASA
"How HTML5 can be used today":http://simon.html5.org/presentations/html5-geekmeet.en
by Simon Pieters of of Opera Software ASA

*A couple of much longer articles on HTML5:*

"A Preview of HTML 5":http://www.alistapart.com/articles/previewofhtml5
by Lachlan Hunt of Opera Software ASA
"New elements in HTML 5: Structure and semantics":http://www.ibm.com/developerworks/library/x-html5/
by Elliotte Rusty Harold

*Useful Resources:*

"HTML5 Validator":http://validator.nu/
by "Henri Sivonen":http://hsivonen.iki.fi/ & Mozilla (go to "Henri's site":http://hsivonen.iki.fi/, read the articles, acquire knowledge!)
"HTML5 FAQ":http://wiki.whatwg.org/wiki/FAQ
from the "WHATWG Wiki":http://wiki.whatwg.org/wiki/
"HTML5 Elements List":http://simon.html5.org/html5-elements
by Simon Pieters
"HTML5 Differences from HTML4":http://wiki.whatwg.org/wiki/Differences_from_HTML4
from the "WHATWG Wiki":http://wiki.whatwg.org/wiki/
"HTML vrs. XHTML":http://wiki.whatwg.org/wiki/HTML_vs._XHTML
from the "WHATWG Wiki":http://wiki.whatwg.org/wiki/
"HTML5 Outliner":http://james.html5.org/outliner.html
by James Graham]]>

</content>
</entry>

<entry>
<title>How not to get round the Data Protection Act</title>
<link rel="alternate" type="text/html" href="http://banjax.com/archive/2008/06/how-not-to-get-round-the-data.html" />
<id>tag:banjax.com,2008://1.119</id>

<published>2008-06-18T18:14:21Z</published>
<updated>2008-07-17T11:08:21Z</updated>

<summary><![CDATA[While registering for a click-use licence on the UK OPSI website I was presented with this gem, see if you can spot the mistake: &lt;p&gt;We publish a list of Licence Holders on our website. However, to comply with data protection...]]></summary>
<author>
<name>Stephen Stewart</name>
<uri>http://www.banjax.com/</uri>
</author>

<category term="homepage" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="en" xml:base="http://banjax.com/">
<![CDATA[While registering for a click-use licence on the <a href="http://www.opsi.gov.uk/">UK OPSI website</a> I was presented with this gem, see if you can spot the mistake:

<pre><code>

  <p>We publish a list of Licence Holders on our
    website. However, to comply with data protection
    legislation we do not show details of private
    individuals without their consent.</p>
  <label class='checkbox' for='listpublic'>Please tick
    the box if you have no objections to your name and
    address details appearing on our website:</label>
  <input class='checkbox' type='checkbox'
    name='listpublic' id='listpublic' checked='checked'
    disabled='disabled' />
</code>
</pre>

The input to opt out of being listed, and thus be compliant with the UK Data Protection Act, has the <code>disabled</code> attribute, which disables the use of the checkbox completely. You're signed up whether you like it or not.

Let's see what the W3C HTML spec says about use of the <code>disabled</code> attribute:

bq.  "In contexts where user input is either undesirable or irrelevant, it is important to be able to disable a control or render it read-only..."

Genius. :)]]>

</content>
</entry>

<entry>
<title>Thanks for all the linky love</title>
<link rel="alternate" type="text/html" href="http://banjax.com/archive/2008/05/thanks.html" />
<id>tag:banjax.com,2008:/weblog//1.94</id>

<published>2008-05-13T09:54:57Z</published>
<updated>2008-06-18T18:00:24Z</updated>

<summary><![CDATA[Looking at the server logs for Banjax.com we've got some nice linky love from the likes of bestwebgallery.com, cssmania.com, webcreme.com, screenfluent.com, www.cssleak.com &amp; www.mostinspired.com. So it seems only fair to return the favour, thanks everyone! If you're interested, when I...]]></summary>
<author>
<name>Stephen Stewart</name>
<uri>http://www.banjax.com/</uri>
</author>

<category term="homepage" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="en" xml:base="http://banjax.com/">
<![CDATA[<p>Looking at the server logs for Banjax.com we've got some nice linky love from the likes of <a href="http://bestwebgallery.com/">bestwebgallery.com</a>, <a href="http://cssmania.com">cssmania.com</a>, <a href="http://webcreme.com">webcreme.com</a>, <a href="http://screenfluent.com">screenfluent.com</a>, <a href="http://www.cssleak.com">www.cssleak.com</a> &amp; <a href="http://www.mostinspired.com">www.mostinspired.com</a>. So it seems only fair to return the favour, thanks everyone!</p>

<p>If you're interested, when I say I looked at the server logs this is what I mean:</p>

<pre>awk -F\" '($2 ~ /GET \/ /){ print $4 }' \ 
banjax.com-access.log \
| awk -F\/ '{ print $1,$2,$3 }' \
| sort | uniq -c | sort -nr</pre>

<p>Which returns something like this:</p>

<pre>
   1742 http:  cssmania.com
    861 http:  www.webcreme.com
    676 -  
    195 http:  webcreme.com
     88 http:  screenfluent.com
     70 http:  www.google.com
     24 http:  www.banjax.com
     23 http:  www.netvibes.com
     21 http:  www.mostinspired.com
     13 http:  www.cssleak.com
     ...
</pre>

<p>AWK is very useful for working with logs, you can read more about it here on the <a href="http://en.wikipedia.org/wiki/AWK_(programming_language)">Wikipedia page for AWK</a>.<p>]]>

</content>
</entry>

<entry>
<title>A New Banjax Web Site. </title>
<link rel="alternate" type="text/html" href="http://banjax.com/archive/2008/04/the-new-banjax-web-site.html" />
<id>tag:banjax.com,2008:/weblog//1.62</id>

<published>2008-04-22T22:51:31Z</published>
<updated>2008-06-18T19:11:13Z</updated>

<summary>It&#8217;s hard writing these &#8220;first post&#8221; posts. There&#8217;s a lot of performance anxiety, what&#8217;s my voice, my motivation&#8230; We don&#8217;t generally use XHTML here, we hate neither web standards nor Zeldman. We just don&#8217;t believe in XHTML. 99.999% of the...</summary>
<author>
<name>Stephen Stewart</name>
<uri>http://www.banjax.com/</uri>
</author>

<category term="homepage" scheme="http://www.sixapart.com/ns/types#category" />


<content type="html" xml:lang="en" xml:base="http://banjax.com/">
It&apos;s hard writing these &quot;first post&quot; posts. There&apos;s a lot of performance anxiety, what&apos;s my voice, my motivation...

We don&apos;t generally use XHTML here, we hate neither web standards nor Zeldman. We just don&apos;t believe in XHTML. 99.999% of the time what people sell as XHTML is actually HTML. If you&apos;re not transporting your content text/html then it doesn&apos;t matter what you say in the DOCTYPE or META, it&apos;s plain ol&apos; HTML. And there&apos;s nothing wrong with that at all, in fact, since it works in *all* browsers (ie. Internet Explorer) it&apos;s a much better idea all round.

Anyway, I think I&apos;ve set the bar low enough here for future blog posts from the people at Banjax (and guests!).

I hope you like our website and I hope we find the bugs before you do. :)

</content>
</entry>

</feed>