Enhance Usability by Highlighting Search Terms

Google's cache offers users a copy of your website with their search terms highlighted. You can do the same thing and make it easier for users to find what they’re looking for — whether they're coming from an external search engine or your own site search — by making their search terms easy to spot.

Suda, Brian and Matt Riggott. List Apart, A (2004). Design>Web Design>Usability>Search

Stay on :target

In this article, I want to introduce you to a really powerful CSS3 pseudo selector called :target. Much like :hover, :target is invoked during certain interactions with the website. Specifically, when applied to a fragment identifier.

Suda, Brian. Vitamin (2008). Design>Web Design>CSS

Microformat Encoding and Visualization

So you have heard about microformats, read the introductory articles, and even bought the book. But now you are probably thinking "great - I have done my part to make the web a better place by adding microformats; what's next? What can people do with my data besides add it to their address book or calendar?" The intent of this article is to get you to think about microformats in different ways, and to demonstrate some interesting visualizations and mash-ups of microformatted content.

Suda, Brian. Opera (2008). Articles>Web Design>XML>Metadata

XFN Encoding, Extraction, and Visualizations

In this article I will take a good look at XFN - the microformat for describing relationships between people. I will look briefly at what it is and the basic markup needed to add the information to your sites, before then going into depth, looking at the benefits you can get from that data by extracting it and using it in different ways. Extracting the data is easier than you think - there is probably a library for your favorite language already! If not, there are also some web services that could do the job that I'll show you below.

Suda, Brian. Opera (2008). Articles>Web Design>Information Design>Collaboration

CSS Not ([hacks])

As any web developer worth his salt will know, browsers can differ in their interpretation of CSS rules and properties. One way of coping with this headache is to use various hacks; they might (in some cases) be invalid CSS, but they force browsers to read only certain parts of your CSS and render your page or web site as close to how you intended as possible. CSS hacks are one of the common ways to send specific instructions to different browsers, be it to solve min-width issues or box model interpretations.

Suda, Brian. Digital Web Magazine (2008). Articles>Web Design>CSS