Heal Your Church WebSite

Teaching, rebuking, correcting & training in righteous web design.

Webcredible : Ten CSS tricks you may not know

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!


  1. 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.

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

  3. 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”.

  4. I love print stylesheets. ALA has a nice article on print sheets that I used to fashion my own.

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

    Grey Wyvern’s Minimum Height Hack

  6. 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:

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