chickenskinners.com

July 7th, 2006

From XHTML/CSS to WordPress

I wish I'd seen this before I redesigned and rebuilt this blog. Which by the way might still be teething a bit. At some point I will detail the various things I have done in more detail. I should include a link to the icons I used. I would like to do my own but these days I never have time to play with ...

June 30th, 2006

Turning off dotted lines in Firefox

Came across a small problem in Firefox last week. I had a list and was using 'text-indent: -5000px' in the css to do some image replacement. It's a bit weird because it made the list element quite wide so when you clicked the dotted lines that show where are clicking seemed to stretch all the way across the page. Anyway to fix it first of all I found Fixing the Fox ...

June 30th, 2006

DTI website

Again this is something I saw on the WaSP site. In the past I did some work on some of the DFES sites and they had standards that we had to work to and we did mainly because it was something I was interested in and it was something that was becoming a bigger issue. The work I did was about two years ago. I remember they were going ...

April 19th, 2006

Bite Size Standards

Bite Size Standards - again another site a bit like A List Apart although more blog like. It looks a bit like an older version A List Apart from perhaps a couple of years ago - anyway I haven't really looked at it properly yet but it looks promising!

November 16th, 2005

Bubbles and propagation

Dicsovered something useful today. One of those things you might scour the internet for and almost find the answer but not quite. Basically if you want to stop propagation of event through the DOM the events cannot be inline. For example to stop an onclick event bubbling up it must be assigned along the lines of: thing.onclick = dosomething; not like this: For more detail about this subject look here:Event orderDOM ExamplesDocument Object Model Events

November 10th, 2005

Peek-a-boo IE6 Bug

Peek-a-boo IE6 Bug – I always forget about this particular bug but I come across it all the time. It seems to get mentioned a lot on the CSS list This page gives a good idea of how to fix it. I always need to google for it but I always find the same page!

November 10th, 2005

Perfect clearer

Well may be not perfect but nearly there: .clearer{ clear: both; height: 0; font-size: 1px; line-height: 0; } Apply it as: When overlow: hidden doesn’t work or when you are testing IE 6 this does the job. I haven’t tested it extensivley yet but it seems ok so far. Other handy references:Clearing methodsSuper simple clearing floats

October 24th, 2005

W3C QA - Quality Tips for Webmasters

W3C QA - Quality Tips for Webmasters – this is quite a good starting point for improving your website. It’s pretty much an FAQ. I was actually asked about GIFs and PNGs the other day and didn’t really know what to say. I looked on wikipedia to find my answer this time!

October 22nd, 2005

XHTML Character Entity Reference

XHTML Character Entity Reference – Just what I’ve always wanted. I never know what to use for certain characters. This hasa a handy sorting feature that makes it easy to find the entity you want!

October 22nd, 2005

Cleaning up hacks

Cleaning up hacks – I have seen few posts mentioning this. My answer is Surgical Correction Strategy. This involves having one hack free style sheet that you can use with browsers that work and then have others for the ones that don’t (IE5-6 are the ones I generally try and support). If a new browser comes out that supports the standards properly then it isn’t a problem as ...