Webcredible : Ten CSS tricks you may not know

2005 June 21
by MeanDean

They say you’ll have as much luck teaching an old dog new tricks as you would pouring new wine into old skins. Okay, so “they don’t” say this all that much … okay … never, so sue me.

The point of my not-so-toxic mix of metahpors is to remind everyone that though you think may have learned everything there is to know about a programming language, a protocol, a specification or what-have-you; the reality is that those of us who design and develop websites must either continually upgrade our skills or we must find a new career path.

So in my ongoing effor to keep church web masters on the bleeding edge, I present to you some light yet informative ‘reading material‘ you should print out and bring with you the next time you go to your … um … ‘reading room.’ I know I will!

Here’s a snippet to get you started:

“Usually attributes are assigned just one class, but this doesn’t mean that that’s all you’re allowed. In reality, you can assign as many classes as you like! For example:

<p class=”text side”>…</p>”

Ten CSS tricks you may not know - Webcredible

Now go read and learn likewise!

categorized under → Resource Filled

6 Comments leave one →
2005 June 21
boyink permalink

Great stuff. I especially like:

“Lots of web pages have a link to a print-friendly version. What many of them don’t realise is that there’s no need because you can set up a second CSS document to be called up when a user prints the page.”

I’m finding this to be one of the biggest advantages of CSS, and it’s amazes me is how often I still need to explain it to others in the web world.

2005 June 22
Matt T. permalink

Users are now conditioned to look for a printer friendly version. I think it’s too late for that one.

2005 June 22
Boyink permalink

Hmmm…do you have research that shows this? Do you mean that if there is no obvious “Print Version” they don’t print the page?

Not sure I agree…but in any case it doesn’t mean it’s “too late” for print version driven by CSS. Just use the same print style sheet but present/link to it as the “Printable Version”.

2005 June 26
blkmage permalink

I love print stylesheets. ALA has a nice article on print sheets that I used to fashion my own.
http://www.alistapart.com/articles/goingtoprint

2005 July 25
teresa permalink

Minimum height hack–forces a div to be a specified height- cross browser, standards complient, no javascript

Grey Wyvern’s Minimum Height Hack

2006 March 16
Jeff Wilkinson permalink

Note that these tricks have had some critique and discussion, so you should read some of that before just accepting them all at face value. There are a few issues to be aware of.

Here’s one, by the well-know css person, Tantek:
http://tantek.com/log/2004/09.html#d07t1434

Notice at the bottom of his post are 50+ links to other comments.

Leave A Comment

You must be logged in to post a comment.