Tag Archives: CSS

CSS: multiple class selectors

With the recent discussion of CSS style rules and quirks, I thought I’d mention one of my favorite CSS features that I’ve been making a lot of use of recently: multiple class selectors.

This is one CSS2 addition that isn’t mentioned much in CSS books (at least that I’ve seen), although most recent browsers do support it - all the “good” ones and IE, too. :)

According to the specification, you can apply multiple class attributes to any element, separated by spaces, such as:
<h1 class="title special">Test</h1>, which is useful, because then you can have separate rule definitions for title and special which you can share with any other elements on the page. If you think about it, this can serve to dramatically reduce duplication in your style sheets.

In addition, you can specify rules that only apply to elements where both classes are specified, for further control & flexibility.

So, for example, here is some code that demonstrates this: Read More »

Tada!

After all the talk of lists on here this evening, I found myself inspired to go ahead and create a new WordPress plugin for list management (ironically bumping it ahead “in the list” of all the other things I’ve been meaning to write lately).

Without further ado, I present the Ta-da List Plugin!

The basic idea is that this will allow you to display any of your lists that you manage in the very handy (and free) Ta-da List application, brought to you by the great guys over at 37signals.

Technical details and important compatibility notes:
This plugin basically takes the RSS feed (copy/paste the url from the link in Ta-da list) from any of your lists and transforms it (using XSLT) into a basic HTML list which you can insert into your sidebar or wherever else you choose.

With a simple echo jbGetTadaList("http://yourid.tadalist.com/lists/feed/123?token=456"); inserted into your theme, you will see the list title (in an H1 element) followed by the list itself. The relevant CSS class names are “TadaListTitle”, “TadaList”, and “TadaListItem” - for styling purposes. Pretty easy, eh?

While this is very handy and one of many examples of why XSLT is so useful, there is a catch: your web server must support performing XSLT transformations in PHP, specifically by using the PHP extension that supports such transformations. Sadly, this is not enabled on some hosting providers, and so you are pretty much out of luck if you don’t have the option of installing it on your server. If you do have such access to your server, here is a guide, if you’re feeling lucky/brave.

Ironically, even the server that this blog is currently on does not support it, since I haven’t moved this site over to my VPS server yet (which I can install whatever I want on). That move is one of the many items on my list that remains unaccomplished, but as soon as I do, I’ll add a demo list to this blog.

Because I imagine this will be a significant issue for many users, I do plan to release a non-XSLT version of this plugin at some point in the future, which will avoid any such dependencies (probably by using plain, old-fashioned, boring string manipulation). But, until then, enjoy if you can!

Why Firefox?

In response to Kristi’s question here, let me outline my personal take on why everyone should use a browser other than IE…
Read More »

Gender based web design

Research: Web Site’s Appearance Matters - By BRIAN BERGSTEIN, AP Technology Writer

Not surprisingly, male subjects tended to assign higher ratings to pages designed by men, and females preferred sites made by women. But the researchers said they gleaned important tidbits by looking more closely at the ratings.

Women seemed to like pages with more color in the background and typeface. Women also favored informal rather than posed pictures.

Men responded better to dark colors and straight, horizontal lines across a page. They also were more pleased by a three-dimensional look and images of “self-propelling” rather than stationary objects.

With those standards in mind, the researchers checked out the Web sites for 32 British universities and determined that 94 percent had a “masculine orientation.” Two percent showed a female-favored arrangement.

And the interesting question:

So should Web sites consider having two faces, one for male users and another for female visitors? Moss said more research is needed.

Upgrade

I’m now using WP 1.5.1.3, which I think will fix that annoying trackback issue. Let me know if you experience any errors. I need to make some slight CSS changes, but otherwise it should be pretty painless.

One of my favorite sites

Don’t worry, I’m not going to start posting my bookmarks or anything, but I noticed I hadn’t done a tech post in a while, so I wanted to share this link to the CSS Zen Garden for any web people who somehow haven’t seen it yet, and remind everyone that all web devs who use tables for layout control should be fired.

Sidebar thoughts

I am coming to the realization that I have way to much stuff in my sidebar. It might be time to move to a 3 column layout, as well as cut some stuff out.

I am already planning on moving the links out to their own page, so they aren’t on every page (even though you can collapse them, as long as your browser supports javascript).

Any other suggestions?

Read my email

Alternate title: Popup navigation is evil

Jared: Thu, 28 Apr 2005 16:29:40 -0700

I’m blogging it right now.

Dan: Thu, 28 Apr 2005 16:22:00 -0700

You should blog on this, I wouldn’t mind at all.

Here’s the full conversation, in the correct order:
Read More »

Browser chart

Here’s a good (up to date) browser capabilities chart, listing IE6, Firefox 1 and Opera 8.