tag:blogger.com,1999:blog-106622352008-02-10T21:00:28.903ZLogoblog: Web Standards, Accessibility & UsabilityAndyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comBlogger33125tag:blogger.com,1999:blog-10662235.post-1160169225538259642006-10-06T22:13:00.000+01:002006-10-06T22:13:45.556+01:00testertestAndyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1157582115066689602006-09-06T23:34:00.000+01:002006-09-06T23:35:15.066+01:00Moving troublesOh Dear the internet troubles one person can have. Hopefully this will work? maybe?Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1152918789144761902006-07-15T00:11:00.000+01:002007-04-13T05:21:00.766+01:00New Yahoo! Product<a href="http://www.thewatchmakerproject.com/farukr/">Maybe</a> :PAndyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1151532963556620712006-06-28T23:14:00.000+01:002007-03-23T07:53:08.136ZBusy Busy BusyToo much going on at the moment to even get my thought about @Media up. Excuse the brief break. Normal service to be resumed in the next couple of weeks.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1146173358439787752006-04-27T22:16:00.000+01:002007-04-14T20:35:32.306+01:00Big business failing on accessibilityThe team over at Nomensa have compiled an <a href="http://www.nomensa.com/news/at-nomensa/2006/4/FTSE-100-websites-fail-accessibility-requirements.html">accessibility report on websites of the companies in the <abbr title="Financial Times Stock Exchange">FTSE</abbr> 100.</a><br /><br /><blockquote>Only 24 sites achieve the minimum level of accessibility – and none go beyond that to double A or triple A standards. Out of those 24 sites that met some level of accessibility (single A standard), two companies stood out from the rest: the Daily Mail &amp; General Trust and Xstrata. In fact, these two organisations only failed to reach the next level by one checkpoint.<br /></blockquote>This report just goes to highlight the importance of the new <abbr title="Web Standards Project">WaSP</abbr> <abbr title="Accessibility Task Force">ATF</abbr> <a href="http://www.webstandards.org/2006/04/19/atf-manifesto/">Manifesto statement</a><br />I just hope big business start to get the message.<br />Either that or we could just send Bruce Lawson round with a baseball bat and and a hockey mask to kick some ass.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1145200177495094752006-04-16T15:43:00.000+01:002007-03-31T08:39:27.796+01:00Hey you stole that design!I have been working on a personal project of mine on and off for a long time now. It was first mentioned to other people during <a href="http://www.atmedia2005.co.uk/">@Media 2005</a> and I had been thinking about it and preparing for a few months before that.<br /><br />I have the domain name already in the bag, quite a sought after one as well I would be willing to bet, and I have the design comps. I always knew how I wanted the site to look and I had a decent idea as to what the sections would be. It was just the mechanics of the concept that were holding me back. In fact I am still quite unsure as to the format of the "competition". (<span style="font-weight: bold; font-style: italic;">Ed:</span> <span style="font-style: italic;">Shh, don't say too much</span>)<br /><br />This site still isn't live and still isn't complete for may reasons including the fact that shortly before @Media 2005 my daughter was born and that combined with other work and educational commitments have got in the way.<br /><br />Anyway, recently I have found enough time, and inclination, to revisit this site and idea in order to finally get it off the ground. I believe in the idea and I think it will work. Hell, if a celeb (web celeb not someone from <span style="font-style: italic;">Heat Magazine</span>) did this site it would be a sure fire hit; I'd be willing to bet the mortgage on it.<br /><br />I pulled up the old design comps and it reminded me of something. I puzzled it out for a few seconds and realised it was the same layout (bar the logo) as the new <a href="http://www.webstandards.org/">WaSP redesign</a>.<br /><br /><span style="font-weight: bold;">IMPORTANT NOTE:</span> The title of the post is a <span style="font-weight: bold;">Joke</span>. I am by no means accusing anyone of stealing the design. <span style="font-style: italic;">Please</span> read on before hitting reply and telling me that I suck and Andy Clarke / WaSP Ownz me!<br /><br />The point of this post is that whenever a new site goes live there will be comparisons with sites that are already out there. Similarities will exist between any new site and one that already exists. It's inevitable.<br /><br />Aside from the Logo (duh) and the Navigation bar the layout of the rest of the page is very similar (Larger left column, 2 supporting columns dropping to 1 as and when required).<br /><br />There are major differences as well though. The colour scheme is nothing at all like the one I did and the site, although along similar lines (Pushing web standards and CSS), content will be different<br /><br />Now my first thought was that the site looks like the new WaSP design. What will people say?<br /><br />Will I get loads of fanboys filling my inbox with <a href="http://www.digg.com/">digg</a> style comments of "<span style="font-style: italic;">U Suck!</span>", "<span style="font-style: italic;">My Granny could do better, get your own design loser</span>" etc.<br /><br />I guess my question is this: Can we be precious about the layout of a page when it is so generic or is it ok to use a similar layout to someone else however unintentional it may be?<br /><br />Don't get me wrong I am not talking about blatantly ripping off a site that is very unique in design or content like the people that <a href="http://joshuaink.com/blog/508/coincidence-stolen-or-inspired">John Oxton</a> discussed or the jokers <a href="http://www.thewatchmakerproject.com/journal/209/plagiarised">Matthew Pennell</a> had to deal with, I am talking about using a similar/same layout style as another site.<br /><br />I have to admit that John Oxton's comments on that old post are what made me think about this.<br /><br /><blockquote>The other thing to consider is it wasn’t too long ago someone found a design on template monster that you would swear was a rip off of mine but it had been done nearly 12 months before hand; had I ripped that design off? No, it was an unhappy coincidence and I would have been really pissed off had anyone suggested otherwise.</blockquote><br />I would also be pissed if people start saying I have ripped the design when I have done no such thing. I don't want to have to redesign a site that I am happy with. Why should I?<br /><br />Maybe I'm being paranoid but there are a lot of people out there quick to criticise. Just check out <a href="http://www.cssbeauty.com/archives/2006/April/redgate_golf_course/#comment">these comments on CSS Beauty</a>. The guy had to go back and display an old version of the site to prove that he hadn't ripped the PGA design off.<br /><br />The sad thing is that if I am honest I am still not sure I believe him, which is kind of what I am worried about.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1143409954287862332006-03-26T22:48:00.000+01:002006-07-28T10:49:24.306+01:00OS X App: Tinker ToolI have been toying with the idea for a while of switching 100% to Mac. General day to day stuff is no problem at all. office is available, as are alternatives, I can check my emails yada yada. The one thing that has been holding me back is web development which is obviously quite important to me and my job. No worries I though and I have even convinced myself to switch from my native ASP programming background to the realms of PHP.<br /><br />Before I start I should point out that I am a Mac newbie so if I say something stupid then please correct me. I have managed to "turn on" Apache, Install PHP, Install mySQL and CocoaMySQL (Similar to phpMyAdmin I am lead to believe) and set up Wordpress. Before now I have used Windows, ASP and IIS exclusively and I have looked into Apache and most of the "magic" is done in 2 files: <span style="font-weight: bold;">httpd.conf</span> for general settings and <span style="font-weight: bold;">.htaccess</span> for specific directories.<br /><br />The first problem on the Mac is that you cant get to either of these files. .htaccess files are hidden by default as in UNIX any filename that begins with a period is hidden. The httpd.conf file is in a hidden directory that you can't get to either. I tried using Spotlight but it doesn't find either of these files as it doesn't show hidden or system files :/<br /><br />Also, It seems that there is no option in system settings to display hidden files and folders. Basically I needed a way to get to these files and make changes in order to take advantage of mod_rewrite and the clean URL's it can produce.<br /><br />I googled the problem and it came up with an app called <a href="http://www.bresink.de/osx/TinkerTool.html">Tinker Tool</a>:<br /><br />"TinkerTool" is an application that gives you access to additional preference settings Apple has built into Mac OS X. This allows to activate hidden features in the operating system and in some of the applications delivered with the system."<br /><br />There is a full list of features that you can "tinker" with available on the page. Some pretty neat stuff, but the part that interests me most is it's ability to show and hide hidden files and folders by checking or unchecking a box. Simple enough even for a windows user to manage!<br /><br />I still haven't managed to get mod_rewrite to work properly yet though, but thanks to Tinker Tool I am a little closer. So if your a Mac newbie like me then I can recommend you try it.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1142799704745059642006-03-19T20:19:00.000Z2006-09-26T07:47:18.733+01:00iPod Tip: Pod PlayerToday I came across a piece of software called <a href="http://www.ipodsoft.com/index.php?/software/podplayer">Pod Player</a> :<br /><br /><blockquote>"Pod Player is a freeware application to be used with your iPod. It allows you to play music from your iPod while it is connected to your PC. When launched, it will look for an attached iPod and when it finds one it will read the music database on the iPod. You will then be able to views your songs in a similar way as in iTunes (by artist, genre, album, playlist, etc). You can now also extract songs from it. There are a few little extra features such as iPod Hacks, checking for duplicates etc. You can play your music on any computer when you iPod is connected without the need to install any programs such as iTunes."</blockquote><br /><br />Now thats all well and good but if you have an iPod already then it's more than likely that your PC has iTunes or one of the other various programmes that perform the way iTunes does.<span lang="EN-GB"> <br /><br />The beauty of this programme is that it's in a single exe file that can be stored on your iPod itself as it's only 454kb.<span style=""> </span>It also allows you to extract songs from the connected iPod to the computer for all your backup needs ;) Now that makes it useful!<o:p></o:p></span> <br /><br />All you need to do is enable disk access on your iPod and copy the exe across then hey presto you have a portable solution to allow you to play your iTunes on any PC that has a spare USB port. The only snag is that the machine playing the files needs the right codec in order to be able to play the files. So in the majority of cases the files will be in MP3 format and there shouldn't be a problem although you may have problems with your AAC audio.<br /><br />Quite neat though.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1141685216611231542006-03-06T22:36:00.000Z2006-07-21T01:38:47.473+01:00I'm not dead!Just a quick note:<span style="font-weight: bold;"><br /><br />The Dead Collector:</span> Bring out yer dead.<br /><span style="font-style: italic;">[a man puts a body on the cart]</span><br /><span style="font-weight: bold;">Large Man with Dead Body:</span> Here's one.<br /><span style="font-weight: bold;">The Dead Collector:</span> That'll be ninepence.<br /><span style="font-weight: bold;">The Dead Body That Claims It Isn't:</span> I'm not dead.<br /><span style="font-weight: bold;">The Dead Collector:</span> What?<br /><span style="font-weight: bold;">Large Man with Dead Body:</span> Nothing. There's your ninepence.<br /><span style="font-weight: bold;">The Dead Body That Claims It Isn't:</span> I'm not dead<br /><br /><a href="http://www.imdb.com/title/tt0071853/">From Monty Python and the Holy Grail</a><br /><br />Just incase anyone cares...I'm not dead!<br />Just busy with real work and real life at the moment.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1136928124618263052006-01-10T21:16:00.000Z2006-11-15T00:46:22.350ZMacBook Pro!People that know me will know that I have been saving up for a Mac. I have a small bundle of cash at the moment which I have been itching to spend on either an iMac or a Powerbook. I have been looking at them for ages, even visiting the new <a href="http://www.apple.com/uk/retail/meadowhall/">Apple Store at Meadowhall</a> to stare at them through the window in the same way some kid called <a href="http://www.imdb.com/title/tt0367594/">Charlie stared at the Wonka Bar</a>.<br /><br />Todays daily visit to the online Mac store frustrated me, It was down. It's still down now as I write this (8:50pm GMT). But when I visited Apple.co.uk I couldn't help notice the huge bright blue banner that was staring back at me. A typical "Steve Jobs style" Microsoft bashing slogan.<br /><blockquote>"Whats an Intel chip doing inside a Mac? A whole lot more than it's ever done in a PC."</blockquote><br />Looks like Apple picked today to launch the new MacBook Pro, the PowerBook replacement by the looks, a new iMac (Yes, <span style="font-style: italic;">another</span> one. Making mine at work now 3 Generations old) and an FM Radio accessory for the iPod Video and iPod Nano.<br /><br />For now I'm going to concentrate on the new object of my affection. The MacBook pro.<br /><br />This PowerBook on steroids is now 4x faster with an Intel Core Duo processor (<a href="http://www.apple.com/uk/macbookpro/intelcoreduo.html">I'll let them do the explaining</a>), a built in iSight camera, Front Row software <del>(no remote mentioned though)</del>,Apple Remote and an iLife 06 software bundle (including he new iWeb software) to get you off and running.<br /><br />More, More you say. Well you shall have it. It also has a "much" brighter screen than the PowerBook and a power adapter.<br /><blockquote>"The new power adaptor with MagSafe connector is designed to magnetically guide your cord into place and disconnect smoothly if someone (else) trips over it."</blockquote><br />The idea looks great, especially as I have a 16 month old daughter who regularly likes to see what daddy is doing with the "shiny" on his lap. I am sure that all of you reading with kids will know what I mean.<br /><br />All I can say is that I now need to save a little more money as the prices start at £1429 inc VAT but you just know it will be worth it.<br /><br />Check out the full details over at the <a href="http://www.apple.com/uk/macbookpro/">Apple website</a>.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1136924221824164962006-01-10T20:14:00.000Z2006-09-29T02:38:31.746+01:00@Media 2006Well, I'm back from the Christmas break where finger has not touched keyboard for nearly a month. I have to admit that, like riding a bike, you never forget how to type but it does take some time to get back into it!<br /><br />I got back to work on Monday to find a nice surprise in my inbox. I am talking, of course, about the @Media 2006 announcement. This year looks set to be as good if not better than last years.<br /><br />The <a href="http://www.vivabit.com/atmedia2006/venue/">venue</a> looks great, the <a href="http://www.vivabit.com/atmedia2006/speakers/">speakers</a> look awesome and the <a href="http://www.vivabit.com/atmedia2006/">website</a> is v.nice indeed to boot. I managed to run down to the office as fast as my little legs would carry me and reserved my place. So all being well I will be there.<br /><br />What a nice present! It certainly took the edge off having to go back to work.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1132092178338330762005-11-15T21:49:00.000Z2005-11-19T19:58:20.060Zd.Construct ExperiencesWell I am back from Brighton now and sitting at home contemplating <a href="http://www.dconstruct.org">d.Construct.</a><br />The range of speakers was wide and varied and each seemed to have their own take on what web 2.0 actually is. I think this just goes to reinforce what <a href="http://www.andybudd.com">Andy Budd</a> said in his introductory session <a href="http://www.andybudd.com/dcontruct05/">"What is web 2.0?" </a>- Web 2.0 isn't a thing... It's a state of mind.<br /><br />My take on the situation is that Web 2.0 is whatever it means to <span style="font-weight: bold;">you</span> as a web designer/developer.<br /><br />The stand out presentations for me were the first 3 of the day. Probably as these appealed most to the geek in me.<br /><br />To Andy Budd, Web 2.0 is using <span style="font-style: italic;">existing</span> technologies in <span style="font-style: italic;">innovative</span> ways, community features, open data formats and users owning their data.<br /><br />Andy's presentation was a great pace and scene setter for the day. When he had finished there was a full understanding of the main concepts. Andy didn't try and claim that he knew exactly what Web 2.0 was and he concentrated mainly on giving attendees the facts so that they could decide for themselves. Which was certainly the best way to go about it.<br /><br />Next up was <a href="http://www.kryogenix.org/">Stuart Langridge</a> who aside from being some sort of Javascript/DHTML genius is an air guitar/keyboard legend too!<br /><br /><a href="http://www.kryogenix.org/code/dconstruct05/">Stuarts presentation</a> content was spot on and so was his presentation style; just the right mix of information and humour. <br /><br />Stuart talked about DOM scripting, unobtrusive javascript and also highlighted the importance of making sure that there is a graceful degradation when javascript is unavailable or turned off.<br /><br />Again Stuart agreed with Andy Budd's theme of taking existing technologies and using them in new ways. Stuart said "Stand on the Shoulders of Giants". I am pretty sure he <a href="http://en.wikipedia.org/wiki/Isaac_Newton">wasn't the first person to say it</a> but it is sage advice.<br /><br /><a href="http://simon.incutio.com/">Simon Willison</a> of Yahoo! was next. Simon's presentation was very focussed on what Yahoo! / Flickr are doing with AJAX and their API (Not really a surprise as the presentation was called "Ajax and the Flickr API").<br /><br />We all know that <a href="http://www.flickr.com">Flickr</a> is one of this/last years great success stories. Most people "in the know" have been using Flickr for some time now, but I think that people are just starting to using Flickr in the way that they want to. <br /><br />This is made possible through the Flickr API and the excellent <a href="http://www.flickr.com/services/api/">API documentation</a><br />So next time you see <a href="http://www.7nights.com/asterisk/">clever people</a> using Flickr on their own site you will know how they managed it.<br /><br />Simon has forgotten stuff that I will never know. I am also now "in" on the joke that all the speakers seemed to share at <a href="http://www.atmedia2005.co.uk/">@Media</a> when they said that Simon couldn't come as he couldn't get the time off from Hogwarts. Very true, in the nicest possible way of course. I am sure it isn't the first time he has heard it and I am sure that he doesn't mind. Magic would explain how he does all the things that he does though.<br /><br />Overall the conference was a big success. Based on the amount of time the <a href="http://www.clearleft.com/">Clear:Left</a> guys had to organise the event it was very impressive. The social after the event was also great and I got chance to put a few names to faces and meet some people for the first time.<br /><br />I met quite a few people including <a href="http://www.andybudd.com/">Andy Budd</a>, <a href="http://www.clagnut.com/">Richard Rutter</a>, <a href="http://www.kryogenix.org/">Stuart Langridge</a>, <a href="http://www.carsonsystems.com/">Ryan Carson</a>, <a href="http://www.paulhammond.org/">Paul Hammond</a>, <a href="http://www.donotremove.co.uk/">Mike Stenhouse</a>, <a href="http://ben-ward.co.uk/">Ben Ward</a> and <a href="http://nascentguruism.com/">Steve Marshall</a><br /><br />Finally, A big thanks to Clear:Left for putting on a great (well priced) event and thanks to all the speakers and the people I met for being nice guys.<br /><br />Same time next year?Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1131573608939301872005-11-09T21:30:00.000Z2006-11-14T22:00:17.770ZOff to d.ConstructTomorrow I am off down <span style="font-style: italic;">past</span> "that London" to a place called Brighton for the <a href="http://www.clearleft.com/services/training/dconstruct.php">d.Construct conference</a> that is taking place on Friday. I am going down the day before as there is no way to actually get to Brighton for 9:30am if you live anywhere past Watford.<br /><br />For anybody reading in London, Where I live is past Watford. Imagine that, further north than Watford!<br /><br />I believe my esteemed colleague, and partner in this trip, <a href="http://www.splintered.co.uk/">Patrick H. Lauke</a> said that he caught a glimpse of a map in London when we were attending <a href="http://www.atmedia2005.co.uk/">@Media 2005</a> and all it said about the north of England is "Here be Dragons"<br /><br />Some facts about Brighton: <ul> <li>Its a long way away (From here evidently)</li> <li>Fatboy Slim lives there</li> <li><span id="lblItems">Many scenes for cult film <a href="http://www.imdb.com/title/tt0079766/"><i>Quadrophenia</i></a>, depicting the Mods and Rockers clashes of the 1960s, were filmed in the city. (<a href="http://www.stuffandnonsense.co.uk/">Malarkey</a> should like it then)</span></li> <li><span id="lblItems">Swedish super group <a href="http://www.abbasite.com/start/">Abba</a> won the 1974 Eurovision Song Contest in the Brighton Dome with the song <a href="http://www.abbasite.com/music/album.php?id=19"><i>Waterloo</i></a>.</span></li> <li>For some reason 60% of all the UK's web <a href="http://www.andybudd.com/">gurus</a> <a href="http://www.clagnut.com/">live</a> <a href="http://www.adactio.com/journal/">there</a></li> </ul> Joking aside though I am really looking forward to it as the lineup is pretty damn good.<br />Stay tuned for a full report when I return...Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1131210732474942502005-11-05T17:11:00.000Z2006-11-04T17:34:48.590ZWhen good Mice turn badIn the first case of it's kind that I have heard of a large corporation has <a href="http://www.stuffandnonsense.co.uk/archives/of_mice_and_men.html">turned it's back</a> on a well designed, CSS based, standards compliant accessible website in favour of a "new" web site.<br /><br />First off I checked the date and it was indeed the 2nd of November and not the 1st of April as I had assumed. Then I saw it with my own eyes.<br /><br />On first glance <a href="http://disneystore-shopping.disney.co.uk/">the store</a> looks to have suffered considerably in the aesthetics stakes.<br />Gone are the crisp images and the (dare I say it?) sensible Flash only to be replaced with a main branding image that is poorly optimised that can only be described as "fuzzy" at best.<br />The rest of the images don't actually look much better. The buttons at the bottom advertising other services/sites provided by Disney are especially poor quality to be honest.<br /><br />Under the hood is where this site really lets itself, and Disney, down.<br /><br />The pages take an age to load which is due to the code bloat associated with table based layouts and the fact that they are littered with obtrusive poor quality (Dreamweaver generated?) javascript wont help either.<br /><br />I wouldn't like to get their bandwidth bill thats for sure. No wonder Mickey mouse talks with such a high pitched voice. The hosting services must have him by the balls.<br /><br />Apparently they are also using a new tag: <bodystyle> (note the mixed case)<br /><br />It must be in the XHTML 2.0 spec or something as I have to admit I haven't heard of it before. Although they state in their DOCTYPE definition that they are using HTML 4.01 Transitional (allegedly) so that must be a typo ;)<br /><br />I always associated Disney with quality. Disney has many imitators which, as they say, is the sign of a great company. Imitation is the greatest form of flattery after all.<br /><br />I really feel that Disney have let themselves down with this one and has delivered a real kick in the teeth of the push for web standards.<br /><br />Are Disney a quality brand anymore? Undoubtedly they are.<br /><br />Why then, did they create a "new" site that looks like it is straight from 1998? They already took the plunge and scored a smash hit with a standards compliant, accessible web site which has been held up the world over (literally) as being an exemplary site that should be used as a benchmark for how all websites <span style="font-weight: bold;">should</span> be done.<br /><br />Maybe Disney reached their own 12 o'clock and "Cinderella's coach" really did turn back into a pumpkin.<br /></bodystyle>Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1130883216288344592005-11-01T22:11:00.000Z2006-09-22T17:21:29.966+01:00No Tricks and a lovely treat from Apple<a href="http://www.apple.com/macosx/features/safari/">Safari</a> is now frighteningly good. <br /><br />With the latest update released by Apple yesterday (Halloween, to explain the puns) their flagship Internet browser now passes the <a href="http://www.webstandards.org/act/acid2/test.html">Acid 2 test</a>.<br /><br />I got the software update popping up and down looking for my attention this morning telling me that there was an OS X update. Namely <a href="http://docs.info.apple.com/article.html?artnum=301984">update 10.4.3</a>. I clicked for more details and found a little surprise:<br /><br /><blockquote><span style="font-weight: bold;">Safari, Internet, and networking</span><br /> <br /> <ul> <li> Safari can now pass the "Acid2" test.</li> </ul> </blockquote><br /> <br />I downloaded the update and unsurprising they were right.<br /><br />Safari 2.0.2 / 416.12 is the first (non beta, non preview) browser to do this and therefore the Mac community can be even smugger. <br /><br />Not content with the best looking equipment and the best OS, Apple now have the best (Well technically the most standards compliant) browser too.<br /><br />This is probably the reason I will be getting a mac for home soon. More on that later though.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1129242529766674392005-10-13T23:26:00.000+01:002006-08-29T13:58:48.136+01:00Time to cull the hacks?No, not a call to arms against poor journalism. Info from the <a href="http://blogs.msdn.com/ie/archive/2005/10/12/480242.aspx">IE blog</a>.<br /><br /><blockquote>"We’re starting to see the first round of sites and pages breaking due to the CSS fixes we have made. We would like to ask your help in cleaning up existing CSS hacks in your pages for IE7. It is has been our policy since IE6 that under quirks doctype we will not make any behavioral changes so that existing pages will continue to render unmodified, but under the strict doctype we want to change behavior to be as compliant as possible with the web standards"</blockquote><br /><span style="font-weight: bold;">Whats affected then?</span><br /><ul><li>html &gt; body - <a href="http://css-discuss.incutio.com/?page=ChildHack">http://css-discuss.incutio.com/?page=ChildHack</a><br /></li><li>* html - <a href="http://css-discuss.incutio.com/?page=StarHtmlHack">http://css-discuss.incutio.com/?page=StarHtmlHack</a><br /></li><li>head:first-child + body - <a href="http://centricle.com/ref/css/filters/tests/owen/">http://centricle.com/ref/css/filters/tests/owen/</a><br /></li><li>head + body - <a href="http://www.dithered.com/css_filters/css_only/head_adjacent_sibling_body.html">http://www.dithered.com/css_filters/css_only/head_adjacent_sibling_body.html</a><br /></li><li>body &gt; element - <a href="http://css-discuss.incutio.com/?page=ChildHack">http://css-discuss.incutio.com/?page=ChildHack</a> </li></ul><br /><span style="font-weight: bold;">What do Microsoft Suggest then?</span><br /><br />We ask that you please update your pages to not use these CSS hacks. If you want to target IE or bypass IE, you can use <a href="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/ccomment_ovw.asp">conditional comments</a> .<br /><br /><span style="font-weight: bold;">UPDATE:</span> What does the godfather of CSS think to these suggestions?<br /><br /><a href="http://meyerweb.com/eric/thoughts/2005/10/18/to-hack-with-it/">Read all about it</a>Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1129156203131617402005-10-12T23:25:00.000+01:002006-09-09T11:24:10.750+01:00d.lightedI was one of the lucky 100 who managed to secure themself a ticket for the upcoming <a href="http://www.dconstruct.org">d.construct</a> conference in Brighton. <br /><blockquote>d.Construct 2005 is the UK’s first grassroots Web 2.0 conference. It is an affordable, one-day event aimed at those building the latest generation of web-based applications. The event will discuss how new technology is transforming the web from a document delivery system to an application platform. Internationally renowned speakers will discuss hot-topics such as Ajax, using the power of API’s and the future of the mobile web.</blockquote>According to the site the event sold out in 30 minutes and, to be fair, I'm not surprised at all. It's a great price and a great lineup including <a href="http://www.andybudd.com/">Andy Budd</a>, <a href="http://www.kryogenix.org/">Stuart Landridge</a> and <a href="http://simon.incutio.com/">Simon Willison</a> .<br /><br />It's not all bad news for the (many I would guess) unlucky people who missed out on tickets as it has been suggested that the whole even may be podcast.<br /><br />Anyone else going?Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1127251407959079492005-09-20T22:10:00.000+01:002005-09-20T22:29:19.800+01:00iPod Nano - Mine all mine!Well I did it. After a few days trying to convince myself that I didn't want one I finally succumb to the charms of the <a href="http://www.apple.com/uk/ipodnano/">iPod Nano</a>.<br /><br />My Nano should be winging it's way over from Ireland as we speak. I have heard reports that the Apple online store takes an age to deliver items that you order from them, but it seemed a lot easier than having to go down to "that London" and purchase one from the bricks and mortar Apple store.<br /><br />Unfortunately for me, and other British citizens, the Nano is not scratch resistant. Apple quoted me 4-6 weeks delivery time on <a href="http://store.apple.com/Apple/WebObjects/ukstore.woa/90801/wo/vi7cygfn90jg2HP3IxM1hLFMMJf/0.0.0.15.1.0.6.9.3.3.0.1.0.1.1.0.1.0.3">Nano tubes</a> which seem to be the only product out there at the moment that will ensure that my little darling doesn't get all scratched. Whats a guy to do?<br /><br />Well, you could always enter the competition over at <a href="http://www.stuffandnonsense.co.uk/archives/a_sweet_ipod_nano_givaway.html">Malarkey's gaff</a>. The generous Mr.Clarke is offering one of his Nano tubes that he procured whilst <del>on a jolly</del> <ins>teaching</ins> in Cupertino. Where, evidently, it doesn't take 4-6 weeks to get your hands on them. <br /><br /><span style="font-weight: bold;">EDIT:</span> Evidently Amazon can supply you with them faster than Apple (1-2 weeks) can which seems a little strange.<br /><br />If you do enter don't try too hard because I want to win ;) I don't think my little Nano will last 4-6 weeks "naked"Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1126047888701111112005-09-06T23:36:00.000+01:002006-09-19T23:58:05.660+01:00Clagnut's new recruit?As recently reported over at <a href="http://www.thewatchmakerproject.com/">The Watchmaker project</a>, <a href="http://www.clagnut.com/">Clagnut.com</a> and Richard Rutter have become so popular that both author and site <a href="http://www.thewatchmakerproject.com/blog/236/popular-guy-that-rutter-bloke">made it into the top 10</a> on <a href="http://www.technorati.com/">Technorati</a>.Not bad going in over 16 million blogs.<br /><br />Anyway, it looks like with the new popularity Richard Rutter has had to hire other people to write for him on his site.<br /><br />As exclusivley revealed in <a href="http://www.amazon.co.uk/exec/obidos/ASIN/0764588338/qid=1126047695/sr=8-1/ref=sr_8_xs_ap_i1_xgl/026-9286915-3044468">Professional CSS: Cascading Style Sheets for Web Design</a> Clagnut have hired a namesake to help out Mr.Rutter in producing the high quality articles Clagnut are famed for.<br /><br />Professional CSS page 333 exclusivley unmasks the new employee by stating:<br /><br /><blockquote>"..an ingenious method to gain greater control over web typography comes from the clever Richard <span style="font-weight: bold;">Butter's</span> excellent tutorial, "How to Size Text Using Ems"(see <a href="http://www.clagnut.com/blog/348/">http://www.clagnut.com/blog/348/</a>)"</blockquote><br />Who is this new web guru? Feel free to send in pictures.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1125327119129869492005-08-29T15:46:00.000+01:002006-08-29T11:06:42.616+01:00Bulletproof Web Design ReviewAfter reading, and loving, <a href="http://www.simplebits.com/publications/solutions/">Web Standards Solutions</a> I was quite excited when I learned that <a href="http://www.simplebits.com/">Dan Cederholm</a> was writing a new book. I had <a href="http://www.simplebits.com/publications/bulletproof/">Bulletproof Web Design</a> on order pretty much since it was announced, and I received it a couple of days ago. I started reading straight away, hoping that it would live up to the build up I had given it, I wasn't disappointed.<br /><br />First off Bulletproof Web Design is really well written, did you expect anything else from Dan Cederholm?. Cederholm has a knack of making complicated subject matter simple enough for beginners to understand, whilst still maintaining enough detail for advanced readers to get their teeth into. Reading this book will teach everyone something.<br /><br />My one criticism, well not really a criticism so much as a disappointment, of Web Standards Solutions was that it was all printed in black and white. There were references to colour in the text but this was not accurately portrayed in the example screenshots / figures. Bulletproof Web Design makes up for this and then some.<br /><br />The examples / figures are beautifully crafted, and in a apartness from other web design books, useful. Dan acknowledges <a href="http://www.hicksdesign.co.uk/journal/3d-css-box-model">Jon Hicks' 3D Box Model illustration</a> as the inspiration for the examples and I must say that Dan has taken the concept and put it to good use. The visuals in the book are of an excellent quality and actually add to the book rather than being a token afterthought. This book is really visually pleasing, right down to the side notes with the unmistakably SimpleBits icons. These little touches give Bulletproof Web Design an extra finesse, much like the attention to detail give SimpleBits that extra edge website wise.<br /><br />The format of the book is excellent and the examples will be familiar to readers who are faced with updating sites that don't currently use web standards. Each chapter starts with a "non-bulletproof" example and instead of just shunning it as being "wrong", tells the reader why it is not optimal and what can be done to improve the structure and "bulletproof" the design. The design is then restructured using XHTML and then we are taken step-by-step through the CSS. Each step is described well and<br />where necessary is accompanied by one of the affore mentioned excellent illustrations.<br /><br />The book's level is stated as being intermediate / advanced but as I mentioned earlier, everyone reading this book will learn something. I think that this book is well written enough and uses such a good format that beginners would benefit from this book too as it's neither patronising of the reader, or too aloof to be relevant to "real world" beginners.<br /><br />Overall, This is a great book that covers a wide range of real world issues that will apply to something that you are doing or have done. If you have already done it, this book will show you a better way. If you haven't done it yet, read this before you start.<br /><br />If you are waiting for the reviews of this book before you decide whether or not to buy it, don't waste time; <a href="http://www.amazon.co.uk/exec/obidos/ASIN/0321346939/ref=pd_cpt_gw_i/202-7007309-3294244">Just go get it now</a>, you won't be disappointed.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1124747903442790922005-08-22T22:51:00.000+01:002006-11-12T16:25:53.746ZgVisitFollowing hot on the heels of Mr.Pennell over at the excellent <a href="http://www.thewatchmakerproject.com/">Watchmaker Project</a> I have registered for <a href="http://www.gvisit.com/">gVisit</a>.<br /><br />Seen as I stole the whole idea from the afore mentioned Mr.Pennell, I will let him do the talking (and hopefully take home the award for the laziest blog post of the year):<br /><br /><blockquote>I signed up with gVisit, a new site that uses the Google Maps API and a little bit of Javascript to generate a geographical map of recent site traffic.</blockquote><br /><br />Thats it really. Could turn out to be an interesting idea. If anyone is interested my <a href="http://www.gvisit.com/map.php?sid=bc6a3c0c8e82ddab1577857c9f55b0a5">gVisit link</a> is underneath the atom feed link.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1122585358282028112005-07-28T22:07:00.000+01:002006-09-26T03:12:54.303+01:00Firefox: the new and better web browser ?Cross posted from the <a href="http://www.accessifyforum.com/viewtopic.php?t=3438">Accessify forum</a>, a classic:<br /><br /><blockquote>Monday afternoon my boss indicated me about a problem with the company website I builded. It seemed it didn't showed up like it should in Firefox, some kind of new web browser. So I did what was expected, downloaded the new web browser and looked full of expectation to the screen. And indeed the stylesheet didn't work as expected, checked out some newsgroups and the problem was known. It seemed that I was using a stylesheet that was not in accordance with the standard stylesheet specification. So I ran it through the W3C stylesheet verificator, no problem there except the gradiant specification, which is specific to IE. So why is it not showing correctly, well because there is no support to specify the width of an A tag.<br /> <br />Now, when I should be building a new and better web browser than the most used web browser in the world, I would make sure I at least supported the features of that web browser. I have a message to all that coders on Firefox, before you start shouting at IE, first try to write a product that is as good as IE, then you can build new features in it.<br /> <br />This is the problem with all kind of open source products written by a bunch of people hoping to defeat the biggest software company in the world. They concentrate on destroying the competetion instead of first building a product that as the same features and then improving it. They look like poor "Civilization" players, going to battle with a stick while the enemy is using nuclear force.<br /> <br />And you guys that are giving the software away to make my life easier, remember this : because you wrote a web browser that doesn't support the features of IE, I need to rewrite the website. And don't argue that IE doesn't support the standard, if there are new features then the standard is lacking and that can't stop progress.<br /> <br />Back to the drawing board, Firefox coders !!!</blockquote><br /><br />From <a href="http://dotnetjunkies.com/WebLog/wimdc/archive/2005/07/28/131532.aspx">http://dotnetjunkies.com/WebLog/wimdc/archive/2005/07/28/131532.aspx</a>Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1122501765077851832005-07-27T22:52:00.000+01:002006-09-28T05:46:20.133+01:00Microsoft BetasLooks like the guys over at Microsoft have been busy.<br /><br /><blockquote>The beta versions of <a href="http://www.microsoft.com/windowsvista/default.mspx">Windows Vista</a> and <a href="http://www.microsoft.com/windows/IE/ie7/default.mspx">IE7</a> that have just released should be interesting to developers and IT professionals. For this reason, the beta is available to MSDN subscribers and a pretty small set of pre-enrolled beta test participants. Our goal is to get feedback from this group, do a bunch more work around quality (performance, security, reliability, etc.) and some features (e.g. additional standards support beyond what’s in beta 1, additional functionality around tabs and RSS, etc.), and release Beta 2 much more broadly.<br /></blockquote><br />Most interestingly to web developers are the "benefits" we will get by using IE7:<br /><br /><ul xmlns="http://www.microsoft.com/MSCOM/MNP2/Schemas"> <li><p><strong>New tools to take you directly to the information you want</strong> through support for Web feeds (RSS) that includes automatic discovery of web feeds (RSS) on Web pages, basic Web Feed (RSS) reading capabilities, and basic support for saving Web feeds (RSS) as a new kind of favorite.</p></li><li><p><strong>Platform enhancements for developers to improve compatibility and manageability</strong>, including improved support for Cascading Style Sheets (CSS) as well as transparent PNG support.</p></li> </ul> I won't hold my breath...Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1121381634165410552005-07-14T23:32:00.000+01:002006-10-06T20:35:41.416+01:00Tutorial: Serve a PNG to anything but Internet Explorer using CSS<img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 140px; height: 132px;" src="http://www.logohere.co.uk/blog/tutorials/PNG_Replacement/ie_png.png" alt="IE PNG Example" border="0" />Whilst making the latest changes to the seemingly perpetual redesign of my portfolio / company site I became even more annoyed with the problem that Internet Explorer has with <abbr title="Portable Network Graphics">PNG</abbr> files.<br /><br />I am sure that this isn't news to anyone but for completeness sake the problem is that <abbr title="Portable Network Graphics">PNG</abbr> images with alpha transparency have a shocking grey background in Windows versions of <abbr title="Internet Explorer">IE</abbr>. This is because <abbr title="Internet Explorer">IE</abbr> doesn't natively support <a href="http://en.wikipedia.org/wiki/Alpha_transparency">alpha transparency</a>.<br /><br />Anyway, the new design looked good in anything apart from <abbr title="Internet Explorer">IE</abbr> (Whats new?) and I remembered something that I had read about 6 months ago in the excellent <a href="http://www.simplebits.com/publications/solutions/">Web Standards Solutions</a> by <a href="http://www.simplebits.com/">Dan Cederholm</a>.<br /><br />In one of the chapters Mr.Cederholm explains that he serves a different logo to people viewing with styles and those that use styles:<br /><br /><blockquote>One reason for swapping an image with another image would be to serve varying site logos - one for browsers that handle CSS properly (Referenced with the background property) and one thats served to old browsers, handheld devices, screen readers etc.</blockquote><br />Dan goes on to show an example of serving a "lo-fi" and "hi-fi" logos using a form of image replacement.<br /><br />This wasn't <em>exactly</em> what I was after as <abbr title="Internet Explorer">IE</abbr> thinks it displays CSS properly and would substitute in the background image, thus defeating the object, but the principal was a good one.<br /><br />What was needed was a way to use this method (swapping out an image and replacing it with a background image) that <abbr title="Internet Explorer">IE</abbr> wouldn't be able to get it's mucky fingers on.<br /><br />Enter the CSS child selector.<br /><br /><abbr title="Peter-Paul Koch">PPK</abbr> over at <a href="http://www.quirksmode.org/">Quirksmode.org</a> explains <a href="http://www.quirksmode.org/css/selector_child.html">child selectors</a> much better than I can but basically <abbr title="Internet Explorer">IE</abbr> doesn't understand them. And in true Microsoft style, anything they don't understand doesn't exist.<br /><br />Therefore if we use child selectors in the CSS we can "Filter" out <abbr title="Internet Explorer">IE</abbr> and only serve the <abbr title="Portable Network Graphics">PNG</abbr> image to browsers which understand alpha transparency.<br /><br />Put together what we have learned from Dan Cederholm and <abbr title="Peter-Paul Koch">PPK</abbr> and we have our solution. We can now serve a <abbr title="Portable Network Graphics">PNG</abbr> to everything except <abbr title="Internet Explorer">IE</abbr> using just CSS.<br /><br />Check out the <a href="http://www.logohere.co.uk/blog/tutorials/PNG_Replacement/replacement.htm">accompanying demonstration page</a> and don't forget to view the source for the tutorial notes.<br /><br />I Know that I am by no means breaking new gound here, but I just though I would try and promote this as <em>a method</em> as it wasn't easy to find anything that explained to me what I wanted to know. I guess this is why <a href="http://www.simplifiedstandards.com/">Simplified Standards</a> will be such a hit when it launches in the near future.<br /><br />I also know that this solution probably has things wrong with it (please let me know), what solution is perfect?, but it does the job quite well in a way that will be familiar to people who have used any popular image replacement technique.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.comtag:blogger.com,1999:blog-10662235.post-1120602232924685052005-07-05T23:19:00.000+01:002006-10-27T17:21:50.343+01:00Pay Peanuts and Get MonkeysI saw an advert for a job today that caught my eye for all the wrong reasons.<br /><br /><blockquote>VLE Developer and Technical Support Assistant<br /><br />Required for September 2005, a suitably qualified person to expand and maintain the school’s VLE in conjunction with teaching staff to create exciting on-line resources for use across all key stages. You will also assist the ICT Technical Support Team in maintaining and administrating a large network and VLE. This is a permanent post, working 37 hours per week, term time only.<br /><br />You should have knowledge of Macromedia products, HTML, JAVA and be interesting in learning new authoring packages designed to support teaching staff in creating on-line learning.<br /><br />Salary: £11,286 - £13,458 pro-rata (£9,983 - £11,905)</blockquote><br /><br />Now this starts some alarm bells ringing in my head.<br /><br />First of all, I create learning materials as part of my job. So I know what would be required to create "exciting on-line resources".<br /><br />This is one of the only times that I would recommend Macromedia Flash. Don't get me wrong I love Macromedia products and I am a Macromedia certified professional, but in general Flash should be kept in a bottle under the sink and not on web sites unless there is a very good reason.<br /><br />In this case to do their job properly, someone who is creating "exciting on-line resources" should be using Macromedia Flash.<br /><br />This is because:<br /><br /><ul> <li>It lends itself perfectly to this concept with great potential for animation, interactivity and the ability to have the materials personalised and used to track progress through the database functionality Flash has. </li> <li>There will be a clear picture of the demographic and any accessibility issues can be dealt with on a per pupil basis which is a much better situation than you could hope to get on the net in general</li> <li>There will be a certainty about the platform that it will delivered on so cross browser compatibility becomes less of an issue.</li> <li>There shouldn't be a bandwidth issue as it will probably all run over a LAN (well it will if it is set up like the VLE we use, which in this case I know is true)</li> </ul><br />I don't want to go into the intricacies of learning materials but as this is a small point in the grand scheme I will skirt the issue and save it for another day.<br /><br />Any Flash developer worth their salt would be paid considerably more than the salary that this job is offering.<br /><br />Unfortunately for whoever takes this job, this is not the only thing that they are expected to do.<br /><br />The successful applicant will "also assist the ICT Technical Support Team in maintaining and administrating a large network and VLE".<br /><br />This basically means that you will be a makeshift technician and general dogsbody aswell which is obviously a job in itself.<br /><br />Unless there is exceptional circumstances people always start at the bottom of the scale they are allotted. So it is more than likely that the lucky applicant will be paid the princely sum of £9,983 per year.<br /><br />That works out at £831.91 per month before tax.<br /><br />Take away the 20% for the income tax and you are looking at £665.53 per month.<br /><br />Then you have to take away the national insurance contribution which would be around £45 a month on that salary, leaving our grand total at £620.53<br /><br />And to think all you have to do for your £620 a month is work 37 hours a week as a technician and create any quality VLE materials that are needed by all the subject areas (FYI: There are on average 12-13 subject areas in a secondary school).<br /><br />Is there any wonder that, in general, secondary school web sites and VLE materials are rubbish?<br /><br />A secondary school would never dream of throwing out a prospectus that obviously had no time and effort invested in it but they seem more than happy to do this with their VLE and their website.<br /><br />I would rather see no website at all than a website that obviously has been given to a HTML virgin who works as an IT teacher, teaching the kids to build web sites with Microsoft Publisher (I know for a fact that this actually happens. Even through the school this happens in has a Macromedia Studio MX 2004 site licence provided to them for free by the people who own the VLE)<br /><br />In my opinion what is needed is more technical expertise at an LEA level to make sure that the people appointing the staff know what jobs like this entail and then make it one job, not two as in this case, and for christ sake pay the going rate.<br /><br />It is obvious that the people who wrote the job spec for this thought that the VLE would not fill the 37 hours a week you work and decided to pad out the role by getting some cheap help for the school technicians. Lets face it any help for the technicians is always appreciated.<br /><br />This proves the point that the people that wrote the job spec have no idea what skills are actually needed and what time and effort needs to be put in to make the job worthwhile doing.<br /><br />The scary part will be that this job will be filled with someone with no clue about how to be a web developer. They will fire up their copy of Microsoft Frontpage pick the most garish template they can, save the lesson plan from Microsoft Word and do file > save as > whatever.html and the jobs a 'gud un.<br /><br />But as I said right at the start; If you pay peanuts you get monkeys.Andyhttp://www.blogger.com/profile/05700153201671224191noreply@blogger.com