Author Archives: CSS Guy

CSS image replacement for… images? It makes sense for print.

Sites with dark backgrounds lend themselves well to white or light-colored logos. The result can be nice on screen, but if the site is printed, there can be undesirable results: either the logo doesn’t show up, or if it was … Continue reading

Troubleshooting with <base>

As powerful as Firebug is for inserting HTML and CSS on the fly, sometimes you just want to save a local version of the page so that HTML manipulation can be saved and tested across browsers. I just wanted to … Continue reading

Checkbox filters with jQuery

Perhaps I’m using delicious.com wrong, but sometimes I wish I had the ability to narrow down my results from a variety of different tags rather than excluding results that don’t share the first tag I marked. That’s where this exercise … Continue reading

How to make a ‘wall of awesome’ with CSS and an animated gif

My coworker Alan sent me a link to moustacheme.com last week. Moustacheme.com has a wall of awesome, which is a gallery of moustachioed photos (perhaps it could be called a “stash of staches”, or a “stache-cache”), and it uses a … Continue reading

Mike asks the CSS Guy about a scrolling trick with background images

Mike writes: Check this out: http://econsultancy.com/reports. Scroll up/down… whaaaaat? :) How was this done? Answer: fixed background images. Let’s look at some examples. Images For the basic effect, start with two same sized images, with a slight difference. For my … Continue reading

Josh asks the CSS Guy about row locking with jQuery

With regards to this article, Josh writes: “Would it be possible for you to recreate this with jQuery and see how many lines of JS you can save in the process?” Yes! View demo This is a direct jQuery replacement … Continue reading

Pardon the mess

I’m gutting some movable type html, and along with that, I’ll need to rebuild the CSS file as well. If you keep seeing fresh articles in your feed reader, this is why. This will take a few days. Sep 12, … Continue reading

A page curling tip

Some have asked how to do the page curl effect for the figures in the article I wrote for Smashing Magazine, which included figures with page curls. The answer is Veerle’s tutorial. There is one extra tip I’d like to … Continue reading

Adding classes to input tags as a matter of course

I felt like sharing a practice that I’ve been doing for a while now when marking up form elements. I always assign a class to every input that is the same to the input’s type. <input type=”text” class=”text” /> <input … Continue reading

Kotatsu – a simple html table generator

It’s been a long time since I’ve used Dreamweaver for web development. I only find myself missing it when I need to create a table, especially when I want to have all cells in a particular column have a class. … Continue reading