June 2005 Archives

Griffiths, Budd, Keith: Special Training Courses

In case you hadn't noticed the swish new buttons that have appeared across the site, I'll be doing some public training in London again in a few weeks. This is the third time I've done such public courses (and about the tenth time including private courses - I'm loving it!), but this time it's a bit different. This time it's an @media Master Class...

I'll be joining Andy Budd and Jeremy Keith for some special training courses:

Thursday 30 June, 2005 ( 2:59 PM GMT) | Comments (suspended) / Permanent Link

A Personal @media Experience

As many of you know, I'm the one to blame for the @media 2005 conference. It's all over the blogosphere like a rash right now, which I'm personally finding quite awesome. It would seem only right that I add my own itchy red blotch. Here are a few of my personal thoughts...

My presentation was sub-par. I wasn't 100% happy with it anyway (but then I am about few things) - in recent months it was neglected for other "greater" conference issues. This is no excuse though - I had a year to prepare for this. Perhaps most obviously though, with the clear competency of the audience, its general thrust was aimed too low for most of the delegates. It's a learning experience, and my presentation at next year's conference, which I already have a title for, will be much more thought-invoking.

On the experience and high skill-level of the audience, I think this should be covered in more detail in the new @media blog sometime soon. I would like to say, though, that I think it took us all by surprise. Judging by the feedback (sooo much to go through!) it wasn't actually the case for as many of the delegates as some may think, but it will be addressed, with more highbrow presentations next year.

I really, really, REALLY wish I had more time to meet people. I had a great time talking to those people I did get to meet, but there's a long list of others I'm not sure I even laid my eyes on, let alone talked to (a lot of that has something to do with not knowing what people look like though!).

I had a great time. I've not heard from anyone who didn't. Planning for @media 2006 is underway...

Tuesday 14 June, 2005 ( 3:16 PM GMT) | Comments (17) / Permanent Link

Multiple CSS Background Images

One of the biggest annoyances with CSS is the inability to apply more than one background image to a box.

I'm currently working on a site that is in particular need of this. The only way to tackle it, at the moment, is to throw an ass-load of span or div tags in the mix (or to rely on tags that are slightly more meaningful, if they're appropriate, but that's not always possible).

Here's the situation. I have a list item that needs a particular little image in it. On top of that I need curved corners. Because I want the whole thing to expand and contract regardless of the size of the content within it, that means I need a separate background image for each corner.

So the HTML inevitably looks like this:

<li><span><span><span><span>Booby</span></span></span></span></li>

Urgh.

And the CSS looks something like this:

li {
	background: url(booby.jpg) center no-repeat;
}
li span {
	background: url(corner_top_right.gif) top right no-repeat;
	display: block;
}
	li span span {
	background: url(corner_bottom_right.gif) bottom right no-repeat;
}
	li span span span {
	background: url(corner_bottom_left.gif) bottom left  no-repeat;
}
	li span span span span {
	background: url(corner_top_left.gif) top left no-repeat;
	padding: 0.5em;
}

One image for a pretty little background, and one image for each of the corners.

CSS 3's got provision for multiple backgrounds, which would be wonderful. If only it was a practical option.

Tuesday 7 June, 2005 ( 8:33 AM GMT) | Comments (33) / Permanent Link

Dr. Strangeswitcher Article

Dr. Strangeswitcher or: How I Learned to Stop Scripting and Love CSS is an article written by myself (accompanied by a little example) explaining how to make a CSS-only style switcher.

It's a "curiosity" as a good friend puts it.

If you've got any comments on the article, this is the place to make them.

Wednesday 1 June, 2005 ( 3:29 PM GMT) | Comments (14) / Permanent Link

June 2005 Archives

Griffiths, Budd, Keith: Special Training Courses

A Personal @media Experience

Multiple CSS Background Images

Dr. Strangeswitcher Article

See Also