Making the Most Out of Links Through CSS

Utilize CSS to make your website links look much more appealing, while simultaneously enhancing the usability of your site. Craig Grannell explains all…

Download the tutorial (in PDF, 1.29 MB) from .net Magazine.

Although the web has enabled mediums such as text, music, video, animation, and so on, to coexist within a single interface (a web browser), the one thing that sets it apart from everything else is the hyperlink. Enabling users to rapidly access related information by clicking text is amazing, though most users take this wonderful innovation for granted, forgetting how useful it is and how revolutionary it was when it first entered their lives (something that, for most people, occurred only during the last decade or so).

For many aspects of web design (notably, layout and typography), CSS has been equally revolutionary. However, perhaps paradoxically, CSS has actually made usability relating to links worse than it was in the bad old days of font tags and scrolling marquees. The reason isn’t CSS itself – instead, it’s down to designer laziness, arrogance or ignorance (perhaps all three). Despite it being simple to set styles for each state of a website’s links, many designers no longer do so, often styling only the default and hover states. However, although the active state (the state when a link is being clicked) is arguably not the most important thing to exist on the web, the visited state is handy, providing users with an at-a-glance indication of which pages they’ve already visited. Go to source…

This entry was posted on Saturday, June 23rd, 2007 at 23:37 and is filed under Web Design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.