Skip navigation
Tyssen Design — Brisbane Freelance Web Developer
(07) 3300 3303

Blog Articles

Wasting the inheritance

By John Faulds /

No I'm not going to talk about Paris Hilton (although she may not have so much to waste anymore now her grandfather has decided to give $US2.3 billion to charity 😉), what I want to talk about today is something that I've seen cropping up quite a lot on my travels through sites and code (usually via requests for help on forums) and that is a lack of understanding about CSS inheritance.

HTML image no preload rollovers

By John Faulds /

Recognise this? Chances are you do. Even if you don’t own a copy of Dreamweaver, it’s likely you would have come across the code it outputs for creating image rollovers in your travels looking at the code of other sites.

When to use display: none

By John Faulds /

If you're interested in website accessibility best practices, you might have come across warnings against using display: none to hide content that you don't want to appear on screen. The argument is that content hidden with display: none can't be accessed by people using screen readers, and the recommended solution is to position the content offscreen instead using a large negative position (let's call this the offset method). But this shouldn't be a hard and fast rule for all situations. There are some situations for which using display: none will be acceptable.

More on When to use display: none

New article on Search-This

By John Faulds /

I've just written an article on a technique which can be used with column layouts which has been published on Search-This: Two Column Layout With A Twist.

I've been a subscriber to the site for a while (a lot of its contributors and readers also frequent Sitepoint) and a regular commenter, but this is my first published article. Search-This also publishes a range of articles dealing with the spectrum of web development topics, so it's worth checking out.

Tools for checking website accessibility

By John Faulds /

Following on from my last post in which I mentioned screenreaders (or alternatives) that people might like to try for checking their own sites' accessibilty, and an earlier post in which I listed the extensions I use for web development with Firefox, I thought I'd also list the different tools I use for testing website accessibility.

More on Tools for checking website accessibility

Buttons: forgotten and immobile

By John Faulds /

Last year, Nick Cowie created a podcast on the button and how it is the "forgotten element". Well, it seems that it is not only developers who have forgotten about it, but browser makers, or more specifically those making browsers for handheld devices, and the Open Mobile Alliance (OMA) (authors of the XHTML-MP specification) who have forgotten about it as well.

 

More on Buttons: forgotten and immobile

Centering a dropdown menu

By John Faulds /

Recently, I needed to create a centered version of the Suckerfish dropdown menu and realised that some significant modifications were going to be needed. This is because the method for getting the top level list items to sit in a row, on the same horizontal plane, is to use float: left. However, when you float elements, you can't centre them unless you give them a width and use auto left and right margins.

Legends of Style

By John Faulds /

UPDATE: following on from comments by Thierry Koblenz, I have written an update to this article. The techniques described below will still work in different browsers, but the new article explains how it can be achieved with a little less mark-up.

It's a well-established fact that achieving cross browser consistency when styling form controls is an “exercise in futility”. And one of those elements that just won't play ball is the legend tag.