Adaptive Background Grid

by Gene Locklin

Watch the background. Resize browser window for effect…

The Route of All Evil

Um, is this the boring, peaceful kind of taking to the streets? The key to victory is discipline, and that means a well made bed. You will practice until you can make your bed in your sleep. It must be wonderful. Please, Don-Bot… look into your hard drive, and open your mercy file! Also Zoidberg. I love this planet! I've got wealth, fame, and access to the depths of sleaze that those things bring.

Why Must I Be a Crustacean in Love?

I'm sure those windmills will keep them cool. Then throw her in the laundry room, which will hereafter be referred to as "the brig". What kind of a father would I be if I said no? Why yes! Thanks for noticing. You'll have all the Slurm you can drink when you're partying with Slurms McKenzie!

Jurassic Bark

I daresay that Fry has discovered the smelliest object in the known universe! Bender, you risked your life to save me! Ow, my spirit!

Why Must I Be a Crustacean in Love?

Goodbye, friends. I never thought I'd die like this. But I always really hoped. I didn't ask for a completely reasonable excuse! I asked you to get busy! That's right, baby. I ain't your loverboy Flexo, the guy you love so much. You even love anyone pretending to be him! Ah, computer dating. It's like pimping, but you rarely have to use the phrase "upside your head." Yeah, and if you were the pope they'd be all, "Straighten your pope hat." And "Put on your good vestments." You are the last hope of the universe.

I Dated a Robot

You won't have time for sleeping, soldier, not with all the bed making you'll be doing. Anyone who laughs is a communist! Large bet on myself in round one. And remember, don't do anything that affects anything, unless it turns out you were supposed to, in which case, for the love of God, don't not do it! As an interesting side note, as a head without a body, I envy the dead. Professor, make a woman out of me.

A Taste of Freedom

You guys realize you live in a sewer, right? No, of course not. It was… uh… porno. Yeah, that's it. You don't know how to do any of those. What are you hacking off? Is it my torso?! 'It is!' My precious torso! Pansy. Yeah, I do that with my stupidness.

About this post

Here’s an example of how awesome CSS3 media queries can be.

When I’m working, I always use a grid of some sort, to make sure everything is staying on the . Usually, I either set a grid image to show on hover, as suggested in his article, , or I set it up to toggle a class to my HTML, with an absolutely positioned link somewhere on the page.

No matter how I go about it, I always consider staying on the baseline. I hate visiting a site that doesn’t. It makes my head hurt. Usually, I end up wasting 10 minutes going into web inspector and fixing the type.

I was browsing , when I came across . It’s close to the image that I usually use for my background grid, so I thought I’d modify it and see what happened.

The result isn’t very impressive looking, but it’s sized in , making it scaleable. Now, using media queries, I can scale my background up as my text scales up.