John Kavanagh
Indie WebDeveloper
Client-side and Front-end Development. Expert in cross-browser compatibilities, beautiful layouts, accessibility and advanced CSS/XHTML

Custom Font Replacement with Cufón

25.03.2009 0

Not even a year ago, I spent a couple of days wrestling with Mark Davidson’s sIFR in an attempt to find a cross-browser compatible method of embedding custom fonts into a website I was developing, which the designer absolutely insisted could not use a normal web-safe font. Of course I very quickly gave up and reverted back to a PHP dynamic text replacement module - for all the great things that sIFR has done for the web developing community (and especially in reducing arguments between designers and front-end developers), it’s an absolute pig to get to work reliably across browsers and can really reduce the usability and loading of your site. Not good.

Read more

XHTML Strict and target=”_blank” with JQuery

11.03.2009 0

To absolutely ensure maximum accessibility for your users, your website mark-up should be valid to the W3 guidelines. Using WordPress and multitudes of plugins that inject further code into your source can make that all very difficult.

Read more

Break Out of Google Images Frames

08.03.2009 5

Over the past couple of years I’ve noticed something about referrals: Google Images is very very valuable in attracting users to your website, and it’s equally much easier to get high rankings in the image search results than it is in native search results. The annoying thing about Google Images however, is the way it simply offers the image up to the viewer in a separate frame, making it easy for visitors to simply steal/view your image directly and leave again, never actually paying any attention to your site and potentially reducing your income if the site is monetised with advertisements, and removing any value to you of the visitor.

Read more

Auto-Compress CSS and JS with htaccess/PHP

03.03.2009 1

Auto-Compress CSS and JS with htaccess and PHP In the never-ending quest to reduce the amount of bandwidth your website uses (both to improve visitor load times and to keep your own overheads as low as possible), one of the simplest and easiest areas for improvement is often overlooked: compress your CSS and JavaScript.

Even just taking out all the erroneous white space can make a huge difference in the final size of the file. Of course, it annoys the hell out of people trying to digg through your code, but I sort of see that as an advantage too..! Of course, compressing your CSS and then having to revert back to an uncompressed version every time you want to make a change and re-compressing it again becomes a bit of a bore very quickly, so why not an automated method that will do it for you? With PHP and htaccess, it’s very, very easy.

Read more