Posted on February 27th, 2009%
In the past, I implemented web page titles (i.e. the code in the <title> tag) the same way that one would implement a breadcrumb – that is, from the least-specific to most specific. For example:
Web Site Name: Category: Page Name
That is similar to how a breadcrumb would look:
Home > Category > Page Name
Note that I said this is how I did it “in the past.” Today, I read 9 Common Usability Mistakes In Web Design over at Smashing Magazine, which states in mistake #3:
Putting the name of the website last puts more emphasis on what the page itself is about, rather than on website branding, which is still there.
This makes perfect sense, and the article illustrates the idea well with screenshots.
Needless to say, I’ll be refactoring web projects to invert titles at my earliest convenience.
. . .
→ Read More: Usability tip: Implement web page titles as inverted breadcrumbs
Posted on January 8th, 2008%
Posted on February 19th, 2007%
I like using CSS for layouts and for making sites look pretty — partially because it’s a challenge that is quite satisfying when it works, and partially because I’m not a designer and don’t do well with more robust design elements.
One thing that I often liked using CSS for is for forms. For the past two or so years I’ve been tweaking my technique, and I think I finally have something that works well enough in most situations to share it with you.
Requirements
The sample page uses ___layouts for the basic page structure. ___layouts (a heck of a name, I tell ya) is derived from Yahoo’s UI library, but it’s easier to implement.
Compatibility
The following browsers have been tested against the sample page, which also provides instructions and the CSS. Note any compatibility issues.
Important Note: At very small screen widths (generally less than 600 pixels wide), things can get out of control. Firefox 2.0 handles this best, but in all cases, . . .
→ Read More: CSS styled forms
Posted on July 13th, 2005%
A fantastic Web page called Styled Checkboxes describes how to use CSS and JavaScript to create graphical checkboxes and radio buttons that depreciate to the standard checkbox and radio button HTML controls when CSS or JavaScript is turned off. It works, too – and is definitely worth checking out as a way to pretty up your Web pages.
A unique idea? Not really, but it’s one of the first times I’ve seen it written up and packaged in one place.
. . .
→ Read More: Styling your checkboxes and radio buttons
