Hand drawn weather icons
This set now includes text icons for ‘Hot’ and ‘Cold’ plus a new pictorial icon for ‘windy’ – so they can now easily be used in conjunction with the Yahoo! Weather API, and similar weather data providers.
…read more
This set now includes text icons for ‘Hot’ and ‘Cold’ plus a new pictorial icon for ‘windy’ – so they can now easily be used in conjunction with the Yahoo! Weather API, and similar weather data providers.
…read more
More of a face-lift than a complete site re-structuring, nonetheless they are very happy with their new look.
The site itself is built on a bespoke (i.e. not Wordpress) content management system, and the code was very clean with enough class and ID selectors to play with, so in the end I managed to give the entire site a complete make-over by changing CSS only, and then uploading a few new images that are referenced by the new style-sheet.
See : www.rtsw.co.uk
If you view the site in Internet Explorer you’ll see that all the boxes (including the heading banner image) have square corners, but if you use a proper browser like Firefox, you should see rounded corners. I know it’s a bit of a cop out, and I did (briefly) investigate JQuery rounded corners, but in the end I opted for a IE conditional comment to replace the heading strap with an alternate (square cornered) image so that at least the look and feel is consistent depending on which browser the site is viewed in.
I’m also now a big fan of Parallels Desktop for the Mac. While I was doing a quick check for cross-browser compatibility I was able to run Firefox and Safari and Explorer versions 6, 7 & 8 all at the same time on my laptop. Possibly the subject of a future blog post I think…
So, the plugin is called WP-Cufon and you can get it at wordpress.org/extend/plugins/wp-cufon/
It’s quick to install, has good documentation, and it’s easy enough to specify some rules to control the text replacement on your site.
So for example I’ve used :
Cufon.replace('h1', { hover:true });
Cufon.replace('h2', { hover:true });
Cufon.replace('h5');
Cufon.replace('#navbar a');
which replaces the font for h1, h2, h5 headings and any link text within the ‘navbar’ div with a special font of my own making. All of the subsequent styling is covered by CSS. It really is very simple to set up.
You need to convert your font first into a format that Cufon can handle – there’s a Cufon generator that does the whole thing very neatly. It also, importantly, allows you to limit usage to certain domains to protect the font from use elsewhere.
In response to requests, I’ve created a new set of Weather Icons based on the popular first set. These symbols are essentially the same but are now all PNGs with transparency, so the icons themselves can be used more easily on maps and other backgrounds (the low-res image below shows the icons on some suggested colours).

Blackheath Village website
A quick redesign for the local website for Blackheath – a lovely little village in Surrey.
Visit the site at www.blackheathsurrey.co.uk
If you have a website of your own – maybe one that was built years ago and in need of a quick ‘refresh’ – please do get in touch. We can copy your existing content over to a fresh new design in no time at all.
As well as a cleaner look, your new site will be optimised for faster loading and better search engine placement. So if your site is looking a bit tired and worn out, contact us for a bit of ‘website spring cleaning’.