Holy Moly! My Holy Grail Example Cited On A List Apart!

So, I’m looking in my site statistics this morning, glancing at the trends for January. I’ve been inching upwards slowly in terms of readership. My average went from 300-350 hits per day at the begining of the month, to about 350-450 hits a day towards the end of the month. But, what’s this number here on the last day of the month? Is that … one thousand six hundred unique visitors just yesterday? What the … ?

Excitedly, I look to my referrer log to see what could have prompted this huge jump in traffic and I see that, second only to the CSS Zen Garden, most of my visitors are coming from a new article on A List Apart. I quickly scan my brain … did I leave a comment on ALA that was possibly so enticing that readers were drawn to my site in throngs? No. I did not. So that must mean that I was cited in the article itself.

I go to the article and do a search for Mani - nothing. I do a search for Sheriar - still nothing. I start hovering over every link looking for my url and I quickly find it, just two links in. The author is referring to my little old 3-column Holy Grail example, and he’s calling it a good template! Granted, he points out that source order is sacrificed, but so what!? I’m cited in A List Apart! Whoooo hoooo!!!!

A Little History

Back in my relatively newbie CSS days, I was reading an article about various css layouts. Towards the end of the article the author talked a bit about the Holy Grail of layouts - Three columns (two fixed-width sidebars and a liquid center) and a full length header and footer. All columns had to be able to be the longest. All columns as well as the header, the footer, and the background had to be able to be a different background. Next the author wrote the fateful words, “As far as we know, it hasn’t been done.” Or something to that effect. Well, you bet I took the entire day off to devote myself to the task. And, much to my astonishment, I did it! So, as far as I knew I was the only one who had. Whoa.

I posted the results on my site and wrote a quick note to the WSG discussion board saying basically, “Hey - look what I did! Does it actually work?” I didn’t hear much back from anyone. I certainly didn’t gain instant fame as I had secretly hoped would happen. In short, I forgot about it. But - I left it up on my site.

If You Build It, They Will Come

Over time I started noticing that many people were finding my site by searching for terms like, “css three column” and “3 column liquid layout.” And then, a few weeks ago, I get an email from my friend David saying, “I see you are famous. You are being cited on css-discuss for your ‘holy grail’ sample layout.” Wow. Pretty cool, I thought.

Now my little effort has reached all the way to A List Apart, the cream of the cream of web development zines. Amazing. I quickly took a look at the template and was kinda embarrassed at the presentation. “I should pretty this up,” I thought to myself. But, nah. In it’s unattractive, simple state it has gotten me this far.

I did, however, make one small adjustment: I added a link back to my main site. ;o)

7 Responses to “Holy Moly! My Holy Grail Example Cited On A List Apart!”

  • Jai Ganesh Says:

    Well whadaya know! :) So its only today that you found out that your article is up on ‘A List Apart’ eh? Cool indeedy.

    Jai

  • David Miller Says:

    That is some impeccable coding! Quite beautiful designs too! I really like all of your CSS Zen Garden submissions. Very impressive work! You are also quite pretty :)

  • Sian Says:

    Congratulations!

  • Jenny Blake Says:

    Yet another reason why you are my CSS hero!!

  • Patrick Says:

    This is terrific! Are there any design caveats to having the content as the first column, followed by two narrower columns to the right? Every layout solution I’ve seen has the content in the center, and this is one of the best I’ve seen. Nice work!

  • Joyce Says:

    Thank you so much for your 3 column CSS layout sample. I’m trying my hardest to understand enough CSS to get away from tables.

    One question - could a max width be set for the center content area? With all the wide wide widescreen monitors out not, it could get unreadable.

    Thanks! I have always loved your site and designs. So gorgeous.

  • Sheriar Designs Says:

    Joyce: I’m sure a max width could be set on the center column, although you might have to use javascript or some such trickery to get IE to comply. If you google “max width ie” you should come up with some solutions.

    I do think, however, that folks with ginormous monitors are probably used to browsing with un-maximized windows. ;~)

Leave a Reply