Forum Moderators: phranque

Message Too Old, No Replies

Easter eggs and Christmas presents: hidden treats on your site

Brett's clever robots.txt blog got me thinking...

         

rjohara

2:54 am on Dec 23, 2005 (gmt 0)

10+ Year Member



Brett's clever blog hidden in the WebmasterWorld robots.txt file got me thinking about hidden features of websites that people put in just for fun. What do you hide within your website, just for fun, that only you or a small group of cognoscenti know about?

In programming these sorts of things are often called "easter eggs" - little hidden treats that don't really have any function other than to cause delight upon discovery. Early Mac software was famous for having many hidden easter eggs - things that only showed up if you held down the option key while requesting file information, for example.

Some weeks ago I was talking with iamlost about classical typographic proportions for webpages. People may not realize that many books, well back into the Middle Ages, were designed with cleverly interlocking sets of proportions linking the size of the text block to the width of the margins to the proportions of the paper. One familar modern carryover is the paperbacks in the Penguin Classics series, which were long manufactured with page proportions that embody the Golden Ratio (1:1.618).

In keeping with this tradition, I use a standard em-scale for all the horizontal dimensions on my own website (vertical scales are harder, because they are less predictable); in simplified form it looks something like this:

43.00 em width of content
13.69 em width of sidebar
4.36 em width of blockquote right margin
1.39 em width of padding, text-indent, list inset
0.44 em width of hanging indent

Spot the hidden "easter egg"? (Each value is pi times the previous value.) It makes for rather nice proportions, and within the content and sidebar blocks the em-width of the padding is 3.14 em itself.

So, what other fun features have people built into their sites? Perhaps a popup window that appears only when you click somewhere that isn't obviously a link? An amusing comment within the HTML file that only appears when someone views the source? (I have my .htaccess file headed with the comment "stone knives and bearskins" - some old timers will recognize that....)

kandar

8:38 am on Dec 23, 2005 (gmt 0)

10+ Year Member



One widely used feature is hidden messages in http-headers. Most famous example is the X-Bender and X-Fry header of a big tech-orientated site.

Beagle

10:27 pm on Dec 23, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



A little more personal. I once used a program my brother had given me to "tweak" a few pages worth of photos and put them on my site, with the only link to them being a tiny .gif in an out-of-the-way corner. Then I emailed him and told him how to search for it. Of course, it's not secure at all, but there's nothing in the pictures that requires it to be and it still gives the feeling of the pages being "just for him."

Pfui

11:54 pm on Dec 23, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



Wow. Incorporating pi in any way, shape or form is waaay beyond this math-challenged Mac person. But I do enjoy other ways of making and hiding Easter Eggs.

Some are simply hidden navigational short-cuts tucked behind 'routine' graphics. The really cool surprises pop-up a window in which a heavily modified random quote CGI cycles through selections featured elsewhere on-site as singles.

I'd hide more Easter Eggs but I prefer to keep my code more simple than not for maximum browser compatibility. And as pop-up blockers and such become increasingly common, it's more challenging (tho' still geekily fun as heck) to craft broad-based special extras. I look forward to reading about others' surprises!

MatthewHSE

12:55 pm on Dec 24, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I sometimes throw in a few HTML comments with a link to [GetFirefox.com...] if I'm forced into making a page with extra elements added as IE hacks. Also after IE hacks in my CSS files. When I'm making a PHP script that takes user input, I'll sometimes add humorous error messages that will only be seen if someone tries to play around with $_GET data or something. But Brett's "Bot Blog" also has me itching to add more similar stuff to my site...Maybe an ASCII self-portrait in my CSS file? ;)

longen

1:54 am on Dec 25, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



A photo or graphic could have a small section set up as an Image Map leading to content.

Aircut

8:49 am on Dec 25, 2005 (gmt 0)

10+ Year Member



i add sometimes greeting lines in the comments layers of animated gif pics..only visible to those opening the files for editing....

iamlost

1:20 am on Dec 28, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I would not have thought to describe my use of phi , the 'golden ratio', (0.618...) or rjohara's use of pi as easter eggs. Where's the chocolate?

For those who care (all n->null of you) both pi and phi show up all over the mathematical, natural, philosophical, cosmological, chaotic place. Very intreguing useful numbers.

My phi uses are two-fold.
* One: Where possible I size page objects 1:0.618. It really looks good to the eye. As does the 'golden rectangle' (esp. for image/description): If the img/desc object is 1:0.618 the image is sized as 0.618 x 0.618 and the descriptiuon gets the remainder of 0.618 x 0.382. And yes using pi the rjohara way is simpler...but I am a geek and I like to suffer for my art.

* Two: It is common to use some extraordinary prime as the basis for encryption. So it confuses the heck out of (most) brute force decryption programs to utilise the golden mean base (aka phinary base) on a (phi) logarithmic spiral encoding structure.

Some easter eggs (note lower case to recognise lack of chocolate) I have included on sites:

* an order of a-certain-item or a-certain-value getting an especially good unadvertised additional discount. Amusing how many customers would request orders of that item/value over the next week. Then it would disappear from folks' radar until the next time someone 'found' it.

* a 'free-use' graphic from a renowned illustrator/cartoonist would be the 'thanks' page upon a viewer submitting a comment.

* a music group included unspecified, unadvertised extra songs available only for mp3 download upon on-line purchase of their CDs.

Fun stuff and great marketing.
Brett's robots.txt blog is both. A classic.
The things a geek gets excited about...I need a life...anyone got an extra?

carfac

5:28 am on Dec 28, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



OK, I may skirt some forum rules here (I hope not!), so please forgive me if I go astray. If this is a little too Personal, just delete this post...

I run a site that deals with cartoons- it deals with them in a historical and factual way. I have slipped in a couple of "fake" cartoons- mainly from "Maroon Studios"- the company that "made" the original Roger Rabbit cartoons in the 1940's. (Which, of course, never really happened). Included are even fake title cards and release posters.

Dave

D_Blackwell

12:53 am on Dec 29, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



In the site nav of a niche widget site I added an "Authorized Personnel Only" link. Click on it and go to an "Intruder Alert" page, complete with Star Trek 'red alert' siren. Completely unexpected, I think that most people enjoy the joke. Other than that link, the rest of the site is pretty straight-laced.

pmkpmk

10:19 pm on Jan 2, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



I have a disallowed directory in my robots.txt. The directory is not linked from anywhere. Only chance to access it is by acessing robots.txt first, reading it, and then manually entering the directory. Its primary use was for trapping "bad bots", but every once in a while it seems a human enters it as well. I am probably going to set up some content in it which would only make sense to a human reader.