mike afford media LOGO
RSS 

Posts Tagged ‘web design’

Wednesday, June 29th, 2011

Hand drawn weather icons

Hand drawn weather icons

Hand drawn weather icons

Latest icon set available now from the store. The perfect accompaniment for hand-drawn fonts like ‘Pointy’, ‘Handvetica’, ‘Grutch Shaded’, ‘Sketch Block’ etc – these hand-sketched weather icons come in 4 different sizes, in coloured and outline versions, all in PNG format with transparency. Included as a free bonus is Weather Sketched Regular – a Truetype font containing all 32 icons – lowercase gives you the weather symbols, and the first 8 uppercase characters give you the eight directional wind arrows.

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

Tuesday, February 9th, 2010

Realtime graphics – website

realtime graphics software website

realtime graphics software website

I recently completed a web design project for RT Software who provide realtime graphics systems and services to the broadcast industry.

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

Monday, October 19th, 2009

Holiday Website design

holiday apartment web design

holiday apartment web design

Here’s a quick website design I recently completed for a holiday apartment in Cannes. The client was looking for a refresh of their existing site, so I designed a quick-loading page template with a sunny feel and moved over all the existing content to the new design with a few on-site search engine optimizations thrown in. Everything up and running in under 48 hours.

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…

Friday, September 25th, 2009

Cufón text replacement in Wordpress

Tolkien Fonts - cufon text replacement example

Tolkien Fonts - cufon text replacement example

I’ve recently been experimenting with Cufón text replacement, and decided to put it to use on a site I’ve been messing about with. I’d also been converting the whole thing to a Wordpress-powered site (more on that later), so it seemed to make sense to look for a plug-in to do the job.

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.

…read more

Thursday, August 6th, 2009

Royalty Free Weather Icons

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).

…read more

Monday, February 9th, 2009

Website Design : Blackheath Village site

Blackheath Village website

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’.