Mr Duck's Amazing Web Site

January 15th, 2010 by Alistair MacDonald Leave a reply »

So, at long last Mr Duck has his web site. I have been taking pictures for Duck 365 for the last year, and stupidly have agreed to continue by popular demand. What I never quite got round to was making a web site for it. Eventually I managed to find some time by using the good old excuse of it being a learning exercise.

The site is a little tong in cheek fitting in with the Mr Duck back story. It is the web site that a small yellow plastic duck would have asked for. :-) It has a lot of new CSS layout in it that I have used as an experiment, but it does degrade gracefully. The thing that most amazed me is that the CSS font-face actually works, although there are bugs that I needed to work around. Also I accidentally I created a new simple templating system using an error document to catch the requests and build the web page. I shall probably build on this for other projects.

I have also found a new way to work on IE computability. It appears that IE6 and IE7 have very close layout problems. The markup for IE6 also fixes the problems for IE7. So what I have done is built the site using Chrome and Firefox, and then fixed the layout in IE6 for IE7 and below in a separate conditional CSS file. Then all I needed to do was work around the PNG transparency issues for IE6 and below in a second conditional CSS file. Everything else just works then, and I only needed one version of IE installed for development.

The best thing about the site from my point of view is that it should be zero maintenance. It automatically pulls the pictures from flickr and even uses flicker to manage the comments. I decided not to display the comments on the site at the tims as there a security implications of allowing users to add content to your site, but I do display a comment count and link back to flickr. I even dynamically generate the site map and RSS feed.

There are a few more things I would like to do. I plan to add some slow cloud animation, improve navigation, and intermittently add a few more random Mr Duck images to the background. For now though I will leave it or I will just not get anything else done.

So please check out “Mr Duck’s Amazing Web Site”, and you can also follow his antics on Twitter. Also please let me know if it works well or not on your browser and if there is anything else you would like to see.


Leave a Reply